<style type="text/css">
    [uib-typeahead-popup].dropdown-menu {
        display: block;
    }

    .uib-time input {
        width: 50px;
    }

    [uib-tooltip-popup].tooltip.top-left>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.top-right>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.bottom-left>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.bottom-right>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.left-top>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.left-bottom>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.right-top>.tooltip-arrow,
    [uib-tooltip-popup].tooltip.right-bottom>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.top-left>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.top-right>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.bottom-left>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.bottom-right>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.left-top>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.left-bottom>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.right-top>.tooltip-arrow,
    [uib-tooltip-html-popup].tooltip.right-bottom>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.top-left>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.top-right>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.bottom-left>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.bottom-right>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.left-top>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.left-bottom>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.right-top>.tooltip-arrow,
    [uib-tooltip-template-popup].tooltip.right-bottom>.tooltip-arrow,
    [uib-popover-popup].popover.top-left>.arrow,
    [uib-popover-popup].popover.top-right>.arrow,
    [uib-popover-popup].popover.bottom-left>.arrow,
    [uib-popover-popup].popover.bottom-right>.arrow,
    [uib-popover-popup].popover.left-top>.arrow,
    [uib-popover-popup].popover.left-bottom>.arrow,
    [uib-popover-popup].popover.right-top>.arrow,
    [uib-popover-popup].popover.right-bottom>.arrow,
    [uib-popover-html-popup].popover.top-left>.arrow,
    [uib-popover-html-popup].popover.top-right>.arrow,
    [uib-popover-html-popup].popover.bottom-left>.arrow,
    [uib-popover-html-popup].popover.bottom-right>.arrow,
    [uib-popover-html-popup].popover.left-top>.arrow,
    [uib-popover-html-popup].popover.left-bottom>.arrow,
    [uib-popover-html-popup].popover.right-top>.arrow,
    [uib-popover-html-popup].popover.right-bottom>.arrow,
    [uib-popover-template-popup].popover.top-left>.arrow,
    [uib-popover-template-popup].popover.top-right>.arrow,
    [uib-popover-template-popup].popover.bottom-left>.arrow,
    [uib-popover-template-popup].popover.bottom-right>.arrow,
    [uib-popover-template-popup].popover.left-top>.arrow,
    [uib-popover-template-popup].popover.left-bottom>.arrow,
    [uib-popover-template-popup].popover.right-top>.arrow,
    [uib-popover-template-popup].popover.right-bottom>.arrow {
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 0;
    }

    [uib-popover-popup].popover,
    [uib-popover-html-popup].popover,
    [uib-popover-template-popup].popover {
        display: block !important;
    }

    .uib-datepicker-popup.dropdown-menu {
        display: block;
        float: none;
        margin: 0;
    }

    .uib-button-bar {
        padding: 10px 9px 2px;
    }

    .uib-position-measure {
        display: block !important;
        visibility: hidden !important;
        position: absolute !important;
        top: -9999px !important;
        left: -9999px !important;
    }

    .uib-position-scrollbar-measure {
        position: absolute !important;
        top: -9999px !important;
        width: 50px !important;
        height: 50px !important;
        overflow: scroll !important;
    }

    .uib-position-body-scrollbar-measure {
        overflow: scroll !important;
    }

    .uib-datepicker .uib-title {
        width: 100%;
    }

    .uib-day button,
    .uib-month button,
    .uib-year button {
        min-width: 100%;
    }

    .uib-left,
    .uib-right {
        width: 100%
    }

    .ng-animate.item:not(.left):not(.right) {
        -webkit-transition: 0s ease-in-out left;
        transition: 0s ease-in-out left
    }

    @charset "UTF-8";

    [ng\:cloak],
    [ng-cloak],
    [data-ng-cloak],
    [x-ng-cloak],
    .ng-cloak,
    .x-ng-cloak,
    .ng-hide:not(.ng-hide-animate) {
        display: none !important;
    }

    ng\:form {
        display: block;
    }

    .ng-animate-shim {
        visibility: hidden;
    }

    .ng-anchor {
        position: absolute;
    }

    .-XrqkevdgKslaYRvW4lgU {
        height: 320px;
        border-bottom: solid 20px #32b4e3;
        background: #fff no-repeat center top
    }

    .-XrqkevdgKslaYRvW4lgU.default {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c4cb3352188c75ac1466ad026e7be7ad.jpg)
    }

    .BDw45cKhOY5X-HJyc5_2C {
        position: relative;
        padding: 30px 0 140px;
        background: #fff
    }

    .BDw45cKhOY5X-HJyc5_2C ._1h0fCbtWimc44r9dNSenvs {
        position: relative;
        width: 1200px;
        margin: 0 auto
    }

    ._3V7APXh9XanItYU2YPW3te {
        min-width: 1200px;
        min-width: 1480px
    }


    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    main {
        display: block
    }

    h1 {
        font-size: 2em;
        margin: 0.67em 0
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
    }

    pre {
        font-family: monospace, monospace;
        font-size: 1em
    }

    a {
        background-color: transparent
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -0.25em
    }

    sup {
        top: -0.5em
    }

    img {
        border-style: none
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button,
    input {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    [type="button"],
    [type="reset"],
    [type="submit"] {
        -webkit-appearance: button
    }

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring,
    [type="button"]:-moz-focusring,
    [type="reset"]:-moz-focusring,
    [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
    }

    fieldset {
        padding: 0.35em 0.75em 0.625em
    }

    legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type="checkbox"],
    [type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    [type="number"]::-webkit-inner-spin-button,
    [type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    [type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    template {
        display: none
    }

    [hidden] {
        display: none
    }

    /*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
        display: block
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline
    }

    audio:not([controls]) {
        display: none;
        height: 0
    }

    [hidden],
    template {
        display: none
    }

    a {
        background-color: transparent
    }

    a:active,
    a:hover {
        outline: 0
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,
    strong {
        font-weight: bold
    }

    dfn {
        font-style: italic
    }

    h1 {
        font-size: 2em;
        margin: 0.67em 0
    }

    mark {
        background: #ff0;
        color: #000
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sup {
        top: -0.5em
    }

    sub {
        bottom: -0.25em
    }

    img {
        border: 0
    }

    svg:not(:root) {
        overflow: hidden
    }

    figure {
        margin: 1em 40px
    }

    hr {
        box-sizing: content-box;
        height: 0
    }

    pre {
        overflow: auto
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0
    }

    button {
        overflow: visible
    }

    button,
    select {
        text-transform: none
    }

    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
    }

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    input {
        line-height: normal
    }

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }

    fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em
    }

    legend {
        border: 0;
        padding: 0
    }

    textarea {
        overflow: auto
    }

    optgroup {
        font-weight: bold
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    td,
    th {
        padding: 0
    }

    /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
    @media print {

        *,
        *:before,
        *:after {
            color: #000 !important;
            text-shadow: none !important;
            background: transparent !important;
            box-shadow: none !important
        }

        a,
        a:visited {
            text-decoration: underline
        }

        a[href]:after {
            content: " (" attr(href) ")"
        }

        abbr[title]:after {
            content: " (" attr(title) ")"
        }

        a[href^="#"]:after,
        a[href^="javascript:"]:after {
            content: ""
        }

        pre,
        blockquote {
            border: 1px solid #999;
            page-break-inside: avoid
        }

        thead {
            display: table-header-group
        }

        tr,
        img {
            page-break-inside: avoid
        }

        img {
            max-width: 100% !important
        }

        p,
        h2,
        h3 {
            orphans: 3;
            widows: 3
        }

        h2,
        h3 {
            page-break-after: avoid
        }

        .navbar {
            display: none
        }

        .btn>.caret,
        .dropup>.btn>.caret {
            border-top-color: #000 !important
        }

        .label {
            border: 1px solid #000
        }

        .table {
            border-collapse: collapse !important
        }

        .table td,
        .table th {
            background-color: #fff !important
        }

        .table-bordered th,
        .table-bordered td {
            border: 1px solid #ddd !important
        }
    }

    @font-face {
        font-family: "Glyphicons Halflings";
        src: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/glyphicons-halflings-regular.eot);
        src: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/glyphicons-halflings-regular.woff) format("woff"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/060b2710bdbbe3dfe48b58d59bd5f1fb.svg#glyphicons_halflingsregular) format("svg")
    }

    .glyphicon {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .glyphicon-asterisk:before {
        content: "\002a"
    }

    .glyphicon-plus:before {
        content: "\002b"
    }

    .glyphicon-euro:before,
    .glyphicon-eur:before {
        content: "\20ac"
    }

    .glyphicon-minus:before {
        content: "\2212"
    }

    .glyphicon-cloud:before {
        content: "\2601"
    }

    .glyphicon-envelope:before {
        content: "\2709"
    }

    .glyphicon-pencil:before {
        content: "\270f"
    }

    .glyphicon-glass:before {
        content: "\e001"
    }

    .glyphicon-music:before {
        content: "\e002"
    }

    .glyphicon-search:before {
        content: "\e003"
    }

    .glyphicon-heart:before {
        content: "\e005"
    }

    .glyphicon-star:before {
        content: "\e006"
    }

    .glyphicon-star-empty:before {
        content: "\e007"
    }

    .glyphicon-user:before {
        content: "\e008"
    }

    .glyphicon-film:before {
        content: "\e009"
    }

    .glyphicon-th-large:before {
        content: "\e010"
    }

    .glyphicon-th:before {
        content: "\e011"
    }

    .glyphicon-th-list:before {
        content: "\e012"
    }

    .glyphicon-ok:before {
        content: "\e013"
    }

    .glyphicon-remove:before {
        content: "\e014"
    }

    .glyphicon-zoom-in:before {
        content: "\e015"
    }

    .glyphicon-zoom-out:before {
        content: "\e016"
    }

    .glyphicon-off:before {
        content: "\e017"
    }

    .glyphicon-signal:before {
        content: "\e018"
    }

    .glyphicon-cog:before {
        content: "\e019"
    }

    .glyphicon-trash:before {
        content: "\e020"
    }

    .glyphicon-home:before {
        content: "\e021"
    }

    .glyphicon-file:before {
        content: "\e022"
    }

    .glyphicon-time:before {
        content: "\e023"
    }

    .glyphicon-road:before {
        content: "\e024"
    }

    .glyphicon-download-alt:before {
        content: "\e025"
    }

    .glyphicon-download:before {
        content: "\e026"
    }

    .glyphicon-upload:before {
        content: "\e027"
    }

    .glyphicon-inbox:before {
        content: "\e028"
    }

    .glyphicon-play-circle:before {
        content: "\e029"
    }

    .glyphicon-repeat:before {
        content: "\e030"
    }

    .glyphicon-refresh:before {
        content: "\e031"
    }

    .glyphicon-list-alt:before {
        content: "\e032"
    }

    .glyphicon-lock:before {
        content: "\e033"
    }

    .glyphicon-flag:before {
        content: "\e034"
    }

    .glyphicon-headphones:before {
        content: "\e035"
    }

    .glyphicon-volume-off:before {
        content: "\e036"
    }

    .glyphicon-volume-down:before {
        content: "\e037"
    }

    .glyphicon-volume-up:before {
        content: "\e038"
    }

    .glyphicon-qrcode:before {
        content: "\e039"
    }

    .glyphicon-barcode:before {
        content: "\e040"
    }

    .glyphicon-tag:before {
        content: "\e041"
    }

    .glyphicon-tags:before {
        content: "\e042"
    }

    .glyphicon-book:before {
        content: "\e043"
    }

    .glyphicon-bookmark:before {
        content: "\e044"
    }

    .glyphicon-print:before {
        content: "\e045"
    }

    .glyphicon-camera:before {
        content: "\e046"
    }

    .glyphicon-font:before {
        content: "\e047"
    }

    .glyphicon-bold:before {
        content: "\e048"
    }

    .glyphicon-italic:before {
        content: "\e049"
    }

    .glyphicon-text-height:before {
        content: "\e050"
    }

    .glyphicon-text-width:before {
        content: "\e051"
    }

    .glyphicon-align-left:before {
        content: "\e052"
    }

    .glyphicon-align-center:before {
        content: "\e053"
    }

    .glyphicon-align-right:before {
        content: "\e054"
    }

    .glyphicon-align-justify:before {
        content: "\e055"
    }

    .glyphicon-list:before {
        content: "\e056"
    }

    .glyphicon-indent-left:before {
        content: "\e057"
    }

    .glyphicon-indent-right:before {
        content: "\e058"
    }

    .glyphicon-facetime-video:before {
        content: "\e059"
    }

    .glyphicon-picture:before {
        content: "\e060"
    }

    .glyphicon-map-marker:before {
        content: "\e062"
    }

    .glyphicon-adjust:before {
        content: "\e063"
    }

    .glyphicon-tint:before {
        content: "\e064"
    }

    .glyphicon-edit:before {
        content: "\e065"
    }

    .glyphicon-share:before {
        content: "\e066"
    }

    .glyphicon-check:before {
        content: "\e067"
    }

    .glyphicon-move:before {
        content: "\e068"
    }

    .glyphicon-step-backward:before {
        content: "\e069"
    }

    .glyphicon-fast-backward:before {
        content: "\e070"
    }

    .glyphicon-backward:before {
        content: "\e071"
    }

    .glyphicon-play:before {
        content: "\e072"
    }

    .glyphicon-pause:before {
        content: "\e073"
    }

    .glyphicon-stop:before {
        content: "\e074"
    }

    .glyphicon-forward:before {
        content: "\e075"
    }

    .glyphicon-fast-forward:before {
        content: "\e076"
    }

    .glyphicon-step-forward:before {
        content: "\e077"
    }

    .glyphicon-eject:before {
        content: "\e078"
    }

    .glyphicon-chevron-left:before {
        content: "\e079"
    }

    .glyphicon-chevron-right:before {
        content: "\e080"
    }

    .glyphicon-plus-sign:before {
        content: "\e081"
    }

    .glyphicon-minus-sign:before {
        content: "\e082"
    }

    .glyphicon-remove-sign:before {
        content: "\e083"
    }

    .glyphicon-ok-sign:before {
        content: "\e084"
    }

    .glyphicon-question-sign:before {
        content: "\e085"
    }

    .glyphicon-info-sign:before {
        content: "\e086"
    }

    .glyphicon-screenshot:before {
        content: "\e087"
    }

    .glyphicon-remove-circle:before {
        content: "\e088"
    }

    .glyphicon-ok-circle:before {
        content: "\e089"
    }

    .glyphicon-ban-circle:before {
        content: "\e090"
    }

    .glyphicon-arrow-left:before {
        content: "\e091"
    }

    .glyphicon-arrow-right:before {
        content: "\e092"
    }

    .glyphicon-arrow-up:before {
        content: "\e093"
    }

    .glyphicon-arrow-down:before {
        content: "\e094"
    }

    .glyphicon-share-alt:before {
        content: "\e095"
    }

    .glyphicon-resize-full:before {
        content: "\e096"
    }

    .glyphicon-resize-small:before {
        content: "\e097"
    }

    .glyphicon-exclamation-sign:before {
        content: "\e101"
    }

    .glyphicon-gift:before {
        content: "\e102"
    }

    .glyphicon-leaf:before {
        content: "\e103"
    }

    .glyphicon-fire:before {
        content: "\e104"
    }

    .glyphicon-eye-open:before {
        content: "\e105"
    }

    .glyphicon-eye-close:before {
        content: "\e106"
    }

    .glyphicon-warning-sign:before {
        content: "\e107"
    }

    .glyphicon-plane:before {
        content: "\e108"
    }

    .glyphicon-calendar:before {
        content: "\e109"
    }

    .glyphicon-random:before {
        content: "\e110"
    }

    .glyphicon-comment:before {
        content: "\e111"
    }

    .glyphicon-magnet:before {
        content: "\e112"
    }

    .glyphicon-chevron-up:before {
        content: "\e113"
    }

    .glyphicon-chevron-down:before {
        content: "\e114"
    }

    .glyphicon-retweet:before {
        content: "\e115"
    }

    .glyphicon-shopping-cart:before {
        content: "\e116"
    }

    .glyphicon-folder-close:before {
        content: "\e117"
    }

    .glyphicon-folder-open:before {
        content: "\e118"
    }

    .glyphicon-resize-vertical:before {
        content: "\e119"
    }

    .glyphicon-resize-horizontal:before {
        content: "\e120"
    }

    .glyphicon-hdd:before {
        content: "\e121"
    }

    .glyphicon-bullhorn:before {
        content: "\e122"
    }

    .glyphicon-bell:before {
        content: "\e123"
    }

    .glyphicon-certificate:before {
        content: "\e124"
    }

    .glyphicon-thumbs-up:before {
        content: "\e125"
    }

    .glyphicon-thumbs-down:before {
        content: "\e126"
    }

    .glyphicon-hand-right:before {
        content: "\e127"
    }

    .glyphicon-hand-left:before {
        content: "\e128"
    }

    .glyphicon-hand-up:before {
        content: "\e129"
    }

    .glyphicon-hand-down:before {
        content: "\e130"
    }

    .glyphicon-circle-arrow-right:before {
        content: "\e131"
    }

    .glyphicon-circle-arrow-left:before {
        content: "\e132"
    }

    .glyphicon-circle-arrow-up:before {
        content: "\e133"
    }

    .glyphicon-circle-arrow-down:before {
        content: "\e134"
    }

    .glyphicon-globe:before {
        content: "\e135"
    }

    .glyphicon-wrench:before {
        content: "\e136"
    }

    .glyphicon-tasks:before {
        content: "\e137"
    }

    .glyphicon-filter:before {
        content: "\e138"
    }

    .glyphicon-briefcase:before {
        content: "\e139"
    }

    .glyphicon-fullscreen:before {
        content: "\e140"
    }

    .glyphicon-dashboard:before {
        content: "\e141"
    }

    .glyphicon-paperclip:before {
        content: "\e142"
    }

    .glyphicon-heart-empty:before {
        content: "\e143"
    }

    .glyphicon-link:before {
        content: "\e144"
    }

    .glyphicon-phone:before {
        content: "\e145"
    }

    .glyphicon-pushpin:before {
        content: "\e146"
    }

    .glyphicon-usd:before {
        content: "\e148"
    }

    .glyphicon-gbp:before {
        content: "\e149"
    }

    .glyphicon-sort:before {
        content: "\e150"
    }

    .glyphicon-sort-by-alphabet:before {
        content: "\e151"
    }

    .glyphicon-sort-by-alphabet-alt:before {
        content: "\e152"
    }

    .glyphicon-sort-by-order:before {
        content: "\e153"
    }

    .glyphicon-sort-by-order-alt:before {
        content: "\e154"
    }

    .glyphicon-sort-by-attributes:before {
        content: "\e155"
    }

    .glyphicon-sort-by-attributes-alt:before {
        content: "\e156"
    }

    .glyphicon-unchecked:before {
        content: "\e157"
    }

    .glyphicon-expand:before {
        content: "\e158"
    }

    .glyphicon-collapse-down:before {
        content: "\e159"
    }

    .glyphicon-collapse-up:before {
        content: "\e160"
    }

    .glyphicon-log-in:before {
        content: "\e161"
    }

    .glyphicon-flash:before {
        content: "\e162"
    }

    .glyphicon-log-out:before {
        content: "\e163"
    }

    .glyphicon-new-window:before {
        content: "\e164"
    }

    .glyphicon-record:before {
        content: "\e165"
    }

    .glyphicon-save:before {
        content: "\e166"
    }

    .glyphicon-open:before {
        content: "\e167"
    }

    .glyphicon-saved:before {
        content: "\e168"
    }

    .glyphicon-import:before {
        content: "\e169"
    }

    .glyphicon-export:before {
        content: "\e170"
    }

    .glyphicon-send:before {
        content: "\e171"
    }

    .glyphicon-floppy-disk:before {
        content: "\e172"
    }

    .glyphicon-floppy-saved:before {
        content: "\e173"
    }

    .glyphicon-floppy-remove:before {
        content: "\e174"
    }

    .glyphicon-floppy-save:before {
        content: "\e175"
    }

    .glyphicon-floppy-open:before {
        content: "\e176"
    }

    .glyphicon-credit-card:before {
        content: "\e177"
    }

    .glyphicon-transfer:before {
        content: "\e178"
    }

    .glyphicon-cutlery:before {
        content: "\e179"
    }

    .glyphicon-header:before {
        content: "\e180"
    }

    .glyphicon-compressed:before {
        content: "\e181"
    }

    .glyphicon-earphone:before {
        content: "\e182"
    }

    .glyphicon-phone-alt:before {
        content: "\e183"
    }

    .glyphicon-tower:before {
        content: "\e184"
    }

    .glyphicon-stats:before {
        content: "\e185"
    }

    .glyphicon-sd-video:before {
        content: "\e186"
    }

    .glyphicon-hd-video:before {
        content: "\e187"
    }

    .glyphicon-subtitles:before {
        content: "\e188"
    }

    .glyphicon-sound-stereo:before {
        content: "\e189"
    }

    .glyphicon-sound-dolby:before {
        content: "\e190"
    }

    .glyphicon-sound-5-1:before {
        content: "\e191"
    }

    .glyphicon-sound-6-1:before {
        content: "\e192"
    }

    .glyphicon-sound-7-1:before {
        content: "\e193"
    }

    .glyphicon-copyright-mark:before {
        content: "\e194"
    }

    .glyphicon-registration-mark:before {
        content: "\e195"
    }

    .glyphicon-cloud-download:before {
        content: "\e197"
    }

    .glyphicon-cloud-upload:before {
        content: "\e198"
    }

    .glyphicon-tree-conifer:before {
        content: "\e199"
    }

    .glyphicon-tree-deciduous:before {
        content: "\e200"
    }

    .glyphicon-cd:before {
        content: "\e201"
    }

    .glyphicon-save-file:before {
        content: "\e202"
    }

    .glyphicon-open-file:before {
        content: "\e203"
    }

    .glyphicon-level-up:before {
        content: "\e204"
    }

    .glyphicon-copy:before {
        content: "\e205"
    }

    .glyphicon-paste:before {
        content: "\e206"
    }

    .glyphicon-alert:before {
        content: "\e209"
    }

    .glyphicon-equalizer:before {
        content: "\e210"
    }

    .glyphicon-king:before {
        content: "\e211"
    }

    .glyphicon-queen:before {
        content: "\e212"
    }

    .glyphicon-pawn:before {
        content: "\e213"
    }

    .glyphicon-bishop:before {
        content: "\e214"
    }

    .glyphicon-knight:before {
        content: "\e215"
    }

    .glyphicon-baby-formula:before {
        content: "\e216"
    }

    .glyphicon-tent:before {
        content: "\26fa"
    }

    .glyphicon-blackboard:before {
        content: "\e218"
    }

    .glyphicon-bed:before {
        content: "\e219"
    }

    .glyphicon-apple:before {
        content: "\f8ff"
    }

    .glyphicon-erase:before {
        content: "\e221"
    }

    .glyphicon-hourglass:before {
        content: "\231b"
    }

    .glyphicon-lamp:before {
        content: "\e223"
    }

    .glyphicon-duplicate:before {
        content: "\e224"
    }

    .glyphicon-piggy-bank:before {
        content: "\e225"
    }

    .glyphicon-scissors:before {
        content: "\e226"
    }

    .glyphicon-bitcoin:before {
        content: "\e227"
    }

    .glyphicon-btc:before {
        content: "\e227"
    }

    .glyphicon-xbt:before {
        content: "\e227"
    }

    .glyphicon-yen:before {
        content: "\00a5"
    }

    .glyphicon-jpy:before {
        content: "\00a5"
    }

    .glyphicon-ruble:before {
        content: "\20bd"
    }

    .glyphicon-rub:before {
        content: "\20bd"
    }

    .glyphicon-scale:before {
        content: "\e230"
    }

    .glyphicon-ice-lolly:before {
        content: "\e231"
    }

    .glyphicon-ice-lolly-tasted:before {
        content: "\e232"
    }

    .glyphicon-education:before {
        content: "\e233"
    }

    .glyphicon-option-horizontal:before {
        content: "\e234"
    }

    .glyphicon-option-vertical:before {
        content: "\e235"
    }

    .glyphicon-menu-hamburger:before {
        content: "\e236"
    }

    .glyphicon-modal-window:before {
        content: "\e237"
    }

    .glyphicon-oil:before {
        content: "\e238"
    }

    .glyphicon-grain:before {
        content: "\e239"
    }

    .glyphicon-sunglasses:before {
        content: "\e240"
    }

    .glyphicon-text-size:before {
        content: "\e241"
    }

    .glyphicon-text-color:before {
        content: "\e242"
    }

    .glyphicon-text-background:before {
        content: "\e243"
    }

    .glyphicon-object-align-top:before {
        content: "\e244"
    }

    .glyphicon-object-align-bottom:before {
        content: "\e245"
    }

    .glyphicon-object-align-horizontal:before {
        content: "\e246"
    }

    .glyphicon-object-align-left:before {
        content: "\e247"
    }

    .glyphicon-object-align-vertical:before {
        content: "\e248"
    }

    .glyphicon-object-align-right:before {
        content: "\e249"
    }

    .glyphicon-triangle-right:before {
        content: "\e250"
    }

    .glyphicon-triangle-left:before {
        content: "\e251"
    }

    .glyphicon-triangle-bottom:before {
        content: "\e252"
    }

    .glyphicon-triangle-top:before {
        content: "\e253"
    }

    .glyphicon-console:before {
        content: "\e254"
    }

    .glyphicon-superscript:before {
        content: "\e255"
    }

    .glyphicon-subscript:before {
        content: "\e256"
    }

    .glyphicon-menu-left:before {
        content: "\e257"
    }

    .glyphicon-menu-right:before {
        content: "\e258"
    }

    .glyphicon-menu-down:before {
        content: "\e259"
    }

    .glyphicon-menu-up:before {
        content: "\e260"
    }

    * {
        box-sizing: border-box
    }

    *:before,
    *:after {
        box-sizing: border-box
    }

    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 1.42857143;
        color: #333333;
        background-color: #fff
    }

    input,
    button,
    select,
    textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit
    }

    a {
        color: #337ab7;
        text-decoration: none
    }

    a:hover,
    a:focus {
        color: #23527c;
        text-decoration: underline
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    figure {
        margin: 0
    }

    img {
        vertical-align: middle
    }

    .img-responsive,
    .thumbnail>img,
    .thumbnail a>img,
    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        display: block;
        max-width: 100%;
        height: auto
    }

    .img-rounded {
        border-radius: 6px
    }

    .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto
    }

    .img-circle {
        border-radius: 50%
    }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }

    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto
    }

    [role="button"] {
        cursor: pointer
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: inherit;
        font-weight: 500;
        line-height: 1.1;
        color: inherit
    }

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #777777
    }

    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 20px;
        margin-bottom: 10px
    }

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small {
        font-size: 65%
    }

    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%
    }

    h1,
    .h1 {
        font-size: 36px
    }

    h2,
    .h2 {
        font-size: 30px
    }

    h3,
    .h3 {
        font-size: 24px
    }

    h4,
    .h4 {
        font-size: 18px
    }

    h5,
    .h5 {
        font-size: 14px
    }

    h6,
    .h6 {
        font-size: 12px
    }

    p {
        margin: 0 0 10px
    }

    .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4
    }

    @media (min-width: 768px) {
        .lead {
            font-size: 21px
        }
    }

    small,
    .small {
        font-size: 85%
    }

    mark,
    .mark {
        padding: 0.2em;
        background-color: #fcf8e3
    }

    .text-left {
        text-align: left
    }

    .text-right {
        text-align: right
    }

    .text-center {
        text-align: center
    }

    .text-justify {
        text-align: justify
    }

    .text-nowrap {
        white-space: nowrap
    }

    .text-lowercase {
        text-transform: lowercase
    }

    .text-uppercase {
        text-transform: uppercase
    }

    .text-capitalize {
        text-transform: capitalize
    }

    .text-muted {
        color: #777777
    }

    .text-primary {
        color: #337ab7
    }

    a.text-primary:hover,
    a.text-primary:focus {
        color: #286090
    }

    .text-success {
        color: #3c763d
    }

    a.text-success:hover,
    a.text-success:focus {
        color: #2b542c
    }

    .text-info {
        color: #31708f
    }

    a.text-info:hover,
    a.text-info:focus {
        color: #245269
    }

    .text-warning {
        color: #8a6d3b
    }

    a.text-warning:hover,
    a.text-warning:focus {
        color: #66512c
    }

    .text-danger {
        color: #a94442
    }

    a.text-danger:hover,
    a.text-danger:focus {
        color: #843534
    }

    .bg-primary {
        color: #fff;
        background-color: #337ab7
    }

    a.bg-primary:hover,
    a.bg-primary:focus {
        background-color: #286090
    }

    .bg-success {
        background-color: #dff0d8
    }

    a.bg-success:hover,
    a.bg-success:focus {
        background-color: #c1e2b3
    }

    .bg-info {
        background-color: #d9edf7
    }

    a.bg-info:hover,
    a.bg-info:focus {
        background-color: #afd9ee
    }

    .bg-warning {
        background-color: #fcf8e3
    }

    a.bg-warning:hover,
    a.bg-warning:focus {
        background-color: #f7ecb5
    }

    .bg-danger {
        background-color: #f2dede
    }

    a.bg-danger:hover,
    a.bg-danger:focus {
        background-color: #e4b9b9
    }

    .page-header {
        padding-bottom: 9px;
        margin: 40px 0 20px;
        border-bottom: 1px solid #eeeeee
    }

    ul,
    ol {
        margin-top: 0;
        margin-bottom: 10px
    }

    ul ul,
    ol ul,
    ul ol,
    ol ol {
        margin-bottom: 0
    }

    .list-unstyled {
        padding-left: 0;
        list-style: none
    }

    .list-inline {
        padding-left: 0;
        list-style: none;
        margin-left: -5px
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    dl {
        margin-top: 0;
        margin-bottom: 20px
    }

    dt,
    dd {
        line-height: 1.42857143
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    @media (min-width: 768px) {
        .dl-horizontal dt {
            float: left;
            width: 160px;
            clear: left;
            text-align: right;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .dl-horizontal dd {
            margin-left: 180px
        }
    }

    abbr[title],
    abbr[data-original-title] {
        cursor: help
    }

    .initialism {
        font-size: 90%;
        text-transform: uppercase
    }

    blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        font-size: 17.5px;
        border-left: 5px solid #eeeeee
    }

    blockquote p:last-child,
    blockquote ul:last-child,
    blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer,
    blockquote small,
    blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777777
    }

    blockquote footer:before,
    blockquote small:before,
    blockquote .small:before {
        content: "\2014 \00A0"
    }

    .blockquote-reverse,
    blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        text-align: right;
        border-right: 5px solid #eeeeee;
        border-left: 0
    }

    .blockquote-reverse footer:before,
    blockquote.pull-right footer:before,
    .blockquote-reverse small:before,
    blockquote.pull-right small:before,
    .blockquote-reverse .small:before,
    blockquote.pull-right .small:before {
        content: ""
    }

    .blockquote-reverse footer:after,
    blockquote.pull-right footer:after,
    .blockquote-reverse small:after,
    blockquote.pull-right small:after,
    .blockquote-reverse .small:after,
    blockquote.pull-right .small:after {
        content: "\00A0 \2014"
    }

    address {
        margin-bottom: 20px;
        font-style: normal;
        line-height: 1.42857143
    }

    code,
    kbd,
    pre,
    samp {
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace
    }

    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #c7254e;
        background-color: #f9f2f4;
        border-radius: 4px
    }

    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
    }

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
        box-shadow: none
    }

    pre {
        display: block;
        padding: 9.5px;
        margin: 0 0 10px;
        font-size: 13px;
        line-height: 1.42857143;
        color: #333333;
        word-break: break-all;
        word-wrap: break-word;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

    .pre-scrollable {
        max-height: 340px;
        overflow-y: scroll
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    @media (min-width: 768px) {
        .container {
            width: 750px
        }
    }

    @media (min-width: 992px) {
        .container {
            width: 970px
        }
    }

    @media (min-width: 1200px) {
        .container {
            width: 1170px
        }
    }

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto
    }

    .row {
        margin-right: -15px;
        margin-left: -15px
    }

    .row-no-gutters {
        margin-right: 0;
        margin-left: 0
    }

    .row-no-gutters [class*="col-"] {
        padding-right: 0;
        padding-left: 0
    }

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        float: left
    }

    .col-xs-12 {
        width: 100%
    }

    .col-xs-11 {
        width: 91.66666667%
    }

    .col-xs-10 {
        width: 83.33333333%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-8 {
        width: 66.66666667%
    }

    .col-xs-7 {
        width: 58.33333333%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-5 {
        width: 41.66666667%
    }

    .col-xs-4 {
        width: 33.33333333%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-2 {
        width: 16.66666667%
    }

    .col-xs-1 {
        width: 8.33333333%
    }

    .col-xs-pull-12 {
        right: 100%
    }

    .col-xs-pull-11 {
        right: 91.66666667%
    }

    .col-xs-pull-10 {
        right: 83.33333333%
    }

    .col-xs-pull-9 {
        right: 75%
    }

    .col-xs-pull-8 {
        right: 66.66666667%
    }

    .col-xs-pull-7 {
        right: 58.33333333%
    }

    .col-xs-pull-6 {
        right: 50%
    }

    .col-xs-pull-5 {
        right: 41.66666667%
    }

    .col-xs-pull-4 {
        right: 33.33333333%
    }

    .col-xs-pull-3 {
        right: 25%
    }

    .col-xs-pull-2 {
        right: 16.66666667%
    }

    .col-xs-pull-1 {
        right: 8.33333333%
    }

    .col-xs-pull-0 {
        right: auto
    }

    .col-xs-push-12 {
        left: 100%
    }

    .col-xs-push-11 {
        left: 91.66666667%
    }

    .col-xs-push-10 {
        left: 83.33333333%
    }

    .col-xs-push-9 {
        left: 75%
    }

    .col-xs-push-8 {
        left: 66.66666667%
    }

    .col-xs-push-7 {
        left: 58.33333333%
    }

    .col-xs-push-6 {
        left: 50%
    }

    .col-xs-push-5 {
        left: 41.66666667%
    }

    .col-xs-push-4 {
        left: 33.33333333%
    }

    .col-xs-push-3 {
        left: 25%
    }

    .col-xs-push-2 {
        left: 16.66666667%
    }

    .col-xs-push-1 {
        left: 8.33333333%
    }

    .col-xs-push-0 {
        left: auto
    }

    .col-xs-offset-12 {
        margin-left: 100%
    }

    .col-xs-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xs-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xs-offset-9 {
        margin-left: 75%
    }

    .col-xs-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xs-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xs-offset-6 {
        margin-left: 50%
    }

    .col-xs-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xs-offset-3 {
        margin-left: 25%
    }

    .col-xs-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xs-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xs-offset-0 {
        margin-left: 0%
    }

    @media (min-width: 768px) {

        .col-sm-1,
        .col-sm-2,
        .col-sm-3,
        .col-sm-4,
        .col-sm-5,
        .col-sm-6,
        .col-sm-7,
        .col-sm-8,
        .col-sm-9,
        .col-sm-10,
        .col-sm-11,
        .col-sm-12 {
            float: left
        }

        .col-sm-12 {
            width: 100%
        }

        .col-sm-11 {
            width: 91.66666667%
        }

        .col-sm-10 {
            width: 83.33333333%
        }

        .col-sm-9 {
            width: 75%
        }

        .col-sm-8 {
            width: 66.66666667%
        }

        .col-sm-7 {
            width: 58.33333333%
        }

        .col-sm-6 {
            width: 50%
        }

        .col-sm-5 {
            width: 41.66666667%
        }

        .col-sm-4 {
            width: 33.33333333%
        }

        .col-sm-3 {
            width: 25%
        }

        .col-sm-2 {
            width: 16.66666667%
        }

        .col-sm-1 {
            width: 8.33333333%
        }

        .col-sm-pull-12 {
            right: 100%
        }

        .col-sm-pull-11 {
            right: 91.66666667%
        }

        .col-sm-pull-10 {
            right: 83.33333333%
        }

        .col-sm-pull-9 {
            right: 75%
        }

        .col-sm-pull-8 {
            right: 66.66666667%
        }

        .col-sm-pull-7 {
            right: 58.33333333%
        }

        .col-sm-pull-6 {
            right: 50%
        }

        .col-sm-pull-5 {
            right: 41.66666667%
        }

        .col-sm-pull-4 {
            right: 33.33333333%
        }

        .col-sm-pull-3 {
            right: 25%
        }

        .col-sm-pull-2 {
            right: 16.66666667%
        }

        .col-sm-pull-1 {
            right: 8.33333333%
        }

        .col-sm-pull-0 {
            right: auto
        }

        .col-sm-push-12 {
            left: 100%
        }

        .col-sm-push-11 {
            left: 91.66666667%
        }

        .col-sm-push-10 {
            left: 83.33333333%
        }

        .col-sm-push-9 {
            left: 75%
        }

        .col-sm-push-8 {
            left: 66.66666667%
        }

        .col-sm-push-7 {
            left: 58.33333333%
        }

        .col-sm-push-6 {
            left: 50%
        }

        .col-sm-push-5 {
            left: 41.66666667%
        }

        .col-sm-push-4 {
            left: 33.33333333%
        }

        .col-sm-push-3 {
            left: 25%
        }

        .col-sm-push-2 {
            left: 16.66666667%
        }

        .col-sm-push-1 {
            left: 8.33333333%
        }

        .col-sm-push-0 {
            left: auto
        }

        .col-sm-offset-12 {
            margin-left: 100%
        }

        .col-sm-offset-11 {
            margin-left: 91.66666667%
        }

        .col-sm-offset-10 {
            margin-left: 83.33333333%
        }

        .col-sm-offset-9 {
            margin-left: 75%
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%
        }

        .col-sm-offset-7 {
            margin-left: 58.33333333%
        }

        .col-sm-offset-6 {
            margin-left: 50%
        }

        .col-sm-offset-5 {
            margin-left: 41.66666667%
        }

        .col-sm-offset-4 {
            margin-left: 33.33333333%
        }

        .col-sm-offset-3 {
            margin-left: 25%
        }

        .col-sm-offset-2 {
            margin-left: 16.66666667%
        }

        .col-sm-offset-1 {
            margin-left: 8.33333333%
        }

        .col-sm-offset-0 {
            margin-left: 0%
        }
    }

    @media (min-width: 992px) {

        .col-md-1,
        .col-md-2,
        .col-md-3,
        .col-md-4,
        .col-md-5,
        .col-md-6,
        .col-md-7,
        .col-md-8,
        .col-md-9,
        .col-md-10,
        .col-md-11,
        .col-md-12 {
            float: left
        }

        .col-md-12 {
            width: 100%
        }

        .col-md-11 {
            width: 91.66666667%
        }

        .col-md-10 {
            width: 83.33333333%
        }

        .col-md-9 {
            width: 75%
        }

        .col-md-8 {
            width: 66.66666667%
        }

        .col-md-7 {
            width: 58.33333333%
        }

        .col-md-6 {
            width: 50%
        }

        .col-md-5 {
            width: 41.66666667%
        }

        .col-md-4 {
            width: 33.33333333%
        }

        .col-md-3 {
            width: 25%
        }

        .col-md-2 {
            width: 16.66666667%
        }

        .col-md-1 {
            width: 8.33333333%
        }

        .col-md-pull-12 {
            right: 100%
        }

        .col-md-pull-11 {
            right: 91.66666667%
        }

        .col-md-pull-10 {
            right: 83.33333333%
        }

        .col-md-pull-9 {
            right: 75%
        }

        .col-md-pull-8 {
            right: 66.66666667%
        }

        .col-md-pull-7 {
            right: 58.33333333%
        }

        .col-md-pull-6 {
            right: 50%
        }

        .col-md-pull-5 {
            right: 41.66666667%
        }

        .col-md-pull-4 {
            right: 33.33333333%
        }

        .col-md-pull-3 {
            right: 25%
        }

        .col-md-pull-2 {
            right: 16.66666667%
        }

        .col-md-pull-1 {
            right: 8.33333333%
        }

        .col-md-pull-0 {
            right: auto
        }

        .col-md-push-12 {
            left: 100%
        }

        .col-md-push-11 {
            left: 91.66666667%
        }

        .col-md-push-10 {
            left: 83.33333333%
        }

        .col-md-push-9 {
            left: 75%
        }

        .col-md-push-8 {
            left: 66.66666667%
        }

        .col-md-push-7 {
            left: 58.33333333%
        }

        .col-md-push-6 {
            left: 50%
        }

        .col-md-push-5 {
            left: 41.66666667%
        }

        .col-md-push-4 {
            left: 33.33333333%
        }

        .col-md-push-3 {
            left: 25%
        }

        .col-md-push-2 {
            left: 16.66666667%
        }

        .col-md-push-1 {
            left: 8.33333333%
        }

        .col-md-push-0 {
            left: auto
        }

        .col-md-offset-12 {
            margin-left: 100%
        }

        .col-md-offset-11 {
            margin-left: 91.66666667%
        }

        .col-md-offset-10 {
            margin-left: 83.33333333%
        }

        .col-md-offset-9 {
            margin-left: 75%
        }

        .col-md-offset-8 {
            margin-left: 66.66666667%
        }

        .col-md-offset-7 {
            margin-left: 58.33333333%
        }

        .col-md-offset-6 {
            margin-left: 50%
        }

        .col-md-offset-5 {
            margin-left: 41.66666667%
        }

        .col-md-offset-4 {
            margin-left: 33.33333333%
        }

        .col-md-offset-3 {
            margin-left: 25%
        }

        .col-md-offset-2 {
            margin-left: 16.66666667%
        }

        .col-md-offset-1 {
            margin-left: 8.33333333%
        }

        .col-md-offset-0 {
            margin-left: 0%
        }
    }

    @media (min-width: 1200px) {

        .col-lg-1,
        .col-lg-2,
        .col-lg-3,
        .col-lg-4,
        .col-lg-5,
        .col-lg-6,
        .col-lg-7,
        .col-lg-8,
        .col-lg-9,
        .col-lg-10,
        .col-lg-11,
        .col-lg-12 {
            float: left
        }

        .col-lg-12 {
            width: 100%
        }

        .col-lg-11 {
            width: 91.66666667%
        }

        .col-lg-10 {
            width: 83.33333333%
        }

        .col-lg-9 {
            width: 75%
        }

        .col-lg-8 {
            width: 66.66666667%
        }

        .col-lg-7 {
            width: 58.33333333%
        }

        .col-lg-6 {
            width: 50%
        }

        .col-lg-5 {
            width: 41.66666667%
        }

        .col-lg-4 {
            width: 33.33333333%
        }

        .col-lg-3 {
            width: 25%
        }

        .col-lg-2 {
            width: 16.66666667%
        }

        .col-lg-1 {
            width: 8.33333333%
        }

        .col-lg-pull-12 {
            right: 100%
        }

        .col-lg-pull-11 {
            right: 91.66666667%
        }

        .col-lg-pull-10 {
            right: 83.33333333%
        }

        .col-lg-pull-9 {
            right: 75%
        }

        .col-lg-pull-8 {
            right: 66.66666667%
        }

        .col-lg-pull-7 {
            right: 58.33333333%
        }

        .col-lg-pull-6 {
            right: 50%
        }

        .col-lg-pull-5 {
            right: 41.66666667%
        }

        .col-lg-pull-4 {
            right: 33.33333333%
        }

        .col-lg-pull-3 {
            right: 25%
        }

        .col-lg-pull-2 {
            right: 16.66666667%
        }

        .col-lg-pull-1 {
            right: 8.33333333%
        }

        .col-lg-pull-0 {
            right: auto
        }

        .col-lg-push-12 {
            left: 100%
        }

        .col-lg-push-11 {
            left: 91.66666667%
        }

        .col-lg-push-10 {
            left: 83.33333333%
        }

        .col-lg-push-9 {
            left: 75%
        }

        .col-lg-push-8 {
            left: 66.66666667%
        }

        .col-lg-push-7 {
            left: 58.33333333%
        }

        .col-lg-push-6 {
            left: 50%
        }

        .col-lg-push-5 {
            left: 41.66666667%
        }

        .col-lg-push-4 {
            left: 33.33333333%
        }

        .col-lg-push-3 {
            left: 25%
        }

        .col-lg-push-2 {
            left: 16.66666667%
        }

        .col-lg-push-1 {
            left: 8.33333333%
        }

        .col-lg-push-0 {
            left: auto
        }

        .col-lg-offset-12 {
            margin-left: 100%
        }

        .col-lg-offset-11 {
            margin-left: 91.66666667%
        }

        .col-lg-offset-10 {
            margin-left: 83.33333333%
        }

        .col-lg-offset-9 {
            margin-left: 75%
        }

        .col-lg-offset-8 {
            margin-left: 66.66666667%
        }

        .col-lg-offset-7 {
            margin-left: 58.33333333%
        }

        .col-lg-offset-6 {
            margin-left: 50%
        }

        .col-lg-offset-5 {
            margin-left: 41.66666667%
        }

        .col-lg-offset-4 {
            margin-left: 33.33333333%
        }

        .col-lg-offset-3 {
            margin-left: 25%
        }

        .col-lg-offset-2 {
            margin-left: 16.66666667%
        }

        .col-lg-offset-1 {
            margin-left: 8.33333333%
        }

        .col-lg-offset-0 {
            margin-left: 0%
        }
    }

    table {
        background-color: transparent
    }

    table col[class*="col-"] {
        position: static;
        display: table-column;
        float: none
    }

    table td[class*="col-"],
    table th[class*="col-"] {
        position: static;
        display: table-cell;
        float: none
    }

    caption {
        padding-top: 8px;
        padding-bottom: 8px;
        color: #777777;
        text-align: left
    }

    th {
        text-align: left
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table>caption+thead>tr:first-child>th,
    .table>colgroup+thead>tr:first-child>th,
    .table>thead:first-child>tr:first-child>th,
    .table>caption+thead>tr:first-child>td,
    .table>colgroup+thead>tr:first-child>td,
    .table>thead:first-child>tr:first-child>td {
        border-top: 0
    }

    .table>tbody+tbody {
        border-top: 2px solid #ddd
    }

    .table .table {
        background-color: #fff
    }

    .table-condensed>thead>tr>th,
    .table-condensed>tbody>tr>th,
    .table-condensed>tfoot>tr>th,
    .table-condensed>thead>tr>td,
    .table-condensed>tbody>tr>td,
    .table-condensed>tfoot>tr>td {
        padding: 5px
    }

    .table-bordered {
        border: 1px solid #ddd
    }

    .table-bordered>thead>tr>th,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>th,
    .table-bordered>thead>tr>td,
    .table-bordered>tbody>tr>td,
    .table-bordered>tfoot>tr>td {
        border: 1px solid #ddd
    }

    .table-bordered>thead>tr>th,
    .table-bordered>thead>tr>td {
        border-bottom-width: 2px
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #f9f9f9
    }

    .table-hover>tbody>tr:hover {
        background-color: #f5f5f5
    }

    .table>thead>tr>td.active,
    .table>tbody>tr>td.active,
    .table>tfoot>tr>td.active,
    .table>thead>tr>th.active,
    .table>tbody>tr>th.active,
    .table>tfoot>tr>th.active,
    .table>thead>tr.active>td,
    .table>tbody>tr.active>td,
    .table>tfoot>tr.active>td,
    .table>thead>tr.active>th,
    .table>tbody>tr.active>th,
    .table>tfoot>tr.active>th {
        background-color: #f5f5f5
    }

    .table-hover>tbody>tr>td.active:hover,
    .table-hover>tbody>tr>th.active:hover,
    .table-hover>tbody>tr.active:hover>td,
    .table-hover>tbody>tr:hover>.active,
    .table-hover>tbody>tr.active:hover>th {
        background-color: #e8e8e8
    }

    .table>thead>tr>td.success,
    .table>tbody>tr>td.success,
    .table>tfoot>tr>td.success,
    .table>thead>tr>th.success,
    .table>tbody>tr>th.success,
    .table>tfoot>tr>th.success,
    .table>thead>tr.success>td,
    .table>tbody>tr.success>td,
    .table>tfoot>tr.success>td,
    .table>thead>tr.success>th,
    .table>tbody>tr.success>th,
    .table>tfoot>tr.success>th {
        background-color: #dff0d8
    }

    .table-hover>tbody>tr>td.success:hover,
    .table-hover>tbody>tr>th.success:hover,
    .table-hover>tbody>tr.success:hover>td,
    .table-hover>tbody>tr:hover>.success,
    .table-hover>tbody>tr.success:hover>th {
        background-color: #d0e9c6
    }

    .table>thead>tr>td.info,
    .table>tbody>tr>td.info,
    .table>tfoot>tr>td.info,
    .table>thead>tr>th.info,
    .table>tbody>tr>th.info,
    .table>tfoot>tr>th.info,
    .table>thead>tr.info>td,
    .table>tbody>tr.info>td,
    .table>tfoot>tr.info>td,
    .table>thead>tr.info>th,
    .table>tbody>tr.info>th,
    .table>tfoot>tr.info>th {
        background-color: #d9edf7
    }

    .table-hover>tbody>tr>td.info:hover,
    .table-hover>tbody>tr>th.info:hover,
    .table-hover>tbody>tr.info:hover>td,
    .table-hover>tbody>tr:hover>.info,
    .table-hover>tbody>tr.info:hover>th {
        background-color: #c4e3f3
    }

    .table>thead>tr>td.warning,
    .table>tbody>tr>td.warning,
    .table>tfoot>tr>td.warning,
    .table>thead>tr>th.warning,
    .table>tbody>tr>th.warning,
    .table>tfoot>tr>th.warning,
    .table>thead>tr.warning>td,
    .table>tbody>tr.warning>td,
    .table>tfoot>tr.warning>td,
    .table>thead>tr.warning>th,
    .table>tbody>tr.warning>th,
    .table>tfoot>tr.warning>th {
        background-color: #fcf8e3
    }

    .table-hover>tbody>tr>td.warning:hover,
    .table-hover>tbody>tr>th.warning:hover,
    .table-hover>tbody>tr.warning:hover>td,
    .table-hover>tbody>tr:hover>.warning,
    .table-hover>tbody>tr.warning:hover>th {
        background-color: #faf2cc
    }

    .table>thead>tr>td.danger,
    .table>tbody>tr>td.danger,
    .table>tfoot>tr>td.danger,
    .table>thead>tr>th.danger,
    .table>tbody>tr>th.danger,
    .table>tfoot>tr>th.danger,
    .table>thead>tr.danger>td,
    .table>tbody>tr.danger>td,
    .table>tfoot>tr.danger>td,
    .table>thead>tr.danger>th,
    .table>tbody>tr.danger>th,
    .table>tfoot>tr.danger>th {
        background-color: #f2dede
    }

    .table-hover>tbody>tr>td.danger:hover,
    .table-hover>tbody>tr>th.danger:hover,
    .table-hover>tbody>tr.danger:hover>td,
    .table-hover>tbody>tr:hover>.danger,
    .table-hover>tbody>tr.danger:hover>th {
        background-color: #ebcccc
    }

    .table-responsive {
        min-height: 0.01%;
        overflow-x: auto
    }

    @media screen and (max-width: 767px) {
        .table-responsive {
            width: 100%;
            margin-bottom: 15px;
            overflow-y: hidden;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            border: 1px solid #ddd
        }

        .table-responsive>.table {
            margin-bottom: 0
        }

        .table-responsive>.table>thead>tr>th,
        .table-responsive>.table>tbody>tr>th,
        .table-responsive>.table>tfoot>tr>th,
        .table-responsive>.table>thead>tr>td,
        .table-responsive>.table>tbody>tr>td,
        .table-responsive>.table>tfoot>tr>td {
            white-space: nowrap
        }

        .table-responsive>.table-bordered {
            border: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:first-child,
        .table-responsive>.table-bordered>tbody>tr>th:first-child,
        .table-responsive>.table-bordered>tfoot>tr>th:first-child,
        .table-responsive>.table-bordered>thead>tr>td:first-child,
        .table-responsive>.table-bordered>tbody>tr>td:first-child,
        .table-responsive>.table-bordered>tfoot>tr>td:first-child {
            border-left: 0
        }

        .table-responsive>.table-bordered>thead>tr>th:last-child,
        .table-responsive>.table-bordered>tbody>tr>th:last-child,
        .table-responsive>.table-bordered>tfoot>tr>th:last-child,
        .table-responsive>.table-bordered>thead>tr>td:last-child,
        .table-responsive>.table-bordered>tbody>tr>td:last-child,
        .table-responsive>.table-bordered>tfoot>tr>td:last-child {
            border-right: 0
        }

        .table-responsive>.table-bordered>tbody>tr:last-child>th,
        .table-responsive>.table-bordered>tfoot>tr:last-child>th,
        .table-responsive>.table-bordered>tbody>tr:last-child>td,
        .table-responsive>.table-bordered>tfoot>tr:last-child>td {
            border-bottom: 0
        }
    }

    fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0
    }

    legend {
        display: block;
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
        font-size: 21px;
        line-height: inherit;
        color: #333333;
        border: 0;
        border-bottom: 1px solid #e5e5e5
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700
    }

    input[type="search"] {
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    input[type="radio"],
    input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal
    }

    input[type="radio"][disabled],
    input[type="checkbox"][disabled],
    input[type="radio"].disabled,
    input[type="checkbox"].disabled,
    fieldset[disabled] input[type="radio"],
    fieldset[disabled] input[type="checkbox"] {
        cursor: not-allowed
    }

    input[type="file"] {
        display: block
    }

    input[type="range"] {
        display: block;
        width: 100%
    }

    select[multiple],
    select[size] {
        height: auto
    }

    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    output {
        display: block;
        padding-top: 7px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555
    }

    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eeeeee;
        opacity: 1
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed
    }

    textarea.form-control {
        height: auto
    }

    @media screen and (-webkit-min-device-pixel-ratio: 0) {

        input[type="date"].form-control,
        input[type="time"].form-control,
        input[type="datetime-local"].form-control,
        input[type="month"].form-control {
            line-height: 34px
        }

        input[type="date"].input-sm,
        input[type="time"].input-sm,
        input[type="datetime-local"].input-sm,
        input[type="month"].input-sm,
        .input-group-sm input[type="date"],
        .input-group-sm input[type="time"],
        .input-group-sm input[type="datetime-local"],
        .input-group-sm input[type="month"] {
            line-height: 30px
        }

        input[type="date"].input-lg,
        input[type="time"].input-lg,
        input[type="datetime-local"].input-lg,
        input[type="month"].input-lg,
        .input-group-lg input[type="date"],
        .input-group-lg input[type="time"],
        .input-group-lg input[type="datetime-local"],
        .input-group-lg input[type="month"] {
            line-height: 46px
        }
    }

    .form-group {
        margin-bottom: 15px
    }

    .radio,
    .checkbox {
        position: relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .radio.disabled label,
    .checkbox.disabled label,
    fieldset[disabled] .radio label,
    fieldset[disabled] .checkbox label {
        cursor: not-allowed
    }

    .radio label,
    .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-top: 4px \9;
        margin-left: -20px
    }

    .radio+.radio,
    .checkbox+.checkbox {
        margin-top: -5px
    }

    .radio-inline,
    .checkbox-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        cursor: pointer
    }

    .radio-inline.disabled,
    .checkbox-inline.disabled,
    fieldset[disabled] .radio-inline,
    fieldset[disabled] .checkbox-inline {
        cursor: not-allowed
    }

    .radio-inline+.radio-inline,
    .checkbox-inline+.checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .form-control-static {
        min-height: 34px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 0
    }

    .form-control-static.input-lg,
    .form-control-static.input-sm {
        padding-right: 0;
        padding-left: 0
    }

    .input-sm {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.input-sm {
        height: 30px;
        line-height: 30px
    }

    textarea.input-sm,
    select[multiple].input-sm {
        height: auto
    }

    .form-group-sm .form-control {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .form-group-sm select.form-control {
        height: 30px;
        line-height: 30px
    }

    .form-group-sm textarea.form-control,
    .form-group-sm select[multiple].form-control {
        height: auto
    }

    .form-group-sm .form-control-static {
        height: 30px;
        min-height: 32px;
        padding: 6px 10px;
        font-size: 12px;
        line-height: 1.5
    }

    .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.input-lg {
        height: 46px;
        line-height: 46px
    }

    textarea.input-lg,
    select[multiple].input-lg {
        height: auto
    }

    .form-group-lg .form-control {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    .form-group-lg select.form-control {
        height: 46px;
        line-height: 46px
    }

    .form-group-lg textarea.form-control,
    .form-group-lg select[multiple].form-control {
        height: auto
    }

    .form-group-lg .form-control-static {
        height: 46px;
        min-height: 38px;
        padding: 11px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .has-feedback {
        position: relative
    }

    .has-feedback .form-control {
        padding-right: 42.5px
    }

    .form-control-feedback {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        pointer-events: none
    }

    .input-lg+.form-control-feedback,
    .input-group-lg+.form-control-feedback,
    .form-group-lg .form-control+.form-control-feedback {
        width: 46px;
        height: 46px;
        line-height: 46px
    }

    .input-sm+.form-control-feedback,
    .input-group-sm+.form-control-feedback,
    .form-group-sm .form-control+.form-control-feedback {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .has-success .help-block,
    .has-success .control-label,
    .has-success .radio,
    .has-success .checkbox,
    .has-success .radio-inline,
    .has-success .checkbox-inline,
    .has-success.radio label,
    .has-success.checkbox label,
    .has-success.radio-inline label,
    .has-success.checkbox-inline label {
        color: #3c763d
    }

    .has-success .form-control {
        border-color: #3c763d;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
    }

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
    }

    .has-success .input-group-addon {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #3c763d
    }

    .has-success .form-control-feedback {
        color: #3c763d
    }

    .has-warning .help-block,
    .has-warning .control-label,
    .has-warning .radio,
    .has-warning .checkbox,
    .has-warning .radio-inline,
    .has-warning .checkbox-inline,
    .has-warning.radio label,
    .has-warning.checkbox label,
    .has-warning.radio-inline label,
    .has-warning.checkbox-inline label {
        color: #8a6d3b
    }

    .has-warning .form-control {
        border-color: #8a6d3b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
    }

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
    }

    .has-warning .input-group-addon {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #8a6d3b
    }

    .has-warning .form-control-feedback {
        color: #8a6d3b
    }

    .has-error .help-block,
    .has-error .control-label,
    .has-error .radio,
    .has-error .checkbox,
    .has-error .radio-inline,
    .has-error .checkbox-inline,
    .has-error.radio label,
    .has-error.checkbox label,
    .has-error.radio-inline label,
    .has-error.checkbox-inline label {
        color: #a94442
    }

    .has-error .form-control {
        border-color: #a94442;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
    }

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
    }

    .has-error .input-group-addon {
        color: #a94442;
        background-color: #f2dede;
        border-color: #a94442
    }

    .has-error .form-control-feedback {
        color: #a94442
    }

    .has-feedback label~.form-control-feedback {
        top: 25px
    }

    .has-feedback label.sr-only~.form-control-feedback {
        top: 0
    }

    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373
    }

    @media (min-width: 768px) {
        .form-inline .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .form-inline .form-control-static {
            display: inline-block
        }

        .form-inline .input-group {
            display: inline-table;
            vertical-align: middle
        }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto
        }

        .form-inline .input-group>.form-control {
            width: 100%
        }

        .form-inline .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .radio,
        .form-inline .checkbox {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

        .form-inline .has-feedback .form-control-feedback {
            top: 0
        }
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox,
    .form-horizontal .radio-inline,
    .form-horizontal .checkbox-inline {
        padding-top: 7px;
        margin-top: 0;
        margin-bottom: 0
    }

    .form-horizontal .radio,
    .form-horizontal .checkbox {
        min-height: 27px
    }

    .form-horizontal .form-group {
        margin-right: -15px;
        margin-left: -15px
    }

    @media (min-width: 768px) {
        .form-horizontal .control-label {
            padding-top: 7px;
            margin-bottom: 0;
            text-align: right
        }
    }

    .form-horizontal .has-feedback .form-control-feedback {
        right: 15px
    }

    @media (min-width: 768px) {
        .form-horizontal .form-group-lg .control-label {
            padding-top: 11px;
            font-size: 18px
        }
    }

    @media (min-width: 768px) {
        .form-horizontal .form-group-sm .control-label {
            padding-top: 6px;
            font-size: 12px
        }
    }

    .btn {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #333;
        text-decoration: none
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: not-allowed;
        filter: alpha(opacity=65);
        opacity: 0.65;
        box-shadow: none
    }

    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none
    }

    .btn-default {
        color: #333;
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-default:active,
    .btn-default.active,
    .open>.dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad
    }

    .btn-default:active:hover,
    .btn-default.active:hover,
    .open>.dropdown-toggle.btn-default:hover,
    .btn-default:active:focus,
    .btn-default.active:focus,
    .open>.dropdown-toggle.btn-default:focus,
    .btn-default:active.focus,
    .btn-default.active.focus,
    .open>.dropdown-toggle.btn-default.focus {
        color: #333;
        background-color: #d4d4d4;
        border-color: #8c8c8c
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333
    }

    .btn-primary {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-primary:active,
    .btn-primary.active,
    .open>.dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        background-image: none;
        border-color: #204d74
    }

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open>.dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open>.dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open>.dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #204d74;
        border-color: #122b40
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff
    }

    .btn-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439
    }

    .btn-success:active,
    .btn-success.active,
    .open>.dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #398439
    }

    .btn-success:active:hover,
    .btn-success.active:hover,
    .open>.dropdown-toggle.btn-success:hover,
    .btn-success:active:focus,
    .btn-success.active:focus,
    .open>.dropdown-toggle.btn-success:focus,
    .btn-success:active.focus,
    .btn-success.active.focus,
    .open>.dropdown-toggle.btn-success.focus {
        color: #fff;
        background-color: #398439;
        border-color: #255625
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

    .btn-info {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc
    }

    .btn-info:active,
    .btn-info.active,
    .open>.dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #269abc
    }

    .btn-info:active:hover,
    .btn-info.active:hover,
    .open>.dropdown-toggle.btn-info:hover,
    .btn-info:active:focus,
    .btn-info.active:focus,
    .open>.dropdown-toggle.btn-info:focus,
    .btn-info:active.focus,
    .btn-info.active.focus,
    .open>.dropdown-toggle.btn-info.focus {
        color: #fff;
        background-color: #269abc;
        border-color: #1b6d85
    }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

    .btn-warning {
        color: #fff;
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512
    }

    .btn-warning:active,
    .btn-warning.active,
    .open>.dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #d58512
    }

    .btn-warning:active:hover,
    .btn-warning.active:hover,
    .open>.dropdown-toggle.btn-warning:hover,
    .btn-warning:active:focus,
    .btn-warning.active:focus,
    .open>.dropdown-toggle.btn-warning:focus,
    .btn-warning:active.focus,
    .btn-warning.active.focus,
    .open>.dropdown-toggle.btn-warning.focus {
        color: #fff;
        background-color: #d58512;
        border-color: #985f0d
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

    .btn-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-danger:active,
    .btn-danger.active,
    .open>.dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #ac2925
    }

    .btn-danger:active:hover,
    .btn-danger.active:hover,
    .open>.dropdown-toggle.btn-danger:hover,
    .btn-danger:active:focus,
    .btn-danger.active:focus,
    .open>.dropdown-toggle.btn-danger:focus,
    .btn-danger:active.focus,
    .btn-danger.active.focus,
    .open>.dropdown-toggle.btn-danger.focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #761c19
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

    .btn-link {
        font-weight: 400;
        color: #337ab7;
        border-radius: 0
    }

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        box-shadow: none
    }

    .btn-link,
    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        border-color: transparent
    }

    .btn-link:hover,
    .btn-link:focus {
        color: #23527c;
        text-decoration: underline;
        background-color: transparent
    }

    .btn-link[disabled]:hover,
    fieldset[disabled] .btn-link:hover,
    .btn-link[disabled]:focus,
    fieldset[disabled] .btn-link:focus {
        color: #777777;
        text-decoration: none
    }

    .btn-lg,
    .btn-group-lg>.btn {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    .btn-sm,
    .btn-group-sm>.btn {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .btn-xs,
    .btn-group-xs>.btn {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    .btn-block {
        display: block;
        width: 100%
    }

    .btn-block+.btn-block {
        margin-top: 5px
    }

    input[type="submit"].btn-block,
    input[type="reset"].btn-block,
    input[type="button"].btn-block {
        width: 100%
    }

    .fade {
        opacity: 0;
        transition: opacity 0.15s linear
    }

    .fade.in {
        opacity: 1
    }

    .collapse {
        display: none
    }

    .collapse.in {
        display: block
    }

    tr.collapse.in {
        display: table-row
    }

    tbody.collapse.in {
        display: table-row-group
    }

    .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        transition-property: height, visibility;
        transition-duration: 0.35s;
        transition-timing-function: ease
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent
    }

    .dropup,
    .dropdown {
        position: relative
    }

    .dropdown-toggle:focus {
        outline: 0
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
    }

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap
    }

    .dropdown-menu>li>a:hover,
    .dropdown-menu>li>a:focus {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5
    }

    .dropdown-menu>.active>a,
    .dropdown-menu>.active>a:hover,
    .dropdown-menu>.active>a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0
    }

    .dropdown-menu>.disabled>a,
    .dropdown-menu>.disabled>a:hover,
    .dropdown-menu>.disabled>a:focus {
        color: #777777
    }

    .dropdown-menu>.disabled>a:hover,
    .dropdown-menu>.disabled>a:focus {
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
    }

    .open>.dropdown-menu {
        display: block
    }

    .open>a {
        outline: 0
    }

    .dropdown-menu-right {
        right: 0;
        left: auto
    }

    .dropdown-menu-left {
        right: auto;
        left: 0
    }

    .dropdown-header {
        display: block;
        padding: 3px 20px;
        font-size: 12px;
        line-height: 1.42857143;
        color: #777777;
        white-space: nowrap
    }

    .dropdown-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990
    }

    .pull-right>.dropdown-menu {
        right: 0;
        left: auto
    }

    .dropup .caret,
    .navbar-fixed-bottom .dropdown .caret {
        content: "";
        border-top: 0;
        border-bottom: 4px dashed;
        border-bottom: 4px solid \9
    }

    .dropup .dropdown-menu,
    .navbar-fixed-bottom .dropdown .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin-bottom: 2px
    }

    @media (min-width: 768px) {
        .navbar-right .dropdown-menu {
            right: 0;
            left: auto
        }

        .navbar-right .dropdown-menu-left {
            right: auto;
            left: 0
        }
    }

    .btn-group,
    .btn-group-vertical {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

    .btn-group>.btn,
    .btn-group-vertical>.btn {
        position: relative;
        float: left
    }

    .btn-group>.btn:hover,
    .btn-group-vertical>.btn:hover,
    .btn-group>.btn:focus,
    .btn-group-vertical>.btn:focus,
    .btn-group>.btn:active,
    .btn-group-vertical>.btn:active,
    .btn-group>.btn.active,
    .btn-group-vertical>.btn.active {
        z-index: 2
    }

    .btn-group .btn+.btn,
    .btn-group .btn+.btn-group,
    .btn-group .btn-group+.btn,
    .btn-group .btn-group+.btn-group {
        margin-left: -1px
    }

    .btn-toolbar {
        margin-left: -5px
    }

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar>.btn,
    .btn-toolbar>.btn-group,
    .btn-toolbar>.input-group {
        margin-left: 5px
    }

    .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0
    }

    .btn-group>.btn:first-child {
        margin-left: 0
    }

    .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn:last-child:not(:first-child),
    .btn-group>.dropdown-toggle:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group>.btn-group {
        float: left
    }

    .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }

    .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group .dropdown-toggle:active,
    .btn-group.open .dropdown-toggle {
        outline: 0
    }

    .btn-group>.btn+.dropdown-toggle {
        padding-right: 8px;
        padding-left: 8px
    }

    .btn-group>.btn-lg+.dropdown-toggle {
        padding-right: 12px;
        padding-left: 12px
    }

    .btn-group.open .dropdown-toggle {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
    }

    .btn-group.open .dropdown-toggle.btn-link {
        box-shadow: none
    }

    .btn .caret {
        margin-left: 0
    }

    .btn-lg .caret {
        border-width: 5px 5px 0;
        border-bottom-width: 0
    }

    .dropup .btn-lg .caret {
        border-width: 0 5px 5px
    }

    .btn-group-vertical>.btn,
    .btn-group-vertical>.btn-group,
    .btn-group-vertical>.btn-group>.btn {
        display: block;
        float: none;
        width: 100%;
        max-width: 100%
    }

    .btn-group-vertical>.btn-group>.btn {
        float: none
    }

    .btn-group-vertical>.btn+.btn,
    .btn-group-vertical>.btn+.btn-group,
    .btn-group-vertical>.btn-group+.btn,
    .btn-group-vertical>.btn-group+.btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical>.btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical>.btn:first-child:not(:last-child) {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn:last-child:not(:first-child) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
        border-radius: 0
    }

    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
    .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group-justified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
    }

    .btn-group-justified>.btn,
    .btn-group-justified>.btn-group {
        display: table-cell;
        float: none;
        width: 1%
    }

    .btn-group-justified>.btn-group .btn {
        width: 100%
    }

    .btn-group-justified>.btn-group .dropdown-menu {
        left: auto
    }

    [data-toggle="buttons"]>.btn input[type="radio"],
    [data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
    [data-toggle="buttons"]>.btn input[type="checkbox"],
    [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none
    }

    .input-group {
        position: relative;
        display: table;
        border-collapse: separate
    }

    .input-group[class*="col-"] {
        float: none;
        padding-right: 0;
        padding-left: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group .form-control:focus {
        z-index: 3
    }

    .input-group-lg>.form-control,
    .input-group-lg>.input-group-addon,
    .input-group-lg>.input-group-btn>.btn {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px
    }

    select.input-group-lg>.form-control,
    select.input-group-lg>.input-group-addon,
    select.input-group-lg>.input-group-btn>.btn {
        height: 46px;
        line-height: 46px
    }

    textarea.input-group-lg>.form-control,
    textarea.input-group-lg>.input-group-addon,
    textarea.input-group-lg>.input-group-btn>.btn,
    select[multiple].input-group-lg>.form-control,
    select[multiple].input-group-lg>.input-group-addon,
    select[multiple].input-group-lg>.input-group-btn>.btn {
        height: auto
    }

    .input-group-sm>.form-control,
    .input-group-sm>.input-group-addon,
    .input-group-sm>.input-group-btn>.btn {
        height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px
    }

    select.input-group-sm>.form-control,
    select.input-group-sm>.input-group-addon,
    select.input-group-sm>.input-group-btn>.btn {
        height: 30px;
        line-height: 30px
    }

    textarea.input-group-sm>.form-control,
    textarea.input-group-sm>.input-group-addon,
    textarea.input-group-sm>.input-group-btn>.btn,
    select[multiple].input-group-sm>.form-control,
    select[multiple].input-group-sm>.input-group-addon,
    select[multiple].input-group-sm>.input-group-btn>.btn {
        height: auto
    }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell
    }

    .input-group-addon:not(:first-child):not(:last-child),
    .input-group-btn:not(:first-child):not(:last-child),
    .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .input-group-addon,
    .input-group-btn {
        width: 1%;
        white-space: nowrap;
        vertical-align: middle
    }

    .input-group-addon {
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555555;
        text-align: center;
        background-color: #eeeeee;
        border: 1px solid #ccc;
        border-radius: 4px
    }

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0
    }

    .input-group .form-control:first-child,
    .input-group-addon:first-child,
    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group>.btn,
    .input-group-btn:first-child>.dropdown-toggle,
    .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child,
    .input-group-addon:last-child,
    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group>.btn,
    .input-group-btn:last-child>.dropdown-toggle,
    .input-group-btn:first-child>.btn:not(:first-child),
    .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

    .input-group-btn {
        position: relative;
        font-size: 0;
        white-space: nowrap
    }

    .input-group-btn>.btn {
        position: relative
    }

    .input-group-btn>.btn+.btn {
        margin-left: -1px
    }

    .input-group-btn>.btn:hover,
    .input-group-btn>.btn:focus,
    .input-group-btn>.btn:active {
        z-index: 2
    }

    .input-group-btn:first-child>.btn,
    .input-group-btn:first-child>.btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child>.btn,
    .input-group-btn:last-child>.btn-group {
        z-index: 2;
        margin-left: -1px
    }

    .nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none
    }

    .nav>li {
        position: relative;
        display: block
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 15px
    }

    .nav>li>a:hover,
    .nav>li>a:focus {
        text-decoration: none;
        background-color: #eeeeee
    }

    .nav>li.disabled>a {
        color: #777777
    }

    .nav>li.disabled>a:hover,
    .nav>li.disabled>a:focus {
        color: #777777;
        text-decoration: none;
        cursor: not-allowed;
        background-color: transparent
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: #eeeeee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav>li>a>img {
        max-width: none
    }

    .nav-tabs {
        border-bottom: 1px solid #ddd
    }

    .nav-tabs>li {
        float: left;
        margin-bottom: -1px
    }

    .nav-tabs>li>a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs>li>a:hover {
        border-color: #eeeeee #eeeeee #ddd
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus {
        color: #555555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent
    }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

    .nav-tabs.nav-justified>li {
        float: none
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
    }

    .nav-tabs.nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media (min-width: 768px) {
        .nav-tabs.nav-justified>li {
            display: table-cell;
            width: 1%
        }

        .nav-tabs.nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs.nav-justified>li>a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs.nav-justified>.active>a,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:focus {
        border: 1px solid #ddd
    }

    @media (min-width: 768px) {
        .nav-tabs.nav-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs.nav-justified>.active>a,
        .nav-tabs.nav-justified>.active>a:hover,
        .nav-tabs.nav-justified>.active>a:focus {
            border-bottom-color: #fff
        }
    }

    .nav-pills>li {
        float: left
    }

    .nav-pills>li>a {
        border-radius: 4px
    }

    .nav-pills>li+li {
        margin-left: 2px
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        color: #fff;
        background-color: #337ab7
    }

    .nav-stacked>li {
        float: none
    }

    .nav-stacked>li+li {
        margin-top: 2px;
        margin-left: 0
    }

    .nav-justified {
        width: 100%
    }

    .nav-justified>li {
        float: none
    }

    .nav-justified>li>a {
        margin-bottom: 5px;
        text-align: center
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

    @media (min-width: 768px) {
        .nav-justified>li {
            display: table-cell;
            width: 1%
        }

        .nav-justified>li>a {
            margin-bottom: 0
        }
    }

    .nav-tabs-justified {
        border-bottom: 0
    }

    .nav-tabs-justified>li>a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus {
        border: 1px solid #ddd
    }

    @media (min-width: 768px) {
        .nav-tabs-justified>li>a {
            border-bottom: 1px solid #ddd;
            border-radius: 4px 4px 0 0
        }

        .nav-tabs-justified>.active>a,
        .nav-tabs-justified>.active>a:hover,
        .nav-tabs-justified>.active>a:focus {
            border-bottom-color: #fff
        }
    }

    .tab-content>.tab-pane {
        display: none
    }

    .tab-content>.active {
        display: block
    }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent
    }

    @media (min-width: 768px) {
        .navbar {
            border-radius: 4px
        }
    }

    @media (min-width: 768px) {
        .navbar-header {
            float: left
        }
    }

    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch
    }

    .navbar-collapse.in {
        overflow-y: auto
    }

    @media (min-width: 768px) {
        .navbar-collapse {
            width: auto;
            border-top: 0;
            box-shadow: none
        }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

        .navbar-fixed-top .navbar-collapse,
        .navbar-static-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            padding-right: 0;
            padding-left: 0
        }
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 340px
    }

    @media (max-device-width: 480px) and (orientation: landscape) {

        .navbar-fixed-top .navbar-collapse,
        .navbar-fixed-bottom .navbar-collapse {
            max-height: 200px
        }
    }

    @media (min-width: 768px) {

        .navbar-fixed-top,
        .navbar-fixed-bottom {
            border-radius: 0
        }
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }

    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0
    }

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px
    }

    @media (min-width: 768px) {

        .container>.navbar-header,
        .container-fluid>.navbar-header,
        .container>.navbar-collapse,
        .container-fluid>.navbar-collapse {
            margin-right: 0;
            margin-left: 0
        }
    }

    .navbar-static-top {
        z-index: 1000;
        border-width: 0 0 1px
    }

    @media (min-width: 768px) {
        .navbar-static-top {
            border-radius: 0
        }
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px
    }

    .navbar-brand:hover,
    .navbar-brand:focus {
        text-decoration: none
    }

    .navbar-brand>img {
        display: block
    }

    @media (min-width: 768px) {

        .navbar>.container .navbar-brand,
        .navbar>.container-fluid .navbar-brand {
            margin-left: -15px
        }
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-right: 15px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px
    }

    @media (min-width: 768px) {
        .navbar-toggle {
            display: none
        }
    }

    .navbar-nav {
        margin: 7.5px -15px
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px
    }

    @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            box-shadow: none
        }

        .navbar-nav .open .dropdown-menu>li>a,
        .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu>li>a {
            line-height: 20px
        }

        .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-nav .open .dropdown-menu>li>a:focus {
            background-image: none
        }
    }

    @media (min-width: 768px) {
        .navbar-nav {
            float: left;
            margin: 0
        }

        .navbar-nav>li {
            float: left
        }

        .navbar-nav>li>a {
            padding-top: 15px;
            padding-bottom: 15px
        }
    }

    .navbar-form {
        padding: 10px 15px;
        margin-right: -15px;
        margin-left: -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 8px;
        margin-bottom: 8px
    }

    @media (min-width: 768px) {
        .navbar-form .form-group {
            display: inline-block;
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .form-control {
            display: inline-block;
            width: auto;
            vertical-align: middle
        }

        .navbar-form .form-control-static {
            display: inline-block
        }

        .navbar-form .input-group {
            display: inline-table;
            vertical-align: middle
        }

        .navbar-form .input-group .input-group-addon,
        .navbar-form .input-group .input-group-btn,
        .navbar-form .input-group .form-control {
            width: auto
        }

        .navbar-form .input-group>.form-control {
            width: 100%
        }

        .navbar-form .control-label {
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .radio,
        .navbar-form .checkbox {
            display: inline-block;
            margin-top: 0;
            margin-bottom: 0;
            vertical-align: middle
        }

        .navbar-form .radio label,
        .navbar-form .checkbox label {
            padding-left: 0
        }

        .navbar-form .radio input[type="radio"],
        .navbar-form .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0
        }

        .navbar-form .has-feedback .form-control-feedback {
            top: 0
        }
    }

    @media (max-width: 767px) {
        .navbar-form .form-group {
            margin-bottom: 5px
        }

        .navbar-form .form-group:last-child {
            margin-bottom: 0
        }
    }

    @media (min-width: 768px) {
        .navbar-form {
            width: auto;
            padding-top: 0;
            padding-bottom: 0;
            margin-right: 0;
            margin-left: 0;
            border: 0;
            box-shadow: none
        }
    }

    .navbar-nav>li>.dropdown-menu {
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
        margin-bottom: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .navbar-btn {
        margin-top: 8px;
        margin-bottom: 8px
    }

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .navbar-text {
        margin-top: 15px;
        margin-bottom: 15px
    }

    @media (min-width: 768px) {
        .navbar-text {
            float: left;
            margin-right: 15px;
            margin-left: 15px
        }
    }

    @media (min-width: 768px) {
        .navbar-left {
            float: left !important
        }

        .navbar-right {
            float: right !important;
            margin-right: -15px
        }

        .navbar-right~.navbar-right {
            margin-right: 0
        }
    }

    .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7
    }

    .navbar-default .navbar-brand {
        color: #777
    }

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus {
        color: #5e5e5e;
        background-color: transparent
    }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav>li>a {
        color: #777
    }

    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li>a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav>.disabled>a,
    .navbar-default .navbar-nav>.disabled>a:hover,
    .navbar-default .navbar-nav>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    @media (max-width: 767px) {
        .navbar-default .navbar-nav .open .dropdown-menu>li>a {
            color: #777
        }

        .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #333;
            background-color: transparent
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
            color: #ccc;
            background-color: transparent
        }
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #ddd
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #888
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-link {
        color: #777
    }

    .navbar-default .navbar-link:hover {
        color: #333
    }

    .navbar-default .btn-link {
        color: #777
    }

    .navbar-default .btn-link:hover,
    .navbar-default .btn-link:focus {
        color: #333
    }

    .navbar-default .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-default .btn-link:hover,
    .navbar-default .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-default .btn-link:focus {
        color: #ccc
    }

    .navbar-inverse {
        background-color: #222;
        border-color: #080808
    }

    .navbar-inverse .navbar-brand {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-brand:hover,
    .navbar-inverse .navbar-brand:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-text {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav>.disabled>a,
    .navbar-inverse .navbar-nav>.disabled>a:hover,
    .navbar-inverse .navbar-nav>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        color: #fff;
        background-color: #080808
    }

    @media (max-width: 767px) {
        .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
            border-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
            background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
            color: #9d9d9d
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
            color: #fff;
            background-color: transparent
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
            color: #fff;
            background-color: #080808
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
        .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
            color: #444;
            background-color: transparent
        }
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: #333
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-link {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

    .navbar-inverse .btn-link {
        color: #9d9d9d
    }

    .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link:focus {
        color: #fff
    }

    .navbar-inverse .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-inverse .btn-link:hover,
    .navbar-inverse .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-inverse .btn-link:focus {
        color: #444
    }

    .breadcrumb {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px
    }

    .breadcrumb>li {
        display: inline-block
    }

    .breadcrumb>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "/\00a0"
    }

    .breadcrumb>.active {
        color: #777777
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px
    }

    .pagination>li {
        display: inline
    }

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .pagination>li>a:hover,
    .pagination>li>span:hover,
    .pagination>li>a:focus,
    .pagination>li>span:focus {
        z-index: 2;
        color: #23527c;
        background-color: #eeeeee;
        border-color: #ddd
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .pagination>li:last-child>a,
    .pagination>li:last-child>span {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .pagination>.active>a,
    .pagination>.active>span,
    .pagination>.active>a:hover,
    .pagination>.active>span:hover,
    .pagination>.active>a:focus,
    .pagination>.active>span:focus {
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination>.disabled>span,
    .pagination>.disabled>span:hover,
    .pagination>.disabled>span:focus,
    .pagination>.disabled>a,
    .pagination>.disabled>a:hover,
    .pagination>.disabled>a:focus {
        color: #777777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

    .pagination-lg>li>a,
    .pagination-lg>li>span {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .pagination-lg>li:first-child>a,
    .pagination-lg>li:first-child>span {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .pagination-lg>li:last-child>a,
    .pagination-lg>li:last-child>span {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .pagination-sm>li>a,
    .pagination-sm>li>span {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
    }

    .pagination-sm>li:first-child>a,
    .pagination-sm>li:first-child>span {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .pagination-sm>li:last-child>a,
    .pagination-sm>li:last-child>span {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .pager {
        padding-left: 0;
        margin: 20px 0;
        text-align: center;
        list-style: none
    }

    .pager li {
        display: inline
    }

    .pager li>a,
    .pager li>span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 15px
    }

    .pager li>a:hover,
    .pager li>a:focus {
        text-decoration: none;
        background-color: #eeeeee
    }

    .pager .next>a,
    .pager .next>span {
        float: right
    }

    .pager .previous>a,
    .pager .previous>span {
        float: left
    }

    .pager .disabled>a,
    .pager .disabled>a:hover,
    .pager .disabled>a:focus,
    .pager .disabled>span {
        color: #777777;
        cursor: not-allowed;
        background-color: #fff
    }

    .label {
        display: inline;
        padding: 0.2em 0.6em 0.3em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25em
    }

    a.label:hover,
    a.label:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .label:empty {
        display: none
    }

    .btn .label {
        position: relative;
        top: -1px
    }

    .label-default {
        background-color: #777777
    }

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #5e5e5e
    }

    .label-primary {
        background-color: #337ab7
    }

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #286090
    }

    .label-success {
        background-color: #5cb85c
    }

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #449d44
    }

    .label-info {
        background-color: #5bc0de
    }

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #31b0d5
    }

    .label-warning {
        background-color: #f0ad4e
    }

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ec971f
    }

    .label-danger {
        background-color: #d9534f
    }

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #c9302c
    }

    .badge {
        display: inline-block;
        min-width: 10px;
        padding: 3px 7px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #777777;
        border-radius: 10px
    }

    .badge:empty {
        display: none
    }

    .btn .badge {
        position: relative;
        top: -1px
    }

    .btn-xs .badge,
    .btn-group-xs>.btn .badge {
        top: 0;
        padding: 1px 5px
    }

    a.badge:hover,
    a.badge:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .list-group-item.active>.badge,
    .nav-pills>.active>a>.badge {
        color: #337ab7;
        background-color: #fff
    }

    .list-group-item>.badge {
        float: right
    }

    .list-group-item>.badge+.badge {
        margin-right: 5px
    }

    .nav-pills>li>a>.badge {
        margin-left: 3px
    }

    .jumbotron {
        padding-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 30px;
        color: inherit;
        background-color: #eeeeee
    }

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotron>hr {
        border-top-color: #d5d5d5
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 15px;
        padding-left: 15px;
        border-radius: 6px
    }

    .jumbotron .container {
        max-width: 100%
    }

    @media screen and (min-width: 768px) {
        .jumbotron {
            padding-top: 48px;
            padding-bottom: 48px
        }

        .container .jumbotron,
        .container-fluid .jumbotron {
            padding-right: 60px;
            padding-left: 60px
        }

        .jumbotron h1,
        .jumbotron .h1 {
            font-size: 63px
        }
    }

    .thumbnail {
        display: block;
        padding: 4px;
        margin-bottom: 20px;
        line-height: 1.42857143;
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        transition: border 0.2s ease-in-out
    }

    .thumbnail>img,
    .thumbnail a>img {
        margin-right: auto;
        margin-left: auto
    }

    a.thumbnail:hover,
    a.thumbnail:focus,
    a.thumbnail.active {
        border-color: #337ab7
    }

    .thumbnail .caption {
        padding: 9px;
        color: #333333
    }

    .alert {
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid transparent;
        border-radius: 4px
    }

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: bold
    }

    .alert>p,
    .alert>ul {
        margin-bottom: 0
    }

    .alert>p+p {
        margin-top: 5px
    }

    .alert-dismissable,
    .alert-dismissible {
        padding-right: 35px
    }

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

    .alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

    .alert-info {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

    .alert-warning {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

    .alert-danger {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

    @-webkit-keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    @keyframes progress-bar-stripes {
        from {
            background-position: 40px 0
        }

        to {
            background-position: 0 0
        }
    }

    .progress {
        height: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
    }

    .progress-bar {
        float: left;
        width: 0%;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
        background-color: #337ab7;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        transition: width 0.6s ease
    }

    .progress-striped .progress-bar,
    .progress-bar-striped {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 40px 40px
    }

    .progress.active .progress-bar,
    .progress-bar.active {
        -webkit-animation: progress-bar-stripes 2s linear infinite;
        animation: progress-bar-stripes 2s linear infinite
    }

    .progress-bar-success {
        background-color: #5cb85c
    }

    .progress-striped .progress-bar-success {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .progress-bar-info {
        background-color: #5bc0de
    }

    .progress-striped .progress-bar-info {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .progress-bar-warning {
        background-color: #f0ad4e
    }

    .progress-striped .progress-bar-warning {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .progress-bar-danger {
        background-color: #d9534f
    }

    .progress-striped .progress-bar-danger {
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
    }

    .media {
        margin-top: 15px
    }

    .media:first-child {
        margin-top: 0
    }

    .media,
    .media-body {
        overflow: hidden;
        zoom: 1
    }

    .media-body {
        width: 10000px
    }

    .media-object {
        display: block
    }

    .media-object.img-thumbnail {
        max-width: none
    }

    .media-right,
    .media>.pull-right {
        padding-left: 10px
    }

    .media-left,
    .media>.pull-left {
        padding-right: 10px
    }

    .media-left,
    .media-right,
    .media-body {
        display: table-cell;
        vertical-align: top
    }

    .media-middle {
        vertical-align: middle
    }

    .media-bottom {
        vertical-align: bottom
    }

    .media-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .media-list {
        padding-left: 0;
        list-style: none
    }

    .list-group {
        padding-left: 0;
        margin-bottom: 20px
    }

    .list-group-item {
        position: relative;
        display: block;
        padding: 10px 15px;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid #ddd
    }

    .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .list-group-item.disabled,
    .list-group-item.disabled:hover,
    .list-group-item.disabled:focus {
        color: #777777;
        cursor: not-allowed;
        background-color: #eeeeee
    }

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #777777
    }

    .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item.active:focus {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active .list-group-item-heading>small,
    .list-group-item.active:hover .list-group-item-heading>small,
    .list-group-item.active:focus .list-group-item-heading>small,
    .list-group-item.active .list-group-item-heading>.small,
    .list-group-item.active:hover .list-group-item-heading>.small,
    .list-group-item.active:focus .list-group-item-heading>.small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #c7ddef
    }

    a.list-group-item,
    button.list-group-item {
        color: #555
    }

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover,
    button.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:focus {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5
    }

    button.list-group-item {
        width: 100%;
        text-align: left
    }

    .list-group-item-success {
        color: #3c763d;
        background-color: #dff0d8
    }

    a.list-group-item-success,
    button.list-group-item-success {
        color: #3c763d
    }

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:hover,
    button.list-group-item-success:hover,
    a.list-group-item-success:focus,
    button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus,
    button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

    .list-group-item-info {
        color: #31708f;
        background-color: #d9edf7
    }

    a.list-group-item-info,
    button.list-group-item-info {
        color: #31708f
    }

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:hover,
    button.list-group-item-info:hover,
    a.list-group-item-info:focus,
    button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus,
    button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

    .list-group-item-warning {
        color: #8a6d3b;
        background-color: #fcf8e3
    }

    a.list-group-item-warning,
    button.list-group-item-warning {
        color: #8a6d3b
    }

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:hover,
    button.list-group-item-warning:hover,
    a.list-group-item-warning:focus,
    button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

    .list-group-item-danger {
        color: #a94442;
        background-color: #f2dede
    }

    a.list-group-item-danger,
    button.list-group-item-danger {
        color: #a94442
    }

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:hover,
    button.list-group-item-danger:hover,
    a.list-group-item-danger:focus,
    button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

    .list-group-item-heading {
        margin-top: 0;
        margin-bottom: 5px
    }

    .list-group-item-text {
        margin-bottom: 0;
        line-height: 1.3
    }

    .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
    }

    .panel-body {
        padding: 15px
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel-heading>.dropdown .dropdown-toggle {
        color: inherit
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 16px;
        color: inherit
    }

    .panel-title>a,
    .panel-title>small,
    .panel-title>.small,
    .panel-title>small>a,
    .panel-title>.small>a {
        color: inherit
    }

    .panel-footer {
        padding: 10px 15px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.list-group,
    .panel>.panel-collapse>.list-group {
        margin-bottom: 0
    }

    .panel>.list-group .list-group-item,
    .panel>.panel-collapse>.list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

    .panel>.list-group:first-child .list-group-item:first-child,
    .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.list-group:last-child .list-group-item:last-child,
    .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .panel-heading+.list-group .list-group-item:first-child {
        border-top-width: 0
    }

    .list-group+.panel-footer {
        border-top-width: 0
    }

    .panel>.table,
    .panel>.table-responsive>.table,
    .panel>.panel-collapse>.table {
        margin-bottom: 0
    }

    .panel>.table caption,
    .panel>.table-responsive>.table caption,
    .panel>.panel-collapse>.table caption {
        padding-right: 15px;
        padding-left: 15px
    }

    .panel>.table:first-child,
    .panel>.table-responsive:first-child>.table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
    .panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
    .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
    .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

    .panel>.table:last-child,
    .panel>.table-responsive:last-child>.table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
    .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
    .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
    .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

    .panel>.panel-body+.table,
    .panel>.panel-body+.table-responsive,
    .panel>.table+.panel-body,
    .panel>.table-responsive+.panel-body {
        border-top: 1px solid #ddd
    }

    .panel>.table>tbody:first-child>tr:first-child th,
    .panel>.table>tbody:first-child>tr:first-child td {
        border-top: 0
    }

    .panel>.table-bordered,
    .panel>.table-responsive>.table-bordered {
        border: 0
    }

    .panel>.table-bordered>thead>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
    .panel>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
    .panel>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .panel>.table-bordered>thead>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
    .panel>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
    .panel>.table-bordered>tfoot>tr>td:first-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .panel>.table-bordered>thead>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
    .panel>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
    .panel>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .panel>.table-bordered>thead>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
    .panel>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
    .panel>.table-bordered>tfoot>tr>td:last-child,
    .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .panel>.table-bordered>thead>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
    .panel>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
    .panel>.table-bordered>thead>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
    .panel>.table-bordered>tbody>tr:first-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
        border-bottom: 0
    }

    .panel>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
    .panel>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .panel>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
    .panel>.table-bordered>tfoot>tr:last-child>th,
    .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }

    .panel>.table-responsive {
        margin-bottom: 0;
        border: 0
    }

    .panel-group {
        margin-bottom: 20px
    }

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px
    }

    .panel-group .panel+.panel {
        margin-top: 5px
    }

    .panel-group .panel-heading {
        border-bottom: 0
    }

    .panel-group .panel-heading+.panel-collapse>.panel-body,
    .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: 1px solid #ddd
    }

    .panel-group .panel-footer {
        border-top: 0
    }

    .panel-group .panel-footer+.panel-collapse .panel-body {
        border-bottom: 1px solid #ddd
    }

    .panel-default {
        border-color: #ddd
    }

    .panel-default>.panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

    .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ddd
    }

    .panel-default>.panel-heading .badge {
        color: #f5f5f5;
        background-color: #333333
    }

    .panel-default>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ddd
    }

    .panel-primary {
        border-color: #337ab7
    }

    .panel-primary>.panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .panel-primary>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #337ab7
    }

    .panel-primary>.panel-heading .badge {
        color: #337ab7;
        background-color: #fff
    }

    .panel-primary>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #337ab7
    }

    .panel-success {
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

    .panel-success>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #d6e9c6
    }

    .panel-success>.panel-heading .badge {
        color: #dff0d8;
        background-color: #3c763d
    }

    .panel-success>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #d6e9c6
    }

    .panel-info {
        border-color: #bce8f1
    }

    .panel-info>.panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

    .panel-info>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #bce8f1
    }

    .panel-info>.panel-heading .badge {
        color: #d9edf7;
        background-color: #31708f
    }

    .panel-info>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #bce8f1
    }

    .panel-warning {
        border-color: #faebcc
    }

    .panel-warning>.panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

    .panel-warning>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #faebcc
    }

    .panel-warning>.panel-heading .badge {
        color: #fcf8e3;
        background-color: #8a6d3b
    }

    .panel-warning>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #faebcc
    }

    .panel-danger {
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

    .panel-danger>.panel-heading+.panel-collapse>.panel-body {
        border-top-color: #ebccd1
    }

    .panel-danger>.panel-heading .badge {
        color: #f2dede;
        background-color: #a94442
    }

    .panel-danger>.panel-footer+.panel-collapse>.panel-body {
        border-bottom-color: #ebccd1
    }

    .embed-responsive {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .embed-responsive-16by9 {
        padding-bottom: 56.25%
    }

    .embed-responsive-4by3 {
        padding-bottom: 75%
    }

    .well {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
    }

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15)
    }

    .well-lg {
        padding: 24px;
        border-radius: 6px
    }

    .well-sm {
        padding: 9px;
        border-radius: 3px
    }

    .close {
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        filter: alpha(opacity=20);
        opacity: 0.2
    }

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 0.5
    }

    button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .modal-open {
        overflow: hidden
    }

    .modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0
    }

    .modal.fade .modal-dialog {
        -ms-transform: translate(0, -25%);
        transform: translate(0, -25%);
        transition: transform 0.3s ease-out
    }

    .modal.in .modal-dialog {
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto
    }

    .modal-dialog {
        position: relative;
        width: auto;
        margin: 10px
    }

    .modal-content {
        position: relative;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        outline: 0
    }

    .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000
    }

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: 0.5
    }

    .modal-header {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5
    }

    .modal-header .close {
        margin-top: -2px
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143
    }

    .modal-body {
        position: relative;
        padding: 15px
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5
    }

    .modal-footer .btn+.btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer .btn-group .btn+.btn {
        margin-left: -1px
    }

    .modal-footer .btn-block+.btn-block {
        margin-left: 0
    }

    .modal-scrollbar-measure {
        position: absolute;
        top: -9999px;
        width: 50px;
        height: 50px;
        overflow: scroll
    }

    @media (min-width: 768px) {
        .modal-dialog {
            width: 600px;
            margin: 30px auto
        }

        .modal-content {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
        }

        .modal-sm {
            width: 300px
        }
    }

    @media (min-width: 992px) {
        .modal-lg {
            width: 900px
        }
    }

    .tooltip {
        position: absolute;
        z-index: 1070;
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        line-break: auto;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: 12px;
        filter: alpha(opacity=0);
        opacity: 0
    }

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: 0.9
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px
    }

    .tooltip.top .tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-left .tooltip-arrow {
        right: 5px;
        bottom: 0;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.top-right .tooltip-arrow {
        bottom: 0;
        left: 5px;
        margin-bottom: -5px;
        border-width: 5px 5px 0;
        border-top-color: #000
    }

    .tooltip.right .tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -5px;
        border-width: 5px 5px 5px 0;
        border-right-color: #000
    }

    .tooltip.left .tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -5px;
        border-width: 5px 0 5px 5px;
        border-left-color: #000
    }

    .tooltip.bottom .tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-left .tooltip-arrow {
        top: 0;
        right: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip.bottom-right .tooltip-arrow {
        top: 0;
        left: 5px;
        margin-top: -5px;
        border-width: 0 5px 5px;
        border-bottom-color: #000
    }

    .tooltip-inner {
        max-width: 200px;
        padding: 3px 8px;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 4px
    }

    .tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .popover {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1060;
        display: none;
        max-width: 276px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        line-break: auto;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        font-size: 14px;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
    }

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

    .popover>.arrow {
        border-width: 11px
    }

    .popover>.arrow,
    .popover>.arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid
    }

    .popover>.arrow:after {
        content: "";
        border-width: 10px
    }

    .popover.top>.arrow {
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-color: #999999;
        border-top-color: rgba(0, 0, 0, 0.25);
        border-bottom-width: 0
    }

    .popover.top>.arrow:after {
        bottom: 1px;
        margin-left: -10px;
        content: " ";
        border-top-color: #fff;
        border-bottom-width: 0
    }

    .popover.right>.arrow {
        top: 50%;
        left: -11px;
        margin-top: -11px;
        border-right-color: #999999;
        border-right-color: rgba(0, 0, 0, 0.25);
        border-left-width: 0
    }

    .popover.right>.arrow:after {
        bottom: -10px;
        left: 1px;
        content: " ";
        border-right-color: #fff;
        border-left-width: 0
    }

    .popover.bottom>.arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999999;
        border-bottom-color: rgba(0, 0, 0, 0.25)
    }

    .popover.bottom>.arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff
    }

    .popover.left>.arrow {
        top: 50%;
        right: -11px;
        margin-top: -11px;
        border-right-width: 0;
        border-left-color: #999999;
        border-left-color: rgba(0, 0, 0, 0.25)
    }

    .popover.left>.arrow:after {
        right: 1px;
        bottom: -10px;
        content: " ";
        border-right-width: 0;
        border-left-color: #fff
    }

    .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0
    }

    .popover-content {
        padding: 9px 14px
    }

    .carousel {
        position: relative
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner>.item {
        position: relative;
        display: none;
        transition: 0.6s ease-in-out left
    }

    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        line-height: 1
    }

    @media all and (transform-3d),
    (-webkit-transform-3d) {
        .carousel-inner>.item {
            transition: transform 0.6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            perspective: 1000px
        }

        .carousel-inner>.item.next,
        .carousel-inner>.item.active.right {
            transform: translate3d(100%, 0, 0);
            left: 0
        }

        .carousel-inner>.item.prev,
        .carousel-inner>.item.active.left {
            transform: translate3d(-100%, 0, 0);
            left: 0
        }

        .carousel-inner>.item.next.left,
        .carousel-inner>.item.prev.right,
        .carousel-inner>.item.active {
            transform: translate3d(0, 0, 0);
            left: 0
        }
    }

    .carousel-inner>.active,
    .carousel-inner>.next,
    .carousel-inner>.prev {
        display: block
    }

    .carousel-inner>.active {
        left: 0
    }

    .carousel-inner>.next,
    .carousel-inner>.prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner>.next {
        left: 100%
    }

    .carousel-inner>.prev {
        left: -100%
    }

    .carousel-inner>.next.left,
    .carousel-inner>.prev.right {
        left: 0
    }

    .carousel-inner>.active.left {
        left: -100%
    }

    .carousel-inner>.active.right {
        left: 100%
    }

    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
        background-color: rgba(0, 0, 0, 0);
        filter: alpha(opacity=50);
        opacity: 0.5
    }

    .carousel-control.left {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        filter: alpha(opacity=90);
        opacity: 0.9
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1
    }

    .carousel-control .icon-prev:before {
        content: "\2039"
    }

    .carousel-control .icon-next:before {
        content: "\203a"
    }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
    }

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #fff
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
    }

    .carousel-caption .btn {
        text-shadow: none
    }

    @media screen and (min-width: 768px) {

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width: 30px;
            height: 30px;
            margin-top: -10px;
            font-size: 30px
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -10px
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -10px
        }

        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px
        }

        .carousel-indicators {
            bottom: 20px
        }
    }

    .clearfix:before,
    .clearfix:after,
    .dl-horizontal dd:before,
    .dl-horizontal dd:after,
    .container:before,
    .container:after,
    .container-fluid:before,
    .container-fluid:after,
    .row:before,
    .row:after,
    .form-horizontal .form-group:before,
    .form-horizontal .form-group:after,
    .btn-toolbar:before,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:before,
    .btn-group-vertical>.btn-group:after,
    .nav:before,
    .nav:after,
    .navbar:before,
    .navbar:after,
    .navbar-header:before,
    .navbar-header:after,
    .navbar-collapse:before,
    .navbar-collapse:after,
    .pager:before,
    .pager:after,
    .panel-body:before,
    .panel-body:after,
    .modal-header:before,
    .modal-header:after,
    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: " "
    }

    .clearfix:after,
    .dl-horizontal dd:after,
    .container:after,
    .container-fluid:after,
    .row:after,
    .form-horizontal .form-group:after,
    .btn-toolbar:after,
    .btn-group-vertical>.btn-group:after,
    .nav:after,
    .navbar:after,
    .navbar-header:after,
    .navbar-collapse:after,
    .pager:after,
    .panel-body:after,
    .modal-header:after,
    .modal-footer:after {
        clear: both
    }

    .center-block {
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .pull-right {
        float: right !important
    }

    .pull-left {
        float: left !important
    }

    .hide {
        display: none !important
    }

    .show {
        display: block !important
    }

    .invisible {
        visibility: hidden
    }

    .text-hide {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

    .hidden {
        display: none !important
    }

    .affix {
        position: fixed
    }

    @-ms-viewport {
        width: device-width
    }

    .visible-xs,
    .visible-sm,
    .visible-md,
    .visible-lg {
        display: none !important
    }

    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block,
    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block {
        display: none !important
    }

    @media (max-width: 767px) {
        .visible-xs {
            display: block !important
        }

        table.visible-xs {
            display: table !important
        }

        tr.visible-xs {
            display: table-row !important
        }

        th.visible-xs,
        td.visible-xs {
            display: table-cell !important
        }
    }

    @media (max-width: 767px) {
        .visible-xs-block {
            display: block !important
        }
    }

    @media (max-width: 767px) {
        .visible-xs-inline {
            display: inline !important
        }
    }

    @media (max-width: 767px) {
        .visible-xs-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm {
            display: block !important
        }

        table.visible-sm {
            display: table !important
        }

        tr.visible-sm {
            display: table-row !important
        }

        th.visible-sm,
        td.visible-sm {
            display: table-cell !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-block {
            display: block !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-inline {
            display: inline !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .visible-sm-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md {
            display: block !important
        }

        table.visible-md {
            display: table !important
        }

        tr.visible-md {
            display: table-row !important
        }

        th.visible-md,
        td.visible-md {
            display: table-cell !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md-block {
            display: block !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md-inline {
            display: inline !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .visible-md-inline-block {
            display: inline-block !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg {
            display: block !important
        }

        table.visible-lg {
            display: table !important
        }

        tr.visible-lg {
            display: table-row !important
        }

        th.visible-lg,
        td.visible-lg {
            display: table-cell !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg-block {
            display: block !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg-inline {
            display: inline !important
        }
    }

    @media (min-width: 1200px) {
        .visible-lg-inline-block {
            display: inline-block !important
        }
    }

    @media (max-width: 767px) {
        .hidden-xs {
            display: none !important
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .hidden-sm {
            display: none !important
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .hidden-md {
            display: none !important
        }
    }

    @media (min-width: 1200px) {
        .hidden-lg {
            display: none !important
        }
    }

    .visible-print {
        display: none !important
    }

    @media print {
        .visible-print {
            display: block !important
        }

        table.visible-print {
            display: table !important
        }

        tr.visible-print {
            display: table-row !important
        }

        th.visible-print,
        td.visible-print {
            display: table-cell !important
        }
    }

    .visible-print-block {
        display: none !important
    }

    @media print {
        .visible-print-block {
            display: block !important
        }
    }

    .visible-print-inline {
        display: none !important
    }

    @media print {
        .visible-print-inline {
            display: inline !important
        }
    }

    .visible-print-inline-block {
        display: none !important
    }

    @media print {
        .visible-print-inline-block {
            display: inline-block !important
        }
    }

    @media print {
        .hidden-print {
            display: none !important
        }
    }

    /*! jQuery UI - v1.11.4 - 2017-02-07
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
    .ui-helper-hidden {
        display: none
    }

    .ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none
    }

    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {
        content: "";
        display: table;
        border-collapse: collapse
    }

    .ui-helper-clearfix:after {
        clear: both
    }

    .ui-helper-clearfix {
        min-height: 0
    }

    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: Alpha(Opacity=0)
    }

    .ui-front {
        z-index: 100
    }

    .ui-state-disabled {
        cursor: default !important
    }

    .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat
    }

    .ui-widget-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .ui-draggable-handle {
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-resizable {
        position: relative
    }

    .ui-resizable-handle {
        position: absolute;
        font-size: 0.1px;
        display: block;
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {
        display: none
    }

    .ui-resizable-n {
        cursor: n-resize;
        height: 7px;
        width: 100%;
        top: -5px;
        left: 0
    }

    .ui-resizable-s {
        cursor: s-resize;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0
    }

    .ui-resizable-e {
        cursor: e-resize;
        width: 7px;
        right: -5px;
        top: 0;
        height: 100%
    }

    .ui-resizable-w {
        cursor: w-resize;
        width: 7px;
        left: -5px;
        top: 0;
        height: 100%
    }

    .ui-resizable-se {
        cursor: se-resize;
        width: 12px;
        height: 12px;
        right: 1px;
        bottom: 1px
    }

    .ui-resizable-sw {
        cursor: sw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        bottom: -5px
    }

    .ui-resizable-nw {
        cursor: nw-resize;
        width: 9px;
        height: 9px;
        left: -5px;
        top: -5px
    }

    .ui-resizable-ne {
        cursor: ne-resize;
        width: 9px;
        height: 9px;
        right: -5px;
        top: -5px
    }

    .ui-selectable {
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-selectable-helper {
        position: absolute;
        z-index: 100;
        border: 1px dotted black
    }

    .ui-sortable-handle {
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-accordion .ui-accordion-header {
        display: block;
        cursor: pointer;
        position: relative;
        margin: 2px 0 0 0;
        padding: .5em .5em .5em .7em;
        min-height: 0;
        font-size: 100%
    }

    .ui-accordion .ui-accordion-icons {
        padding-left: 2.2em
    }

    .ui-accordion .ui-accordion-icons .ui-accordion-icons {
        padding-left: 2.2em
    }

    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        position: absolute;
        left: .5em;
        top: 50%;
        margin-top: -8px
    }

    .ui-accordion .ui-accordion-content {
        padding: 1em 2.2em;
        border-top: 0;
        overflow: auto
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default
    }

    .ui-button {
        display: inline-block;
        position: relative;
        padding: 0;
        line-height: normal;
        margin-right: .1em;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        overflow: visible
    }

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none
    }

    .ui-button-icon-only {
        width: 2.2em
    }

    button.ui-button-icon-only {
        width: 2.4em
    }

    .ui-button-icons-only {
        width: 3.4em
    }

    button.ui-button-icons-only {
        width: 3.7em
    }

    .ui-button .ui-button-text {
        display: block;
        line-height: normal
    }

    .ui-button-text-only .ui-button-text {
        padding: .4em 1em
    }

    .ui-button-icon-only .ui-button-text,
    .ui-button-icons-only .ui-button-text {
        padding: .4em;
        text-indent: -9999999px
    }

    .ui-button-text-icon-primary .ui-button-text,
    .ui-button-text-icons .ui-button-text {
        padding: .4em 1em .4em 2.1em
    }

    .ui-button-text-icon-secondary .ui-button-text,
    .ui-button-text-icons .ui-button-text {
        padding: .4em 2.1em .4em 1em
    }

    .ui-button-text-icons .ui-button-text {
        padding-left: 2.1em;
        padding-right: 2.1em
    }

    input.ui-button {
        padding: .4em 1em
    }

    .ui-button-icon-only .ui-icon,
    .ui-button-text-icon-primary .ui-icon,
    .ui-button-text-icon-secondary .ui-icon,
    .ui-button-text-icons .ui-icon,
    .ui-button-icons-only .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -8px
    }

    .ui-button-icon-only .ui-icon {
        left: 50%;
        margin-left: -8px
    }

    .ui-button-text-icon-primary .ui-button-icon-primary,
    .ui-button-text-icons .ui-button-icon-primary,
    .ui-button-icons-only .ui-button-icon-primary {
        left: .5em
    }

    .ui-button-text-icon-secondary .ui-button-icon-secondary,
    .ui-button-text-icons .ui-button-icon-secondary,
    .ui-button-icons-only .ui-button-icon-secondary {
        right: .5em
    }

    .ui-buttonset {
        margin-right: 7px
    }

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .ui-datepicker {
        width: 17em;
        padding: .2em .2em 0;
        display: none
    }

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

    .ui-datepicker .ui-datepicker-title select {
        font-size: 1em;
        margin: 1px 0
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

    .ui-datepicker td span,
    .ui-datepicker td a {
        display: block;
        padding: .2em;
        text-align: right;
        text-decoration: none
    }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .ui-datepicker .ui-datepicker-buttonpane button {
        float: right;
        margin: .5em .2em .4em;
        cursor: pointer;
        padding: .2em .6em .3em .6em;
        width: auto;
        overflow: visible
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left
    }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }

    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0
    }

    .ui-datepicker-rtl {
        direction: rtl
    }

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
        float: left
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {
        float: right
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

    .ui-dialog {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        padding: .2em;
        outline: 0
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer
    }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move
    }

    .ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: none
    }

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px
    }

    .ui-menu-icons {
        position: relative
    }

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em
    }

    .ui-menu .ui-icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: .2em;
        margin: auto 0
    }

    .ui-menu .ui-menu-icon {
        left: auto;
        right: 0
    }

    .ui-progressbar {
        height: 2em;
        text-align: left;
        overflow: hidden
    }

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25);
        opacity: 0.25
    }

    .ui-progressbar-indeterminate .ui-progressbar-value {
        background-image: none
    }

    .ui-selectmenu-menu {
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: none
    }

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
        padding: 2px 0.4em;
        margin: 0.5em 0 0 0;
        height: auto;
        border: 0
    }

    .ui-selectmenu-open {
        display: block
    }

    .ui-selectmenu-button {
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-decoration: none;
        cursor: pointer
    }

    .ui-selectmenu-button span.ui-icon {
        right: 0.5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: 0.4em 2.1em 0.4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ui-slider {
        position: relative;
        text-align: left
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0
    }

    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        -webkit-filter: inherit;
        filter: inherit
    }

    .ui-slider-horizontal {
        height: .8em
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

    .ui-slider-vertical {
        width: .8em;
        height: 100px
    }

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

    .ui-spinner {
        position: relative;
        display: inline-block;
        overflow: hidden;
        padding: 0;
        vertical-align: middle
    }

    .ui-spinner-input {
        border: none;
        background: none;
        color: inherit;
        padding: 0;
        margin: .2em 0;
        vertical-align: middle;
        margin-left: .4em;
        margin-right: 22px
    }

    .ui-spinner-button {
        width: 16px;
        height: 50%;
        font-size: .5em;
        padding: 0;
        margin: 0;
        text-align: center;
        position: absolute;
        cursor: default;
        display: block;
        overflow: hidden;
        right: 0
    }

    .ui-spinner a.ui-spinner-button {
        border-top: none;
        border-bottom: none;
        border-right: none
    }

    .ui-spinner .ui-icon {
        position: absolute;
        margin-top: -8px;
        top: 50%;
        left: 0
    }

    .ui-spinner-up {
        top: 0
    }

    .ui-spinner-down {
        bottom: 0
    }

    .ui-spinner .ui-icon-triangle-1-s {
        background-position: -65px -16px
    }

    .ui-tabs {
        position: relative;
        padding: .2em
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

    .ui-tabs .ui-tabs-nav li {
        list-style: none;
        float: left;
        position: relative;
        top: 0;
        margin: 1px .2em 0 0;
        border-bottom-width: 0;
        padding: 0;
        white-space: nowrap
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em 1em;
        text-decoration: none
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text
    }

    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
        cursor: pointer
    }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none
    }

    .ui-tooltip {
        padding: 8px;
        position: absolute;
        z-index: 9999;
        max-width: 300px;
        box-shadow: 0 0 5px #aaa
    }

    body .ui-tooltip {
        border-width: 2px
    }

    .ui-widget {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }

    .ui-widget-content {
        border: 1px solid #dddddd;
        background: #ffffff;
        color: #333333
    }

    .ui-widget-content a {
        color: #333333
    }

    .ui-widget-header {
        border: 1px solid #dddddd;
        background: #e9e9e9;
        color: #333333;
        font-weight: bold
    }

    .ui-widget-header a {
        color: #333333
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545
    }

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #454545;
        text-decoration: none
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b
    }

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited {
        color: #2b2b2b;
        text-decoration: none
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #ffffff
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f
    }

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f
    }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }

    .ui-icon {
        width: 16px;
        height: 16px
    }

    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png)
    }

    .ui-widget-header .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png)
    }

    .ui-state-default .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c47579027a630276774ca10723af0598.png)
    }

    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2a7aa5cb240c1b0e64a8a359f44f5b04.png)
    }

    .ui-state-active .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1236c5e7a2cad22357ad678bffeac8f6.png)
    }

    .ui-state-highlight .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/42fb5a34c3dca16d9641bcc6cf10e0e5.png)
    }

    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ac2303f3d15a6f7ad95c7aeb96c0c67c.png)
    }

    .ui-icon-blank {
        background-position: 16px 16px
    }

    .ui-icon-carat-1-n {
        background-position: 0 0
    }

    .ui-icon-carat-1-ne {
        background-position: -16px 0
    }

    .ui-icon-carat-1-e {
        background-position: -32px 0
    }

    .ui-icon-carat-1-se {
        background-position: -48px 0
    }

    .ui-icon-carat-1-s {
        background-position: -64px 0
    }

    .ui-icon-carat-1-sw {
        background-position: -80px 0
    }

    .ui-icon-carat-1-w {
        background-position: -96px 0
    }

    .ui-icon-carat-1-nw {
        background-position: -112px 0
    }

    .ui-icon-carat-2-n-s {
        background-position: -128px 0
    }

    .ui-icon-carat-2-e-w {
        background-position: -144px 0
    }

    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }

    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }

    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }

    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }

    .ui-icon-triangle-1-s {
        background-position: -64px -16px
    }

    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }

    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }

    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }

    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }

    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }

    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }

    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }

    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }

    .ui-icon-arrow-1-s {
        background-position: -64px -32px
    }

    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }

    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }

    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }

    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }

    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }

    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }

    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }

    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }

    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }

    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }

    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }

    .ui-icon-arrowthick-1-n {
        background-position: 0 -48px
    }

    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }

    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }

    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }

    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }

    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }

    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }

    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }

    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }

    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }

    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }

    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }

    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }

    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }

    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }

    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }

    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }

    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }

    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }

    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }

    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }

    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }

    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }

    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }

    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }

    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }

    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }

    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }

    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }

    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }

    .ui-icon-extlink {
        background-position: -32px -80px
    }

    .ui-icon-newwin {
        background-position: -48px -80px
    }

    .ui-icon-refresh {
        background-position: -64px -80px
    }

    .ui-icon-shuffle {
        background-position: -80px -80px
    }

    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }

    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }

    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }

    .ui-icon-folder-open {
        background-position: -16px -96px
    }

    .ui-icon-document {
        background-position: -32px -96px
    }

    .ui-icon-document-b {
        background-position: -48px -96px
    }

    .ui-icon-note {
        background-position: -64px -96px
    }

    .ui-icon-mail-closed {
        background-position: -80px -96px
    }

    .ui-icon-mail-open {
        background-position: -96px -96px
    }

    .ui-icon-suitcase {
        background-position: -112px -96px
    }

    .ui-icon-comment {
        background-position: -128px -96px
    }

    .ui-icon-person {
        background-position: -144px -96px
    }

    .ui-icon-print {
        background-position: -160px -96px
    }

    .ui-icon-trash {
        background-position: -176px -96px
    }

    .ui-icon-locked {
        background-position: -192px -96px
    }

    .ui-icon-unlocked {
        background-position: -208px -96px
    }

    .ui-icon-bookmark {
        background-position: -224px -96px
    }

    .ui-icon-tag {
        background-position: -240px -96px
    }

    .ui-icon-home {
        background-position: 0 -112px
    }

    .ui-icon-flag {
        background-position: -16px -112px
    }

    .ui-icon-calendar {
        background-position: -32px -112px
    }

    .ui-icon-cart {
        background-position: -48px -112px
    }

    .ui-icon-pencil {
        background-position: -64px -112px
    }

    .ui-icon-clock {
        background-position: -80px -112px
    }

    .ui-icon-disk {
        background-position: -96px -112px
    }

    .ui-icon-calculator {
        background-position: -112px -112px
    }

    .ui-icon-zoomin {
        background-position: -128px -112px
    }

    .ui-icon-zoomout {
        background-position: -144px -112px
    }

    .ui-icon-search {
        background-position: -160px -112px
    }

    .ui-icon-wrench {
        background-position: -176px -112px
    }

    .ui-icon-gear {
        background-position: -192px -112px
    }

    .ui-icon-heart {
        background-position: -208px -112px
    }

    .ui-icon-star {
        background-position: -224px -112px
    }

    .ui-icon-link {
        background-position: -240px -112px
    }

    .ui-icon-cancel {
        background-position: 0 -128px
    }

    .ui-icon-plus {
        background-position: -16px -128px
    }

    .ui-icon-plusthick {
        background-position: -32px -128px
    }

    .ui-icon-minus {
        background-position: -48px -128px
    }

    .ui-icon-minusthick {
        background-position: -64px -128px
    }

    .ui-icon-close {
        background-position: -80px -128px
    }

    .ui-icon-closethick {
        background-position: -96px -128px
    }

    .ui-icon-key {
        background-position: -112px -128px
    }

    .ui-icon-lightbulb {
        background-position: -128px -128px
    }

    .ui-icon-scissors {
        background-position: -144px -128px
    }

    .ui-icon-clipboard {
        background-position: -160px -128px
    }

    .ui-icon-copy {
        background-position: -176px -128px
    }

    .ui-icon-contact {
        background-position: -192px -128px
    }

    .ui-icon-image {
        background-position: -208px -128px
    }

    .ui-icon-video {
        background-position: -224px -128px
    }

    .ui-icon-script {
        background-position: -240px -128px
    }

    .ui-icon-alert {
        background-position: 0 -144px
    }

    .ui-icon-info {
        background-position: -16px -144px
    }

    .ui-icon-notice {
        background-position: -32px -144px
    }

    .ui-icon-help {
        background-position: -48px -144px
    }

    .ui-icon-check {
        background-position: -64px -144px
    }

    .ui-icon-bullet {
        background-position: -80px -144px
    }

    .ui-icon-radio-on {
        background-position: -96px -144px
    }

    .ui-icon-radio-off {
        background-position: -112px -144px
    }

    .ui-icon-pin-w {
        background-position: -128px -144px
    }

    .ui-icon-pin-s {
        background-position: -144px -144px
    }

    .ui-icon-play {
        background-position: 0 -160px
    }

    .ui-icon-pause {
        background-position: -16px -160px
    }

    .ui-icon-seek-next {
        background-position: -32px -160px
    }

    .ui-icon-seek-prev {
        background-position: -48px -160px
    }

    .ui-icon-seek-end {
        background-position: -64px -160px
    }

    .ui-icon-seek-start {
        background-position: -80px -160px
    }

    .ui-icon-seek-first {
        background-position: -80px -160px
    }

    .ui-icon-stop {
        background-position: -96px -160px
    }

    .ui-icon-eject {
        background-position: -112px -160px
    }

    .ui-icon-volume-off {
        background-position: -128px -160px
    }

    .ui-icon-volume-on {
        background-position: -144px -160px
    }

    .ui-icon-power {
        background-position: 0 -176px
    }

    .ui-icon-signal-diag {
        background-position: -16px -176px
    }

    .ui-icon-signal {
        background-position: -32px -176px
    }

    .ui-icon-battery-0 {
        background-position: -48px -176px
    }

    .ui-icon-battery-1 {
        background-position: -64px -176px
    }

    .ui-icon-battery-2 {
        background-position: -80px -176px
    }

    .ui-icon-battery-3 {
        background-position: -96px -176px
    }

    .ui-icon-circle-plus {
        background-position: 0 -192px
    }

    .ui-icon-circle-minus {
        background-position: -16px -192px
    }

    .ui-icon-circle-close {
        background-position: -32px -192px
    }

    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }

    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }

    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }

    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }

    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }

    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }

    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }

    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }

    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }

    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }

    .ui-icon-circle-check {
        background-position: -208px -192px
    }

    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }

    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }

    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }

    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }

    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }

    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }

    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }

    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }

    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }

    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }

    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }

    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px
    }

    .ui-widget-overlay {
        background: #aaaaaa;
        opacity: .3;
        filter: Alpha(Opacity=30)
    }

    .ui-widget-shadow {
        margin: 0px 0 0 0px;
        padding: 5px;
        background: #666666;
        opacity: .3;
        filter: Alpha(Opacity=30);
        border-radius: 8px
    }


    /*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
 */
    .ui-widget {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em
    }

    .ui-widget-content {
        border: 1px solid #dddddd;
        background: #ffffff;
        color: #333333
    }

    .ui-widget-content a {
        color: #333333
    }

    .ui-widget-header {
        border: 1px solid #dddddd;
        background: #e9e9e9;
        color: #333333;
        font-weight: bold
    }

    .ui-widget-header a {
        color: #333333
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545
    }

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited {
        color: #454545;
        text-decoration: none
    }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #cccccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b
    }

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited {
        color: #2b2b2b;
        text-decoration: none
    }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #ffffff
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: #ffffff;
        text-decoration: none
    }

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
        color: #777620
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f
    }

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f
    }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }

    .ui-icon {
        width: 16px;
        height: 16px
    }

    .ui-icon,
    .ui-widget-content .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png)
    }

    .ui-widget-header .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e47bf60b05a5d130f7dc4c9142f6bdc2.png)
    }

    .ui-state-default .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c47579027a630276774ca10723af0598.png)
    }

    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2a7aa5cb240c1b0e64a8a359f44f5b04.png)
    }

    .ui-state-active .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1236c5e7a2cad22357ad678bffeac8f6.png)
    }

    .ui-state-highlight .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/42fb5a34c3dca16d9641bcc6cf10e0e5.png)
    }

    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ac2303f3d15a6f7ad95c7aeb96c0c67c.png)
    }

    .ui-icon-blank {
        background-position: 16px 16px
    }

    .ui-icon-carat-1-n {
        background-position: 0 0
    }

    .ui-icon-carat-1-ne {
        background-position: -16px 0
    }

    .ui-icon-carat-1-e {
        background-position: -32px 0
    }

    .ui-icon-carat-1-se {
        background-position: -48px 0
    }

    .ui-icon-carat-1-s {
        background-position: -64px 0
    }

    .ui-icon-carat-1-sw {
        background-position: -80px 0
    }

    .ui-icon-carat-1-w {
        background-position: -96px 0
    }

    .ui-icon-carat-1-nw {
        background-position: -112px 0
    }

    .ui-icon-carat-2-n-s {
        background-position: -128px 0
    }

    .ui-icon-carat-2-e-w {
        background-position: -144px 0
    }

    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }

    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }

    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }

    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }

    .ui-icon-triangle-1-s {
        background-position: -64px -16px
    }

    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }

    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }

    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }

    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }

    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }

    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }

    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }

    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }

    .ui-icon-arrow-1-s {
        background-position: -64px -32px
    }

    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }

    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }

    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }

    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }

    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }

    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }

    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }

    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }

    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }

    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }

    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }

    .ui-icon-arrowthick-1-n {
        background-position: 0 -48px
    }

    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }

    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }

    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }

    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }

    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }

    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }

    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }

    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }

    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }

    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }

    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }

    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }

    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }

    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }

    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }

    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }

    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }

    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }

    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }

    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }

    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }

    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }

    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }

    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }

    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }

    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }

    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }

    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }

    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }

    .ui-icon-extlink {
        background-position: -32px -80px
    }

    .ui-icon-newwin {
        background-position: -48px -80px
    }

    .ui-icon-refresh {
        background-position: -64px -80px
    }

    .ui-icon-shuffle {
        background-position: -80px -80px
    }

    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }

    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }

    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }

    .ui-icon-folder-open {
        background-position: -16px -96px
    }

    .ui-icon-document {
        background-position: -32px -96px
    }

    .ui-icon-document-b {
        background-position: -48px -96px
    }

    .ui-icon-note {
        background-position: -64px -96px
    }

    .ui-icon-mail-closed {
        background-position: -80px -96px
    }

    .ui-icon-mail-open {
        background-position: -96px -96px
    }

    .ui-icon-suitcase {
        background-position: -112px -96px
    }

    .ui-icon-comment {
        background-position: -128px -96px
    }

    .ui-icon-person {
        background-position: -144px -96px
    }

    .ui-icon-print {
        background-position: -160px -96px
    }

    .ui-icon-trash {
        background-position: -176px -96px
    }

    .ui-icon-locked {
        background-position: -192px -96px
    }

    .ui-icon-unlocked {
        background-position: -208px -96px
    }

    .ui-icon-bookmark {
        background-position: -224px -96px
    }

    .ui-icon-tag {
        background-position: -240px -96px
    }

    .ui-icon-home {
        background-position: 0 -112px
    }

    .ui-icon-flag {
        background-position: -16px -112px
    }

    .ui-icon-calendar {
        background-position: -32px -112px
    }

    .ui-icon-cart {
        background-position: -48px -112px
    }

    .ui-icon-pencil {
        background-position: -64px -112px
    }

    .ui-icon-clock {
        background-position: -80px -112px
    }

    .ui-icon-disk {
        background-position: -96px -112px
    }

    .ui-icon-calculator {
        background-position: -112px -112px
    }

    .ui-icon-zoomin {
        background-position: -128px -112px
    }

    .ui-icon-zoomout {
        background-position: -144px -112px
    }

    .ui-icon-search {
        background-position: -160px -112px
    }

    .ui-icon-wrench {
        background-position: -176px -112px
    }

    .ui-icon-gear {
        background-position: -192px -112px
    }

    .ui-icon-heart {
        background-position: -208px -112px
    }

    .ui-icon-star {
        background-position: -224px -112px
    }

    .ui-icon-link {
        background-position: -240px -112px
    }

    .ui-icon-cancel {
        background-position: 0 -128px
    }

    .ui-icon-plus {
        background-position: -16px -128px
    }

    .ui-icon-plusthick {
        background-position: -32px -128px
    }

    .ui-icon-minus {
        background-position: -48px -128px
    }

    .ui-icon-minusthick {
        background-position: -64px -128px
    }

    .ui-icon-close {
        background-position: -80px -128px
    }

    .ui-icon-closethick {
        background-position: -96px -128px
    }

    .ui-icon-key {
        background-position: -112px -128px
    }

    .ui-icon-lightbulb {
        background-position: -128px -128px
    }

    .ui-icon-scissors {
        background-position: -144px -128px
    }

    .ui-icon-clipboard {
        background-position: -160px -128px
    }

    .ui-icon-copy {
        background-position: -176px -128px
    }

    .ui-icon-contact {
        background-position: -192px -128px
    }

    .ui-icon-image {
        background-position: -208px -128px
    }

    .ui-icon-video {
        background-position: -224px -128px
    }

    .ui-icon-script {
        background-position: -240px -128px
    }

    .ui-icon-alert {
        background-position: 0 -144px
    }

    .ui-icon-info {
        background-position: -16px -144px
    }

    .ui-icon-notice {
        background-position: -32px -144px
    }

    .ui-icon-help {
        background-position: -48px -144px
    }

    .ui-icon-check {
        background-position: -64px -144px
    }

    .ui-icon-bullet {
        background-position: -80px -144px
    }

    .ui-icon-radio-on {
        background-position: -96px -144px
    }

    .ui-icon-radio-off {
        background-position: -112px -144px
    }

    .ui-icon-pin-w {
        background-position: -128px -144px
    }

    .ui-icon-pin-s {
        background-position: -144px -144px
    }

    .ui-icon-play {
        background-position: 0 -160px
    }

    .ui-icon-pause {
        background-position: -16px -160px
    }

    .ui-icon-seek-next {
        background-position: -32px -160px
    }

    .ui-icon-seek-prev {
        background-position: -48px -160px
    }

    .ui-icon-seek-end {
        background-position: -64px -160px
    }

    .ui-icon-seek-start {
        background-position: -80px -160px
    }

    .ui-icon-seek-first {
        background-position: -80px -160px
    }

    .ui-icon-stop {
        background-position: -96px -160px
    }

    .ui-icon-eject {
        background-position: -112px -160px
    }

    .ui-icon-volume-off {
        background-position: -128px -160px
    }

    .ui-icon-volume-on {
        background-position: -144px -160px
    }

    .ui-icon-power {
        background-position: 0 -176px
    }

    .ui-icon-signal-diag {
        background-position: -16px -176px
    }

    .ui-icon-signal {
        background-position: -32px -176px
    }

    .ui-icon-battery-0 {
        background-position: -48px -176px
    }

    .ui-icon-battery-1 {
        background-position: -64px -176px
    }

    .ui-icon-battery-2 {
        background-position: -80px -176px
    }

    .ui-icon-battery-3 {
        background-position: -96px -176px
    }

    .ui-icon-circle-plus {
        background-position: 0 -192px
    }

    .ui-icon-circle-minus {
        background-position: -16px -192px
    }

    .ui-icon-circle-close {
        background-position: -32px -192px
    }

    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }

    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }

    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }

    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }

    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }

    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }

    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }

    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }

    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }

    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }

    .ui-icon-circle-check {
        background-position: -208px -192px
    }

    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }

    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }

    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }

    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }

    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }

    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }

    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }

    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }

    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }

    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }

    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }

    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px
    }

    .ui-widget-overlay {
        background: #aaaaaa;
        opacity: .3;
        filter: Alpha(Opacity=30)
    }

    .ui-widget-shadow {
        margin: 0px 0 0 0px;
        padding: 5px;
        background: #666666;
        opacity: .3;
        filter: Alpha(Opacity=30);
        border-radius: 8px
    }


    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

    .slick-loading .slick-track {
        visibility: hidden
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px
    }

    [dir='rtl'] .slick-slide {
        float: right
    }

    .slick-slide img {
        display: block
    }

    .slick-slide.slick-loading img {
        display: none
    }

    .slick-slide.dragging img {
        pointer-events: none
    }

    .slick-initialized .slick-slide {
        display: block
    }

    .slick-loading .slick-slide {
        visibility: hidden
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent
    }

    .slick-arrow.slick-hidden {
        display: none
    }


    .slick-loading .slick-list {
        background: #fff url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fb6f3c230cb846e25247dfaa1da94d8f.gif) center center no-repeat
    }

    @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/slick.eot);
        src: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/slick.woff) format("woff"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/fonts/slick.ttf) format("truetype"), url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2630a3e3eab21c607e21576571b95b9d.svg#slick) format("svg")
    }

    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent
    }

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent
    }

    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
        opacity: 1
    }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: white;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-prev {
        left: -25px
    }

    [dir='rtl'] .slick-prev {
        right: -25px;
        left: auto
    }

    .slick-prev:before {
        content: '←'
    }

    [dir='rtl'] .slick-prev:before {
        content: '→'
    }

    .slick-next {
        right: -25px
    }

    [dir='rtl'] .slick-next {
        right: auto;
        left: -25px
    }

    .slick-next:before {
        content: '→'
    }

    [dir='rtl'] .slick-next:before {
        content: '←'
    }

    .slick-dotted.slick-slider {
        margin-bottom: 30px
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer
    }

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 20px;
        height: 20px;
        padding: 5px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent
    }

    .slick-dots li button:hover,
    .slick-dots li button:focus {
        outline: none
    }

    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before {
        opacity: 1
    }

    .slick-dots li button:before {
        font-family: 'slick';
        font-size: 6px;
        line-height: 20px;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        content: '•';
        text-align: center;
        opacity: .25;
        color: black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: black
    }


    /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
    :root {
        --animate-duration: 1s;
        --animate-delay: 1s;
        --animate-repeat: 1
    }

    .animate__animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-duration: var(--animate-duration);
        animation-duration: var(--animate-duration);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: calc(1 * 2);
        animation-iteration-count: calc(1 * 2);
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
        animation-iteration-count: calc(var(--animate-repeat) * 2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: calc(1 * 3);
        animation-iteration-count: calc(1 * 3);
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
        animation-iteration-count: calc(var(--animate-repeat) * 3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: calc(1s * 2);
        animation-delay: calc(1s * 2);
        -webkit-animation-delay: calc(var(--animate-delay) * 2);
        animation-delay: calc(var(--animate-delay) * 2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: calc(1s * 3);
        animation-delay: calc(1s * 3);
        -webkit-animation-delay: calc(var(--animate-delay) * 3);
        animation-delay: calc(var(--animate-delay) * 3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: calc(1s * 4);
        animation-delay: calc(1s * 4);
        -webkit-animation-delay: calc(var(--animate-delay) * 4);
        animation-delay: calc(var(--animate-delay) * 4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: calc(1s * 5);
        animation-delay: calc(1s * 5);
        -webkit-animation-delay: calc(var(--animate-delay) * 5);
        animation-delay: calc(var(--animate-delay) * 5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: calc(1s / 2);
        animation-duration: calc(1s / 2);
        -webkit-animation-duration: calc(var(--animate-duration) / 2);
        animation-duration: calc(var(--animate-duration) / 2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: calc(1s * 0.8);
        animation-duration: calc(1s * 0.8);
        -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
        animation-duration: calc(var(--animate-duration) * 0.8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: calc(1s * 2);
        animation-duration: calc(1s * 2);
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: calc(1s * 3);
        animation-duration: calc(1s * 3);
        -webkit-animation-duration: calc(var(--animate-duration) * 3);
        animation-duration: calc(var(--animate-duration) * 3)
    }

    @media print,
    (prefers-reduced-motion: reduce) {
        .animate__animated {
            -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important;
            -webkit-transition-duration: 1ms !important;
            transition-duration: 1ms !important;
            -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important
        }

        .animate__animated[class*='Out'] {
            opacity: 0
        }
    }

    @-webkit-keyframes bounce {

        from,
        20%,
        53%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
            transform: translate3d(0, -30px, 0) scaleY(1.1)
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
            transform: translate3d(0, -15px, 0) scaleY(1.05)
        }

        80% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
            transform: translate3d(0, 0, 0) scaleY(0.95)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
            transform: translate3d(0, -4px, 0) scaleY(1.02)
        }
    }

    @keyframes bounce {

        from,
        20%,
        53%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        40%,
        43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
            transform: translate3d(0, -30px, 0) scaleY(1.1)
        }

        70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
            transform: translate3d(0, -15px, 0) scaleY(1.05)
        }

        80% {
            -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
            transform: translate3d(0, 0, 0) scaleY(0.95)
        }

        90% {
            -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
            transform: translate3d(0, -4px, 0) scaleY(1.02)
        }
    }

    .animate__bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    @-webkit-keyframes flash {

        from,
        50%,
        to {
            opacity: 1
        }

        25%,
        75% {
            opacity: 0
        }
    }

    @keyframes flash {

        from,
        50%,
        to {
            opacity: 1
        }

        25%,
        75% {
            opacity: 0
        }
    }

    .animate__flash {
        -webkit-animation-name: flash;
        animation-name: flash
    }

    @-webkit-keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .animate__pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    @-webkit-keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1)
        }

        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1)
        }

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1)
        }

        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1)
        }

        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes rubberBand {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        30% {
            -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1)
        }

        40% {
            -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1)
        }

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1)
        }

        65% {
            -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1)
        }

        75% {
            -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .animate__rubberBand {
        -webkit-animation-name: rubberBand;
        animation-name: rubberBand
    }

    @-webkit-keyframes shakeX {

        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }

    @keyframes shakeX {

        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }

        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }

    .animate__shakeX {
        -webkit-animation-name: shakeX;
        animation-name: shakeX
    }

    @-webkit-keyframes shakeY {

        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
    }

    @keyframes shakeY {

        from,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        10%,
        30%,
        50%,
        70%,
        90% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }

        20%,
        40%,
        60%,
        80% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
    }

    .animate__shakeY {
        -webkit-animation-name: shakeY;
        animation-name: shakeY
    }

    @-webkit-keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }

        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }

        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }

        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }

        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .animate__headShake {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-name: headShake;
        animation-name: headShake
    }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    @keyframes swing {
        20% {
            -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg)
        }

        40% {
            -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg)
        }

        60% {
            -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg)
        }

        80% {
            -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg)
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg)
        }
    }

    .animate__swing {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-animation-name: swing;
        animation-name: swing
    }

    @-webkit-keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
        }

        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes tada {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }

        10%,
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
        }

        30%,
        50%,
        70%,
        90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
        }

        40%,
        60%,
        80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .animate__tada {
        -webkit-animation-name: tada;
        animation-name: tada
    }

    @-webkit-keyframes wobble {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes wobble {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
        }

        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
        }

        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
        }

        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
        }

        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__wobble {
        -webkit-animation-name: wobble;
        animation-name: wobble
    }

    @-webkit-keyframes jello {

        from,
        11.1%,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
        }

        77.7% {
            -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
            transform: skewX(0.39062deg) skewY(0.39062deg)
        }

        88.8% {
            -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg)
        }
    }

    @keyframes jello {

        from,
        11.1%,
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }

        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }

        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }

        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }

        66.6% {
            -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
            transform: skewX(-0.78125deg) skewY(-0.78125deg)
        }

        77.7% {
            -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
            transform: skewX(0.39062deg) skewY(0.39062deg)
        }

        88.8% {
            -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
            transform: skewX(-0.19531deg) skewY(-0.19531deg)
        }
    }

    .animate__jello {
        -webkit-animation-name: jello;
        animation-name: jello;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    @-webkit-keyframes heartBeat {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        14% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }

        28% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        42% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }

        70% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes heartBeat {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        14% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }

        28% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }

        42% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }

        70% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    .animate__heartBeat {
        -webkit-animation-name: heartBeat;
        animation-name: heartBeat;
        -webkit-animation-duration: calc(1s * 1.3);
        animation-duration: calc(1s * 1.3);
        -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
        animation-duration: calc(var(--animate-duration) * 1.3);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    @-webkit-keyframes backInDown {
        0% {
            -webkit-transform: translateY(-1200px) scale(0.7);
            transform: translateY(-1200px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes backInDown {
        0% {
            -webkit-transform: translateY(-1200px) scale(0.7);
            transform: translateY(-1200px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    .animate__backInDown {
        -webkit-animation-name: backInDown;
        animation-name: backInDown
    }

    @-webkit-keyframes backInLeft {
        0% {
            -webkit-transform: translateX(-2000px) scale(0.7);
            transform: translateX(-2000px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes backInLeft {
        0% {
            -webkit-transform: translateX(-2000px) scale(0.7);
            transform: translateX(-2000px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    .animate__backInLeft {
        -webkit-animation-name: backInLeft;
        animation-name: backInLeft
    }

    @-webkit-keyframes backInRight {
        0% {
            -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes backInRight {
        0% {
            -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    .animate__backInRight {
        -webkit-animation-name: backInRight;
        animation-name: backInRight
    }

    @-webkit-keyframes backInUp {
        0% {
            -webkit-transform: translateY(1200px) scale(0.7);
            transform: translateY(1200px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes backInUp {
        0% {
            -webkit-transform: translateY(1200px) scale(0.7);
            transform: translateY(1200px) scale(0.7);
            opacity: 0.7
        }

        80% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }
    }

    .animate__backInUp {
        -webkit-animation-name: backInUp;
        animation-name: backInUp
    }

    @-webkit-keyframes backOutDown {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateY(700px) scale(0.7);
            transform: translateY(700px) scale(0.7);
            opacity: 0.7
        }
    }

    @keyframes backOutDown {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateY(700px) scale(0.7);
            transform: translateY(700px) scale(0.7);
            opacity: 0.7
        }
    }

    .animate__backOutDown {
        -webkit-animation-name: backOutDown;
        animation-name: backOutDown
    }

    @-webkit-keyframes backOutLeft {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateX(-2000px) scale(0.7);
            transform: translateX(-2000px) scale(0.7);
            opacity: 0.7
        }
    }

    @keyframes backOutLeft {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateX(-2000px) scale(0.7);
            transform: translateX(-2000px) scale(0.7);
            opacity: 0.7
        }
    }

    .animate__backOutLeft {
        -webkit-animation-name: backOutLeft;
        animation-name: backOutLeft
    }

    @-webkit-keyframes backOutRight {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
            opacity: 0.7
        }
    }

    @keyframes backOutRight {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateX(0px) scale(0.7);
            transform: translateX(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateX(2000px) scale(0.7);
            transform: translateX(2000px) scale(0.7);
            opacity: 0.7
        }
    }

    .animate__backOutRight {
        -webkit-animation-name: backOutRight;
        animation-name: backOutRight
    }

    @-webkit-keyframes backOutUp {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateY(-700px) scale(0.7);
            transform: translateY(-700px) scale(0.7);
            opacity: 0.7
        }
    }

    @keyframes backOutUp {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

        20% {
            -webkit-transform: translateY(0px) scale(0.7);
            transform: translateY(0px) scale(0.7);
            opacity: 0.7
        }

        100% {
            -webkit-transform: translateY(-700px) scale(0.7);
            transform: translateY(-700px) scale(0.7);
            opacity: 0.7
        }
    }

    .animate__backOutUp {
        -webkit-animation-name: backOutUp;
        animation-name: backOutUp
    }

    @-webkit-keyframes bounceIn {

        from,
        20%,
        40%,
        60%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    @keyframes bounceIn {

        from,
        20%,
        40%,
        60%,
        80%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        40% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }

        80% {
            -webkit-transform: scale3d(0.97, 0.97, 0.97);
            transform: scale3d(0.97, 0.97, 0.97)
        }

        to {
            opacity: 1;
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1)
        }
    }

    .animate__bounceIn {
        -webkit-animation-duration: calc(1s * 0.75);
        animation-duration: calc(1s * 0.75);
        -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
        animation-duration: calc(var(--animate-duration) * 0.75);
        -webkit-animation-name: bounceIn;
        animation-name: bounceIn
    }

    @-webkit-keyframes bounceInDown {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
            transform: translate3d(0, -3000px, 0) scaleY(3)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
            transform: translate3d(0, 25px, 0) scaleY(0.9)
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
            transform: translate3d(0, -10px, 0) scaleY(0.95)
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
            transform: translate3d(0, 5px, 0) scaleY(0.985)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes bounceInDown {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
            transform: translate3d(0, -3000px, 0) scaleY(3)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
            transform: translate3d(0, 25px, 0) scaleY(0.9)
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
            transform: translate3d(0, -10px, 0) scaleY(0.95)
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
            transform: translate3d(0, 5px, 0) scaleY(0.985)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__bounceInDown {
        -webkit-animation-name: bounceInDown;
        animation-name: bounceInDown
    }

    @-webkit-keyframes bounceInLeft {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
            transform: translate3d(-3000px, 0, 0) scaleX(3)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
            transform: translate3d(25px, 0, 0) scaleX(1)
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
            transform: translate3d(-10px, 0, 0) scaleX(0.98)
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
            transform: translate3d(5px, 0, 0) scaleX(0.995)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes bounceInLeft {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
            transform: translate3d(-3000px, 0, 0) scaleX(3)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
            transform: translate3d(25px, 0, 0) scaleX(1)
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
            transform: translate3d(-10px, 0, 0) scaleX(0.98)
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
            transform: translate3d(5px, 0, 0) scaleX(0.995)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }

    @-webkit-keyframes bounceInRight {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
            transform: translate3d(3000px, 0, 0) scaleX(3)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
            transform: translate3d(-25px, 0, 0) scaleX(1)
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
            transform: translate3d(10px, 0, 0) scaleX(0.98)
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
            transform: translate3d(-5px, 0, 0) scaleX(0.995)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes bounceInRight {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
            transform: translate3d(3000px, 0, 0) scaleX(3)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
            transform: translate3d(-25px, 0, 0) scaleX(1)
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
            transform: translate3d(10px, 0, 0) scaleX(0.98)
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
            transform: translate3d(-5px, 0, 0) scaleX(0.995)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__bounceInRight {
        -webkit-animation-name: bounceInRight;
        animation-name: bounceInRight
    }

    @-webkit-keyframes bounceInUp {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
            transform: translate3d(0, 3000px, 0) scaleY(5)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9)
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
            transform: translate3d(0, 10px, 0) scaleY(0.95)
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
            transform: translate3d(0, -5px, 0) scaleY(0.985)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes bounceInUp {

        from,
        60%,
        75%,
        90%,
        to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
        }

        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
            transform: translate3d(0, 3000px, 0) scaleY(5)
        }

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9)
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
            transform: translate3d(0, 10px, 0) scaleY(0.95)
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
            transform: translate3d(0, -5px, 0) scaleY(0.985)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__bounceInUp {
        -webkit-animation-name: bounceInUp;
        animation-name: bounceInUp
    }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }
    }

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9)
        }

        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }
    }

    .animate__bounceOut {
        -webkit-animation-duration: calc(1s * 0.75);
        animation-duration: calc(1s * 0.75);
        -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
        animation-duration: calc(var(--animate-duration) * 0.75);
        -webkit-animation-name: bounceOut;
        animation-name: bounceOut
    }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
            transform: translate3d(0, 10px, 0) scaleY(0.985)
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
            transform: translate3d(0, 2000px, 0) scaleY(3)
        }
    }

    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
            transform: translate3d(0, 10px, 0) scaleY(0.985)
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
            transform: translate3d(0, -20px, 0) scaleY(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
            transform: translate3d(0, 2000px, 0) scaleY(3)
        }
    }

    .animate__bounceOutDown {
        -webkit-animation-name: bounceOutDown;
        animation-name: bounceOutDown
    }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
            transform: translate3d(20px, 0, 0) scaleX(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
            transform: translate3d(-2000px, 0, 0) scaleX(2)
        }
    }

    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
            transform: translate3d(20px, 0, 0) scaleX(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
            transform: translate3d(-2000px, 0, 0) scaleX(2)
        }
    }

    .animate__bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
            transform: translate3d(-20px, 0, 0) scaleX(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
            transform: translate3d(2000px, 0, 0) scaleX(2)
        }
    }

    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
            transform: translate3d(-20px, 0, 0) scaleX(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
            transform: translate3d(2000px, 0, 0) scaleX(2)
        }
    }

    .animate__bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
            transform: translate3d(0, -10px, 0) scaleY(0.985)
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
            transform: translate3d(0, 20px, 0) scaleY(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
            transform: translate3d(0, -2000px, 0) scaleY(3)
        }
    }

    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
            transform: translate3d(0, -10px, 0) scaleY(0.985)
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
            transform: translate3d(0, 20px, 0) scaleY(0.9)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
            transform: translate3d(0, -2000px, 0) scaleY(3)
        }
    }

    .animate__bounceOutUp {
        -webkit-animation-name: bounceOutUp;
        animation-name: bounceOutUp
    }

    @-webkit-keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .animate__fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown
    }

    @-webkit-keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInDownBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInDownBig {
        -webkit-animation-name: fadeInDownBig;
        animation-name: fadeInDownBig
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }

    @-webkit-keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInLeftBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInLeftBig {
        -webkit-animation-name: fadeInLeftBig;
        animation-name: fadeInLeftBig
    }

    @-webkit-keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight
    }

    @-webkit-keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInRightBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInRightBig {
        -webkit-animation-name: fadeInRightBig;
        animation-name: fadeInRightBig
    }

    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInUp {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }

    @-webkit-keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInUpBig {
        from {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInUpBig {
        -webkit-animation-name: fadeInUpBig;
        animation-name: fadeInUpBig
    }

    @-webkit-keyframes fadeInTopLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInTopLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInTopLeft {
        -webkit-animation-name: fadeInTopLeft;
        animation-name: fadeInTopLeft
    }

    @-webkit-keyframes fadeInTopRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInTopRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInTopRight {
        -webkit-animation-name: fadeInTopRight;
        animation-name: fadeInTopRight
    }

    @-webkit-keyframes fadeInBottomLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInBottomLeft {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInBottomLeft {
        -webkit-animation-name: fadeInBottomLeft;
        animation-name: fadeInBottomLeft
    }

    @-webkit-keyframes fadeInBottomRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes fadeInBottomRight {
        from {
            opacity: 0;
            -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__fadeInBottomRight {
        -webkit-animation-name: fadeInBottomRight;
        animation-name: fadeInBottomRight
    }

    @-webkit-keyframes fadeOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes fadeOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .animate__fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }

    @-webkit-keyframes fadeOutDown {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes fadeOutDown {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    .animate__fadeOutDown {
        -webkit-animation-name: fadeOutDown;
        animation-name: fadeOutDown
    }

    @-webkit-keyframes fadeOutDownBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    @keyframes fadeOutDownBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }

    .animate__fadeOutDownBig {
        -webkit-animation-name: fadeOutDownBig;
        animation-name: fadeOutDownBig
    }

    @-webkit-keyframes fadeOutLeft {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes fadeOutLeft {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    .animate__fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }

    @-webkit-keyframes fadeOutLeftBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    @keyframes fadeOutLeftBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }

    .animate__fadeOutLeftBig {
        -webkit-animation-name: fadeOutLeftBig;
        animation-name: fadeOutLeftBig
    }

    @-webkit-keyframes fadeOutRight {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes fadeOutRight {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    .animate__fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }

    @-webkit-keyframes fadeOutRightBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    @keyframes fadeOutRightBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }

    .animate__fadeOutRightBig {
        -webkit-animation-name: fadeOutRightBig;
        animation-name: fadeOutRightBig
    }

    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes fadeOutUp {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    .animate__fadeOutUp {
        -webkit-animation-name: fadeOutUp;
        animation-name: fadeOutUp
    }

    @-webkit-keyframes fadeOutUpBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    @keyframes fadeOutUpBig {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }

    .animate__fadeOutUpBig {
        -webkit-animation-name: fadeOutUpBig;
        animation-name: fadeOutUpBig
    }

    @-webkit-keyframes fadeOutTopLeft {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0)
        }
    }

    @keyframes fadeOutTopLeft {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0)
        }
    }

    .animate__fadeOutTopLeft {
        -webkit-animation-name: fadeOutTopLeft;
        animation-name: fadeOutTopLeft
    }

    @-webkit-keyframes fadeOutTopRight {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0)
        }
    }

    @keyframes fadeOutTopRight {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0)
        }
    }

    .animate__fadeOutTopRight {
        -webkit-animation-name: fadeOutTopRight;
        animation-name: fadeOutTopRight
    }

    @-webkit-keyframes fadeOutBottomRight {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0)
        }
    }

    @keyframes fadeOutBottomRight {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0)
        }
    }

    .animate__fadeOutBottomRight {
        -webkit-animation-name: fadeOutBottomRight;
        animation-name: fadeOutBottomRight
    }

    @-webkit-keyframes fadeOutBottomLeft {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0)
        }
    }

    @keyframes fadeOutBottomLeft {
        from {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0)
        }
    }

    .animate__fadeOutBottomLeft {
        -webkit-animation-name: fadeOutBottomLeft;
        animation-name: fadeOutBottomLeft
    }

    @-webkit-keyframes flip {
        from {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        40% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        50% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        to {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }

    @keyframes flip {
        from {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        40% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

        50% {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        80% {
            -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        to {
            -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }
    }

    .animate__animated.animate__flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip
    }

    @-webkit-keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInX {
        from {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    .animate__flipInX {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInX;
        animation-name: flipInX
    }

    @-webkit-keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    @keyframes flipInY {
        from {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0
        }

        40% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in
        }

        60% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            opacity: 1
        }

        80% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
        }

        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }

    .animate__flipInY {
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipInY;
        animation-name: flipInY
    }

    @-webkit-keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }

    @keyframes flipOutX {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            opacity: 0
        }
    }

    .animate__flipOutX {
        -webkit-animation-duration: calc(1s * 0.75);
        animation-duration: calc(1s * 0.75);
        -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
        animation-duration: calc(var(--animate-duration) * 0.75);
        -webkit-animation-name: flipOutX;
        animation-name: flipOutX;
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important
    }

    @-webkit-keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }

    @keyframes flipOutY {
        from {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }

        30% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            opacity: 1
        }

        to {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            opacity: 0
        }
    }

    .animate__flipOutY {
        -webkit-animation-duration: calc(1s * 0.75);
        animation-duration: calc(1s * 0.75);
        -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
        animation-duration: calc(var(--animate-duration) * 0.75);
        -webkit-backface-visibility: visible !important;
        backface-visibility: visible !important;
        -webkit-animation-name: flipOutY;
        animation-name: flipOutY
    }

    @-webkit-keyframes lightSpeedInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes lightSpeedInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__lightSpeedInRight {
        -webkit-animation-name: lightSpeedInRight;
        animation-name: lightSpeedInRight;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    @-webkit-keyframes lightSpeedInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
            transform: translate3d(-100%, 0, 0) skewX(30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(5deg);
            transform: skewX(5deg)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes lightSpeedInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
            transform: translate3d(-100%, 0, 0) skewX(30deg);
            opacity: 0
        }

        60% {
            -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg);
            opacity: 1
        }

        80% {
            -webkit-transform: skewX(5deg);
            transform: skewX(5deg)
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__lightSpeedInLeft {
        -webkit-animation-name: lightSpeedInLeft;
        animation-name: lightSpeedInLeft;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    @-webkit-keyframes lightSpeedOutRight {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }

    @keyframes lightSpeedOutRight {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
            opacity: 0
        }
    }

    .animate__lightSpeedOutRight {
        -webkit-animation-name: lightSpeedOutRight;
        animation-name: lightSpeedOutRight;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    @-webkit-keyframes lightSpeedOutLeft {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
            transform: translate3d(-100%, 0, 0) skewX(-30deg);
            opacity: 0
        }
    }

    @keyframes lightSpeedOutLeft {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
            transform: translate3d(-100%, 0, 0) skewX(-30deg);
            opacity: 0
        }
    }

    .animate__lightSpeedOutLeft {
        -webkit-animation-name: lightSpeedOutLeft;
        animation-name: lightSpeedOutLeft;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    @-webkit-keyframes rotateIn {
        from {
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @keyframes rotateIn {
        from {
            -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .animate__rotateIn {
        -webkit-animation-name: rotateIn;
        animation-name: rotateIn;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    @-webkit-keyframes rotateInDownLeft {
        from {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @keyframes rotateInDownLeft {
        from {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .animate__rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    @-webkit-keyframes rotateInDownRight {
        from {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @keyframes rotateInDownRight {
        from {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .animate__rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    @-webkit-keyframes rotateInUpLeft {
        from {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @keyframes rotateInUpLeft {
        from {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .animate__rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    @-webkit-keyframes rotateInUpRight {
        from {
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    @keyframes rotateInUpRight {
        from {
            -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
            opacity: 0
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .animate__rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    @-webkit-keyframes rotateOut {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }

    @keyframes rotateOut {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
            opacity: 0
        }
    }

    .animate__rotateOut {
        -webkit-animation-name: rotateOut;
        animation-name: rotateOut;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    @-webkit-keyframes rotateOutDownLeft {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutDownLeft {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
            opacity: 0
        }
    }

    .animate__rotateOutDownLeft {
        -webkit-animation-name: rotateOutDownLeft;
        animation-name: rotateOutDownLeft;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    @-webkit-keyframes rotateOutDownRight {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutDownRight {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    .animate__rotateOutDownRight {
        -webkit-animation-name: rotateOutDownRight;
        animation-name: rotateOutDownRight;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    @-webkit-keyframes rotateOutUpLeft {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    @keyframes rotateOutUpLeft {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
            opacity: 0
        }
    }

    .animate__rotateOutUpLeft {
        -webkit-animation-name: rotateOutUpLeft;
        animation-name: rotateOutUpLeft;
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom
    }

    @-webkit-keyframes rotateOutUpRight {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }

    @keyframes rotateOutUpRight {
        from {
            opacity: 1
        }

        to {
            -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
            opacity: 0
        }
    }

    .animate__rotateOutUpRight {
        -webkit-animation-name: rotateOutUpRight;
        animation-name: rotateOutUpRight;
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom
    }

    @-webkit-keyframes hinge {
        0% {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }

    @keyframes hinge {
        0% {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        20%,
        60% {
            -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }

        40%,
        80% {
            -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1
        }

        to {
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
            opacity: 0
        }
    }

    .animate__hinge {
        -webkit-animation-duration: calc(1s * 2);
        animation-duration: calc(1s * 2);
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2);
        -webkit-animation-name: hinge;
        animation-name: hinge;
        -webkit-transform-origin: top left;
        transform-origin: top left
    }

    @-webkit-keyframes jackInTheBox {
        from {
            opacity: 0;
            -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }

        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }

        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg)
        }

        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes jackInTheBox {
        from {
            opacity: 0;
            -webkit-transform: scale(0.1) rotate(30deg);
            transform: scale(0.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }

        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }

        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg)
        }

        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    .animate__jackInTheBox {
        -webkit-animation-name: jackInTheBox;
        animation-name: jackInTheBox
    }

    @-webkit-keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes rollIn {
        from {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
        }

        to {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__rollIn {
        -webkit-animation-name: rollIn;
        animation-name: rollIn
    }

    @-webkit-keyframes rollOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }

    @keyframes rollOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
        }
    }

    .animate__rollOut {
        -webkit-animation-name: rollOut;
        animation-name: rollOut
    }

    @-webkit-keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        50% {
            opacity: 1
        }
    }

    @keyframes zoomIn {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        50% {
            opacity: 1
        }
    }

    .animate__zoomIn {
        -webkit-animation-name: zoomIn;
        animation-name: zoomIn
    }

    @-webkit-keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInDown {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .animate__zoomInDown {
        -webkit-animation-name: zoomInDown;
        animation-name: zoomInDown
    }

    @-webkit-keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInLeft {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .animate__zoomInLeft {
        -webkit-animation-name: zoomInLeft;
        animation-name: zoomInLeft
    }

    @-webkit-keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInRight {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .animate__zoomInRight {
        -webkit-animation-name: zoomInRight;
        animation-name: zoomInRight
    }

    @-webkit-keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomInUp {
        from {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .animate__zoomInUp {
        -webkit-animation-name: zoomInUp;
        animation-name: zoomInUp
    }

    @-webkit-keyframes zoomOut {
        from {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        to {
            opacity: 0
        }
    }

    @keyframes zoomOut {
        from {
            opacity: 1
        }

        50% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3)
        }

        to {
            opacity: 0
        }
    }

    .animate__zoomOut {
        -webkit-animation-name: zoomOut;
        animation-name: zoomOut
    }

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .animate__zoomOutDown {
        -webkit-animation-name: zoomOutDown;
        animation-name: zoomOutDown;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0)
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
            transform: scale(0.1) translate3d(-2000px, 0, 0)
        }
    }

    .animate__zoomOutLeft {
        -webkit-animation-name: zoomOutLeft;
        animation-name: zoomOutLeft;
        -webkit-transform-origin: left center;
        transform-origin: left center
    }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0)
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }

        to {
            opacity: 0;
            -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
            transform: scale(0.1) translate3d(2000px, 0, 0)
        }
    }

    .animate__zoomOutRight {
        -webkit-animation-name: zoomOutRight;
        animation-name: zoomOutRight;
        -webkit-transform-origin: right center;
        transform-origin: right center
    }

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }

        to {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }

    .animate__zoomOutUp {
        -webkit-animation-name: zoomOutUp;
        animation-name: zoomOutUp;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    @-webkit-keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }

    @-webkit-keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInLeft {
        from {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__slideInLeft {
        -webkit-animation-name: slideInLeft;
        animation-name: slideInLeft
    }

    @-webkit-keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInRight {
        from {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__slideInRight {
        -webkit-animation-name: slideInRight;
        animation-name: slideInRight
    }

    @-webkit-keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes slideInUp {
        from {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }

        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }

    .animate__slideInUp {
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp
    }

    @-webkit-keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    @keyframes slideOutDown {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }

    .animate__slideOutDown {
        -webkit-animation-name: slideOutDown;
        animation-name: slideOutDown
    }

    @-webkit-keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    @keyframes slideOutLeft {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }

    .animate__slideOutLeft {
        -webkit-animation-name: slideOutLeft;
        animation-name: slideOutLeft
    }

    @-webkit-keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    @keyframes slideOutRight {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }

    .animate__slideOutRight {
        -webkit-animation-name: slideOutRight;
        animation-name: slideOutRight
    }

    @-webkit-keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    @keyframes slideOutUp {
        from {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        to {
            visibility: hidden;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }

    .animate__slideOutUp {
        -webkit-animation-name: slideOutUp;
        animation-name: slideOutUp
    }


    /*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
    .bootstrap-datetimepicker-widget {
        list-style: none
    }

    .bootstrap-datetimepicker-widget.dropdown-menu {
        display: block;
        margin: 2px 0;
        padding: 4px;
        width: 19em
    }

    @media (min-width: 768px) {
        .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
            width: 38em
        }
    }

    @media (min-width: 992px) {
        .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
            width: 38em
        }
    }

    @media (min-width: 1200px) {
        .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
            width: 38em
        }
    }

    .bootstrap-datetimepicker-widget.dropdown-menu:before,
    .bootstrap-datetimepicker-widget.dropdown-menu:after {
        content: '';
        display: inline-block;
        position: absolute
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        top: -7px;
        left: 7px
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        top: -6px;
        left: 8px
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #ccc;
        border-top-color: rgba(0, 0, 0, 0.2);
        bottom: -7px;
        left: 6px
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid white;
        bottom: -6px;
        left: 7px
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
        left: auto;
        right: 6px
    }

    .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
        left: auto;
        right: 7px
    }

    .bootstrap-datetimepicker-widget .list-unstyled {
        margin: 0
    }

    .bootstrap-datetimepicker-widget a[data-action] {
        padding: 6px 0
    }

    .bootstrap-datetimepicker-widget a[data-action]:active {
        box-shadow: none
    }

    .bootstrap-datetimepicker-widget .timepicker-hour,
    .bootstrap-datetimepicker-widget .timepicker-minute,
    .bootstrap-datetimepicker-widget .timepicker-second {
        width: 54px;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0
    }

    .bootstrap-datetimepicker-widget button[data-action] {
        padding: 6px
    }

    .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Increment Hours"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Increment Minutes"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Hours"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Decrement Minutes"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Hours"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Show Minutes"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle AM/PM"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Clear the picker"
    }

    .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Set the date to today"
    }

    .bootstrap-datetimepicker-widget .picker-switch {
        text-align: center
    }

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Toggle Date and Time Screens"
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit
    }

    .bootstrap-datetimepicker-widget .picker-switch td span {
        line-height: 2.5;
        height: 2.5em;
        width: 100%
    }

    .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0
    }

    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

    .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px
    }

    .bootstrap-datetimepicker-widget table th.disabled,
    .bootstrap-datetimepicker-widget table th.disabled:hover {
        background: none;
        color: #777777;
        cursor: not-allowed
    }

    .bootstrap-datetimepicker-widget table th.prev::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Previous Month"
    }

    .bootstrap-datetimepicker-widget table th.next::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: "Next Month"
    }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background: #eeeeee
    }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

    .bootstrap-datetimepicker-widget table td.cw {
        font-size: .8em;
        height: 20px;
        line-height: 20px;
        color: #777777
    }

    .bootstrap-datetimepicker-widget table td.day {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

    .bootstrap-datetimepicker-widget table td.day:hover,
    .bootstrap-datetimepicker-widget table td.hour:hover,
    .bootstrap-datetimepicker-widget table td.minute:hover,
    .bootstrap-datetimepicker-widget table td.second:hover {
        background: #eeeeee;
        cursor: pointer
    }

    .bootstrap-datetimepicker-widget table td.old,
    .bootstrap-datetimepicker-widget table td.new {
        color: #777777
    }

    .bootstrap-datetimepicker-widget table td.today {
        position: relative
    }

    .bootstrap-datetimepicker-widget table td.today:before {
        content: '';
        display: inline-block;
        border: solid transparent;
        border-width: 0 0 7px 7px;
        border-bottom-color: #337ab7;
        border-top-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 4px;
        right: 4px
    }

    .bootstrap-datetimepicker-widget table td.active,
    .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #337ab7;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
    }

    .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #fff
    }

    .bootstrap-datetimepicker-widget table td.disabled,
    .bootstrap-datetimepicker-widget table td.disabled:hover {
        background: none;
        color: #777777;
        cursor: not-allowed
    }

    .bootstrap-datetimepicker-widget table td span {
        display: inline-block;
        width: 54px;
        height: 54px;
        line-height: 54px;
        margin: 2px 1.5px;
        cursor: pointer;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget table td span:hover {
        background: #eeeeee
    }

    .bootstrap-datetimepicker-widget table td span.active {
        background-color: #337ab7;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
    }

    .bootstrap-datetimepicker-widget table td span.old {
        color: #777777
    }

    .bootstrap-datetimepicker-widget table td span.disabled,
    .bootstrap-datetimepicker-widget table td span.disabled:hover {
        background: none;
        color: #777777;
        cursor: not-allowed
    }

    .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
        height: 27px;
        line-height: 27px
    }

    .bootstrap-datetimepicker-widget.wider {
        width: 21em
    }

    .bootstrap-datetimepicker-widget .datepicker-decades .decade {
        line-height: 1.8em !important
    }

    .input-group.date .input-group-addon {
        cursor: pointer
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0
    }


    ._2FDQ1N9yE4KkbZND3c12NB .modal-dialog {
        margin-top: 100px
    }

    ._2FDQ1N9yE4KkbZND3c12NB .modal-content {
        background: none;
        border: none;
        box-shadow: none
    }

    .UFBr3JB_WA8DWhsPKGflu {
        position: relative;
        margin: 0 auto 20px;
        width: 400px;
        height: 440px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/186e82a4545fbb8cdf3d602c3f777928.png)
    }

    .UFBr3JB_WA8DWhsPKGflu.jaKTPXxo1HaJbh51U_dlR {
        height: 356px;
        margin-bottom: 40px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2f46bef9da0a198210bc223a440ee7d7.png)
    }

    .UFBr3JB_WA8DWhsPKGflu._2liJoTBhq1wQcY-gpHg_gs {
        height: 310px;
        margin-bottom: 40px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f1adb6cc21bea15c735ac12ea9586a24.png)
    }

    .UFBr3JB_WA8DWhsPKGflu>span {
        position: absolute;
        top: -30px;
        right: -40px;
        width: 30px;
        height: 30px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/008e4ca48db4a6bcdb0f276c385d633d.png);
        cursor: pointer
    }

    .UFBr3JB_WA8DWhsPKGflu>h3 {
        margin: 0;
        height: 50px;
        color: #1a1a1a;
        line-height: 50px;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.25)
    }

    .UFBr3JB_WA8DWhsPKGflu>h1 {
        margin: 14px 0 6px;
        height: 84px
    }

    .UFBr3JB_WA8DWhsPKGflu>h1 img {
        max-height: 100%
    }

    ._36RBMaKTHTpscn3kGKrxjP>._2VIi0uhSHo-TjjZibjAlXk {
        font-size: 12px
    }

    ._36RBMaKTHTpscn3kGKrxjP form {
        width: 320px;
        margin: 0 auto
    }

    ._36RBMaKTHTpscn3kGKrxjP input {
        width: 320px;
        height: 40px;
        padding-left: 35px;
        margin-bottom: 9px;
        color: #5e4a49;
        font-size: 14px;
        line-height: 40px;
        background: #fff no-repeat 8px center;
        border: none;
        border-radius: 3px
    }

    ._36RBMaKTHTpscn3kGKrxjP input::-moz-placeholder {
        color: #5e4a49
    }

    ._36RBMaKTHTpscn3kGKrxjP input:-ms-input-placeholder {
        color: #5e4a49
    }

    ._36RBMaKTHTpscn3kGKrxjP input::-ms-input-placeholder {
        color: #5e4a49
    }

    ._36RBMaKTHTpscn3kGKrxjP input::placeholder {
        color: #5e4a49
    }

    ._36RBMaKTHTpscn3kGKrxjP button {
        width: 142px;
        height: 40px;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        background: #e4004f;
        border: none
    }

    ._36RBMaKTHTpscn3kGKrxjP button[disabled] {
        opacity: 0.7
    }

    ._36RBMaKTHTpscn3kGKrxjP button+._36RBMaKTHTpscn3kGKrxjP button {
        margin-left: 11px
    }

    ._36RBMaKTHTpscn3kGKrxjP button[type='reset'] {
        background: #666
    }

    ._36RBMaKTHTpscn3kGKrxjP gupw-captcha-box {
        display: block;
        position: relative
    }

    ._36RBMaKTHTpscn3kGKrxjP gupw-captcha-box input {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/909aebf67bfd265fd9f22852893d0716.png)
    }

    ._36RBMaKTHTpscn3kGKrxjP gupw-captcha-box img {
        position: absolute;
        top: 2px;
        right: 2px;
        height: 36px
    }

    ._1wU5a7sWf7uaUPJE91APPz {
        padding: 0;
        text-align: center
    }

    ._1wU5a7sWf7uaUPJE91APPz li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 90px;
        margin: 0 10px;
        padding-top: 85px;
        color: #fff
    }

    ._1wU5a7sWf7uaUPJE91APPz li:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/07af0ab0a9bf04ab50e5f719ba4b2648.png) no-repeat center top
    }

    ._1wU5a7sWf7uaUPJE91APPz li:hover:before {
        background-position-y: bottom
    }

    ._1wU5a7sWf7uaUPJE91APPz li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        background: no-repeat center top
    }

    ._1wU5a7sWf7uaUPJE91APPz li:nth-child(1):after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0c2b2c58d2214c6a796b30d14e605fbc.png)
    }

    ._1wU5a7sWf7uaUPJE91APPz li:nth-child(2):after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ec6ffd8dcbe653b4634bc69ffe81a5f0.png)
    }

    ._1wU5a7sWf7uaUPJE91APPz li:nth-child(3):after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fa9f2a78bd7948ab011e17e159d73aa9.png)
    }

    ._1wU5a7sWf7uaUPJE91APPz li:nth-child(4):after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/820ec19c055a70b9fdac1cb2efd10264.png)
    }

    ._1wU5a7sWf7uaUPJE91APPz li:nth-child(5):after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f4113f8b14f122ff0a5679680b2b71ca.png)
    }

    ._1wU5a7sWf7uaUPJE91APPz li:nth-child(6):after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0bcac116f0bc403351dc4c4256ff7db0.png)
    }

    ._1wU5a7sWf7uaUPJE91APPz li h6 {
        font-size: 16px
    }

    .en-us ._1wU5a7sWf7uaUPJE91APPz h6 {
        font-size: 14px
    }

    .th ._1wU5a7sWf7uaUPJE91APPz h6 {
        font-size: 14px
    }

    .vi ._1wU5a7sWf7uaUPJE91APPz h6 {
        font-size: 14px
    }

    .tl ._1wU5a7sWf7uaUPJE91APPz li {
        width: 110px;
        margin: 0 7px
    }

    .tl ._1wU5a7sWf7uaUPJE91APPz h6 {
        font-size: 14px
    }

    ._2K0GVFwvd8JM00Kkl6ICbG .modal-dialog {
        width: 560px
    }

    ._2K0GVFwvd8JM00Kkl6ICbG .panel {
        margin-bottom: 0
    }

    ._2iveNXbPhuz0QYf0SIqfAJ {
        position: relative;
        width: 35%
    }

    ._2iveNXbPhuz0QYf0SIqfAJ gupw-captcha-box input {
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #fff;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
    }

    ._2iveNXbPhuz0QYf0SIqfAJ gupw-captcha-box img {
        right: 17px;
        height: 30px
    }

    ._1_nKW4Lg8J2Q-_UBEaW2P4 {
        position: absolute;
        top: 0;
        right: 15px
    }


    ._1M8UeeUNQsZy4H6GAA2ah3 .modal-dialog {
        width: 914px;
        height: 819px;
        margin-top: 50px;
        font-family: Roboto;
        border-radius: 48px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/78ff1e7cc79433b548480ffd80a222bd.png) no-repeat;
        background-size: cover;
        background-position: center -300px
    }

    ._1M8UeeUNQsZy4H6GAA2ah3 .modal-content {
        background: none;
        border: none;
        box-shadow: none
    }

    ._2ZxfNIqB8ZGUvf62lMlRii {
        position: absolute;
        top: -16px;
        right: -16px;
        width: 32px;
        height: 32px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6a7a88e7a6926c5325fe94d62d24da94.png) no-repeat center top;
        z-index: 1;
        cursor: pointer
    }

    ._3FT0BCsJJkkR2bpzG5X5lt {
        margin: 0 auto;
        text-align: center
    }

    ._3FT0BCsJJkkR2bpzG5X5lt img {
        max-width: 250px;
        max-height: 100%
    }

    ._2ELlQAx8QGmVlwCqF__4t0 {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 401px;
        margin: 0 0 7px
    }

    ._2ELlQAx8QGmVlwCqF__4t0>div {
        color: #1f607d
    }

    ._2ELlQAx8QGmVlwCqF__4t0 h2 {
        margin: 0;
        font-size: 25px;
        font-weight: bold
    }

    ._2ELlQAx8QGmVlwCqF__4t0 p {
        margin: 0;
        font-size: 22.3px
    }

    ._3Xbd19SgfFHxMfpNX61Ekf {
        position: relative;
        padding: 17px 0 0 45px
    }

    ._3Xbd19SgfFHxMfpNX61Ekf .bootstrap-datetimepicker-widget {
        color: #000
    }

    ._3Xbd19SgfFHxMfpNX61Ekf [ng-click] {
        cursor: pointer
    }

    ._3jqXktvTialDzXUMLf4RzN {
        width: 100%;
        height: 454px;
        overflow: auto
    }


    ._2fMGqDLeVdueHNrY6jh1tZ .modal-dialog {
        width: 616px;
        margin-top: 50px;
        font-family: Roboto;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/78ff1e7cc79433b548480ffd80a222bd.png) no-repeat center top;
        border-radius: 48px;
        background-size: cover;
        background-position: center -300px
    }

    ._2fMGqDLeVdueHNrY6jh1tZ .modal-content {
        background: none;
        border: none;
        box-shadow: none
    }

    ._38xNbPhu8VneFOc5oh78Hr {
        position: absolute;
        top: -16px;
        right: -16px;
        width: 32px;
        height: 32px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6a7a88e7a6926c5325fe94d62d24da94.png) no-repeat center top;
        z-index: 1;
        cursor: pointer
    }

    .maagwmS6qLuFIDCpWszAE {
        margin: 0 auto;
        text-align: center
    }

    .maagwmS6qLuFIDCpWszAE img {
        max-width: 250px;
        max-height: 100%
    }

    ._1-wSTchHHY8uCL16CmNkVV {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 81px;
        margin: 44px 0 20px
    }

    ._1-wSTchHHY8uCL16CmNkVV>div {
        color: #1f607d
    }

    ._1-wSTchHHY8uCL16CmNkVV h2 {
        margin: 0;
        font-size: 20px;
        font-weight: bold
    }

    ._1-wSTchHHY8uCL16CmNkVV p {
        margin: 0;
        font-size: 20px
    }

    ._3N2lRww2b9eZP-F5fSS-Rq {
        position: relative;
        padding: 17px 52px 0;
        color: #000
    }

    ._3N2lRww2b9eZP-F5fSS-Rq [ng-click] {
        cursor: pointer
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form {
        display: block
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ._3kf2U2RqwnANN5VYWFRt8X {
        position: relative;
        height: 70px;
        margin: 0 auto 27px
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ._3kf2U2RqwnANN5VYWFRt8X>i:first-child {
        position: absolute;
        top: 50%;
        left: 25px;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ._3kf2U2RqwnANN5VYWFRt8X .icon-eye {
        right: 23px !important;
        color: #000 !important;
        font-size: 25px !important
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ._3kf2U2RqwnANN5VYWFRt8X gupw-captcha-login-box img {
        right: 15px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 52%
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form input {
        width: 100%;
        height: 100%;
        padding: 0 10px;
        padding-left: 75px;
        color: #000;
        font-size: 23px;
        font-weight: 300;
        border: none;
        border-radius: 68px;
        box-shadow: 0 5.4px 5.4px 0 rgba(0, 0, 0, 0.25);
        background-color: #fff;
        outline: none
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ::-moz-placeholder {
        color: #000
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form :-ms-input-placeholder {
        color: #000
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ::-ms-input-placeholder {
        color: #000
    }

    ._3N2lRww2b9eZP-F5fSS-Rq>form ::placeholder {
        color: #000
    }

    ._8VrraS1p156lJpMiJ-OYE {
        margin-bottom: 25px;
        color: #f00;
        font-size: 20px;
        text-align: center
    }

    ._1elJEDoklSJeZCRhRorPTp {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 62px;
        margin-bottom: 20px;
        line-height: 62px;
        color: #fff;
        font-size: 24px;
        font-weight: bold;
        border-radius: 50px;
        border: 0;
        background: #2d7699
    }

    ._9bnXfMkihh-5WLkU2jkxb {
        margin: 0;
        font-size: 16px;
        text-align: center
    }

    ._2CGcHh7CdjzsHTGBzVdbgc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 25px 0
    }

    ._2CGcHh7CdjzsHTGBzVdbgc a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 227px;
        height: 46px;
        color: #499bc3;
        font-size: 16px;
        font-weight: 500;
        line-height: 46px;
        border-radius: 21px;
        background-color: #c4ecff
    }

    ._2CGcHh7CdjzsHTGBzVdbgc a:hover {
        text-decoration: none
    }

    .cke {
        visibility: hidden;
    }

    .-XrqkevdgKslaYRvW4lgU {
        height: 320px;
        border-bottom: solid 20px #32b4e3;
        background: #fff no-repeat center top
    }

    .-XrqkevdgKslaYRvW4lgU.default {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c4cb3352188c75ac1466ad026e7be7ad.jpg)
    }

    .BDw45cKhOY5X-HJyc5_2C {
        position: relative;
        padding: 30px 0 140px;
        background: #fff
    }

    .BDw45cKhOY5X-HJyc5_2C ._1h0fCbtWimc44r9dNSenvs {
        position: relative;
        width: 1200px;
        margin: 0 auto
    }

    ._3V7APXh9XanItYU2YPW3te {
        min-width: 1200px;
        min-width: 1480px
    }

    ._17YaL0tgu4WWyMOdmcNnNJ {
        position: absolute;
        top: 50px;
        right: 0
    }

    ._1z3F5i3XuBrvCc-V_m88iH {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }

    ._1z3F5i3XuBrvCc-V_m88iH>li {
        width: 200px;
        height: 25px;
        margin-bottom: 5px;
        padding: 0 5px;
        color: #fff;
        font-size: 12px;
        line-height: 25px;
        background: #ee8301;
        border: 1px solid #d76b00
    }

    ._1z3F5i3XuBrvCc-V_m88iH>li>span._3hW01KzP-v1QtySdoBU-cj {
        display: inline-block;
        max-width: 6em;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top;
        overflow: hidden
    }

    ._1z3F5i3XuBrvCc-V_m88iH>li a {
        color: inherit
    }

    ._1z3F5i3XuBrvCc-V_m88iH>li a:hover {
        color: #ffd800
    }

    ._1z3F5i3XuBrvCc-V_m88iH>li button {
        padding: 0;
        color: #fff;
        font-size: 12px
    }

    ._1z3F5i3XuBrvCc-V_m88iH>li button:hover {
        color: #ffd800
    }

    ._2ry_KQABCxJvTn8YykoUUi {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: top;
        text-decoration: none;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/43dd02a4824c6ceb7fec4f6ff418c054.png) no-repeat
    }

    ._2ry_KQABCxJvTn8YykoUUi>span,
    ._2ry_KQABCxJvTn8YykoUUi>span:hover {
        position: absolute;
        left: 80%;
        bottom: 60%;
        min-width: 16px;
        padding: 0 2px;
        height: 16px;
        color: #000;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        border-radius: 5px;
        background: #fff47e
    }

    .paxHwvYiCG5_0Iv5qw8Ir {
        display: inline-block;
        vertical-align: top
    }

    .LfmZk1N5KEprMuxyWe958 {
        display: block;
        width: 70px;
        height: 25px;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 25px;
        text-decoration: none;
        text-align: center;
        color: #f21c52;
        background: #fff;
        border: 1px solid #f21c52
    }

    .LfmZk1N5KEprMuxyWe958:hover {
        color: #f21c52
    }

    ._12zolD2xqAUnF3oxfKBUuD {
        display: block;
        width: 70px;
        height: 25px;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 25px;
        text-decoration: none;
        text-align: center;
        padding: 0;
        color: #fff;
        background: #c03;
        border: 1px solid #c03
    }

    ._12zolD2xqAUnF3oxfKBUuD:hover {
        color: #fff;
        background: #f21c52;
        border: 1px solid #f21c52
    }


    .zSRAtCgVy3t6W2i1YnXUm {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    ._2nzvTmf6K816YHF2Ex9dE0 {
        min-width: 150px;
        height: 28px;
        margin-right: 10px;
        color: #fff;
        font-size: 12px;
        border: none;
        border-radius: 7px;
        background-color: #4c9bb6
    }

    ._2pgWcte96LWeLJIJSxtBYd {
        width: 28px;
        height: 28px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #fff;
        border-radius: 7px;
        background: transparent
    }

    ._2pgWcte96LWeLJIJSxtBYd i {
        display: inline-block;
        vertical-align: middle
    }

    ._2pgWcte96LWeLJIJSxtBYd ._1tHeoGTbTSzcSWwSa8c6Nb {
        width: 10px;
        height: 7px;
        transition: 0.3s;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/03107e220d66c9059dbf3216341724b7.png)
    }

    ._2pgWcte96LWeLJIJSxtBYd .active {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    ._1MQUFEv5nMjLr3lpBSzNZw {
        padding: 0;
        margin: 0;
        font-size: 14px;
        list-style: none
    }

    ._1MQUFEv5nMjLr3lpBSzNZw>li {
        display: inline-block;
        margin: 0 20px 0 0;
        color: #1c1b1b
    }

    ._1MQUFEv5nMjLr3lpBSzNZw>li>span._3lymj_9N-oJ2lPh20o6tzf,
    ._1MQUFEv5nMjLr3lpBSzNZw>li span._2rNU95ty4UDcSz7mHIzdbG {
        display: inline-block;
        max-width: 5em;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: top;
        overflow: hidden;
        color: #1c1b1b
    }

    ._1MQUFEv5nMjLr3lpBSzNZw>li>span._2rNU95ty4UDcSz7mHIzdbG {
        color: #fff
    }

    ._1MQUFEv5nMjLr3lpBSzNZw>li button {
        padding: 0;
        color: #fff;
        font-size: 12px
    }

    ._1_C5B74ifan6TN0Qu5DRDU {
        position: absolute;
        top: 40px;
        right: 3px;
        width: 180px;
        height: auto;
        z-index: 2;
        font-size: 12px;
        background-color: #fff;
        border: none;
        border-radius: 6px
    }

    ._2rSrTaqe8BT5mI2r3F5J2g {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        overflow: hidden
    }

    ._2rSrTaqe8BT5mI2r3F5J2g>li {
        position: relative;
        color: #2a225b;
        line-height: 35px
    }

    ._2rSrTaqe8BT5mI2r3F5J2g>li::before {
        content: '';
        position: absolute;
        left: 20px;
        top: 15px;
        width: 5px;
        height: 5px;
        background: #2a225b;
        border-radius: 50px
    }

    ._2rSrTaqe8BT5mI2r3F5J2g>li>a {
        display: block;
        padding-left: 40px;
        color: inherit;
        text-decoration: none
    }

    ._2rSrTaqe8BT5mI2r3F5J2g>li:hover:before {
        background: #ff5d08
    }

    ._2rSrTaqe8BT5mI2r3F5J2g>li:hover a {
        color: #ff5d08
    }

    ._3oLYCzsjzUJEx8TWar8j7i {
        position: relative;
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: top;
        text-decoration: none;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/43dd02a4824c6ceb7fec4f6ff418c054.png) no-repeat
    }

    ._3oLYCzsjzUJEx8TWar8j7i>span,
    ._3oLYCzsjzUJEx8TWar8j7i>span:hover {
        position: absolute;
        left: 80%;
        bottom: 60%;
        min-width: 16px;
        padding: 0 2px;
        height: 16px;
        color: #000;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        border-radius: 5px;
        background: #fff47e
    }

    ._1TEhFF5lWfbkg-wGKQap0W {
        position: relative;
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0;
        padding-left: 40px;
        color: #2a225b;
        font-size: 12px;
        text-align: left;
        border: none
    }

    ._1TEhFF5lWfbkg-wGKQap0W:hover {
        color: #ff5d08;
        text-decoration: none
    }

    ._1TEhFF5lWfbkg-wGKQap0W:hover::before {
        background-position: center bottom
    }

    ._1TEhFF5lWfbkg-wGKQap0W::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
        margin-left: -25px;
        margin-right: 10px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/38630cac26ee64d4879fb92b99138c0c.png) center top
    }


    ._3uti0-HlKL5993-6Is1Ezb {
        text-align: center
    }

    ._3uti0-HlKL5993-6Is1Ezb>ul {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        text-align: left
    }

    ._3uti0-HlKL5993-6Is1Ezb>ul>li {
        display: inline-block;
        line-height: 20px
    }

    ._3uti0-HlKL5993-6Is1Ezb>ul>li+li:before {
        content: "|";
        color: #fff
    }

    ._3uti0-HlKL5993-6Is1Ezb>ul>li>a {
        display: inline-block;
        padding: 0 5px;
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        cursor: pointer
    }

    ._3uti0-HlKL5993-6Is1Ezb>ul>li:hover>a {
        color: #ff6
    }

    ._3uSmdS4tEsnu5T66nIOVC1 {
        position: absolute;
        top: 2px;
        right: 2px;
        width: auto;
        height: 19px
    }

    .dVSNlKsQ1qaz1uSto7bNM {
        position: absolute;
        top: 2px;
        right: 2px;
        width: auto;
        height: 88%
    }


    ._3MSK6A03OPsM8LoNU-b9qF {
        position: absolute;
        top: 0;
        right: 15px;
        width: auto;
        height: 100%
    }


    .t2dpGFnx3auF6pcm5JoIJ {
        position: relative
    }


    .pUk9b12uOGKg24-PcmJWk {
        position: relative;
        width: 1200px;
        margin: 0 auto
    }

    .HYHQ7RYC1BDlO1amTeHE9 {
        font-family: Roboto;
        background: linear-gradient(180deg, #fff -8.86%, #f8fdff 26.68%, #6bb0c8 190.73%)
    }

    ._39EtgGfulqPdGss0OAWO7N {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #4c9bb6
    }

    ._39EtgGfulqPdGss0OAWO7N ul li {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-weight: 500
    }

    ._39EtgGfulqPdGss0OAWO7N ul li+li {
        border-top: 1px solid #4c9bb6
    }

    ._39EtgGfulqPdGss0OAWO7N ul li a {
        color: #4993ac;
        text-decoration: none;
        transition: all 0.5s
    }

    ._39EtgGfulqPdGss0OAWO7N ul li a:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 14px;
        height: 14px;
        margin-right: 8px;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9f970bbb0f9d92725c74555084591648.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9f970bbb0f9d92725c74555084591648.svg) no-repeat center;
        background-color: #4993ac
    }

    ._39EtgGfulqPdGss0OAWO7N ul li a:hover {
        padding-left: 10px;
        color: #ff955e;
        text-decoration: none
    }

    ._39EtgGfulqPdGss0OAWO7N ul li a:hover:before {
        background-color: #ff955e
    }

    ._2nbcEJoQ-ZfT7ZkunleqMr {
        line-height: 32px;
        margin-bottom: 5px;
        font-size: 27px;
        font-weight: bold
    }

    ._2nbcEJoQ-ZfT7ZkunleqMr i {
        display: inline-block;
        vertical-align: middle;
        background-color: #4c9bb6
    }

    ._2nbcEJoQ-ZfT7ZkunleqMr span {
        vertical-align: middle
    }

    ._2cV2GIFBHPavzDfbYj-HqS {
        display: block;
        margin-top: 2px;
        margin-bottom: 7px;
        font-size: 22px
    }

    ._3fn0NDy38Eyc-Mi1g5yQSC ul {
        width: 205px
    }

    ._3fn0NDy38Eyc-Mi1g5yQSC ._2nbcEJoQ-ZfT7ZkunleqMr i {
        content: '';
        width: 20px;
        height: 22px;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/da563db79f22cf570bc4079956751771.svg) no-repeat center/contain;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/da563db79f22cf570bc4079956751771.svg) no-repeat center/contain
    }

    .QABrzttMdHkFQzqqs994s ._2nbcEJoQ-ZfT7ZkunleqMr i {
        content: '';
        width: 20px;
        height: 20px;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e7cc4645c6c78cb73e60990eca8cae2b.svg) no-repeat center/contain;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e7cc4645c6c78cb73e60990eca8cae2b.svg) no-repeat center/contain
    }

    .nEaugXPik5BmpdM28Ug6n {
        position: relative;
        display: block;
        width: 250px;
        height: 103px;
        margin: 0 0 10px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2f5bcc3a45253a364b917482893f52f9.png) no-repeat center top/contain
    }

    .nEaugXPik5BmpdM28Ug6n>a {
        display: block;
        height: 100%
    }

    ._30HYT2iK08KPDwm-QY5zlF {
        width: 250px;
        font-size: 19px;
        text-align: justify
    }

    ._5zK63Tf4YoFeota9crdQI ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        margin: 3ch auto;
        padding-left: 0
    }

    ._5zK63Tf4YoFeota9crdQI ul li {
        list-style: none
    }

    ._5zK63Tf4YoFeota9crdQI ul li:hover img {
        -o-object-position: bottom;
        object-position: bottom
    }

    ._5zK63Tf4YoFeota9crdQI ul li img {
        height: 43px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top
    }

    ._3nUN1yRpiSS8rzpc02MiUL {
        margin-top: 20px;
        padding-bottom: 16px;
        color: #4c9bb6;
        font-size: 20px;
        text-align: center
    }


    .XLQ5t2iLMR_ZFgXM5qTwC {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        padding: 0px 15px;
        list-style: none
    }

    .XLQ5t2iLMR_ZFgXM5qTwC li {
        display: inline-block;
        position: relative;
        margin: 10px 8px 0;
        width: 60px;
        height: 60px
    }

    .XLQ5t2iLMR_ZFgXM5qTwC .EnaxpydarjU_IvN1aoomz {
        line-height: 60px
    }

    .XLQ5t2iLMR_ZFgXM5qTwC .EnaxpydarjU_IvN1aoomz:before {
        content: "No data";
        display: inline-block;
        width: 60px;
        line-height: 60px
    }

    .XLQ5t2iLMR_ZFgXM5qTwC .slick-track {
        margin: 0
    }

    .XLQ5t2iLMR_ZFgXM5qTwC .slick-list {
        top: -20px;
        padding-top: 20px
    }

    .XLQ5t2iLMR_ZFgXM5qTwC .slick-prev {
        left: -2px
    }

    ._3-aUPeTH2ZgzUlJA6_sPA- img {
        width: 60px;
        height: 60px
    }

    ._3-aUPeTH2ZgzUlJA6_sPA- div {
        display: none;
        position: absolute;
        top: -31px;
        left: -5px;
        padding-top: 2px;
        width: 70px;
        height: 29px;
        text-align: center;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/70179082311021c0ef4df2ad477ae846.png) no-repeat
    }

    ._3-aUPeTH2ZgzUlJA6_sPA-:hover div {
        display: block
    }

    .zh-cn .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz {
        line-height: 60px
    }

    .zh-cn .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz:before {
        content: "No history"
    }

    .zh-tw .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz {
        line-height: 60px
    }

    .zh-tw .XLQ5t2iLMR_ZFgXM5qTwC li .EnaxpydarjU_IvN1aoomz:before {
        content: "No history"
    }


    .y-wCQlyIw0OEEXBA8WCV0 {
        position: fixed;
        bottom: -77px;
        left: 0;
        z-index: 9999;
        width: 100%;
        height: 77px;
        background: #000;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        transition: bottom 0.4s
    }

    .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        position: relative;
        width: 1000px;
        margin: 0 auto;
        padding-left: 90px;
        height: 77px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b2e4243090ffcb2acd67f99e62a201ce.png) no-repeat 20px 15px
    }

    .y-wCQlyIw0OEEXBA8WCV0.open {
        bottom: 0
    }

    .y-wCQlyIw0OEEXBA8WCV0 ._1VsGKOYU8ObUSYk7R1J5Nx,
    .y-wCQlyIw0OEEXBA8WCV0 ._2Qo8KCyOGix74HE3-8kxZf {
        position: absolute;
        top: -24px;
        left: 0;
        width: 150px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/58d67bf46b79149e657aac2735b3a144.png) no-repeat
    }

    .y-wCQlyIw0OEEXBA8WCV0 ._1VsGKOYU8ObUSYk7R1J5Nx:after,
    .y-wCQlyIw0OEEXBA8WCV0 ._2Qo8KCyOGix74HE3-8kxZf:after {
        content: '';
        display: inline-block;
        margin-left: 5px;
        width: 7px;
        height: 8px
    }

    .y-wCQlyIw0OEEXBA8WCV0 ._1VsGKOYU8ObUSYk7R1J5Nx:after {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5af770646115ffaf51268e58b0a3aa86.png) no-repeat
    }

    .y-wCQlyIw0OEEXBA8WCV0 ._2Qo8KCyOGix74HE3-8kxZf:after {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c6b20f9a5b832c4b9863d8f06c522186.png) no-repeat
    }

    .y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li {
        display: inline-block;
        position: relative;
        margin: 10px 8px 0;
        width: 60px;
        height: 60px
    }

    .y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li.non-data {
        line-height: 60px
    }

    .y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li img {
        width: 60px;
        height: 60px
    }

    .y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li div {
        display: none;
        position: absolute;
        top: -31px;
        left: -5px;
        padding-top: 2px;
        width: 70px;
        height: 29px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/70179082311021c0ef4df2ad477ae846.png) no-repeat
    }

    .y-wCQlyIw0OEEXBA8WCV0 gupw-game-history-slot li:hover div {
        display: block
    }

    .zh-cn .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2f49dc1b0bc5e7f9c549dccf91f577d8.png) no-repeat 20px 15px
    }

    .zh-tw .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2f49dc1b0bc5e7f9c549dccf91f577d8.png) no-repeat 20px 15px
    }

    .vi .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/39991dda89780a353e65efde0e66c178.png) no-repeat 20px 15px
    }

    .th .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b0bf8b7f501ea8bd1cdfe12d264cd7c3.png) no-repeat 20px 15px
    }

    .id-id .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b0bf8b7f501ea8bd1cdfe12d264cd7c3.png) no-repeat 20px 15px
    }

    .tl .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/cd4b6e2b128143acf3b1af706ab2f032.png) no-repeat 20px 15px
    }

    .es .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/39b4f8a31dc71d14e9a60e25baa8cc40.png) no-repeat 20px 15px
    }

    .pt .y-wCQlyIw0OEEXBA8WCV0 ._1ZxWg9_FBmwP0hwONnZGHN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4c17daf2be72b4d60ba9dfab37a4abc9.png) no-repeat 20px 15px
    }

    ._3vHaytPTEUCSbrofAXU7Cb {
        position: relative;
        font-size: 0
    }

    .TFkX-2VIsaFZW7t64YI07 {
        position: relative;
        width: 1500px;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        width: 1420px --height: 100%
    }

    .dM4IN4vP0qOz6g1PSzWml {
        position: relative;
        height: 90px;
        background: linear-gradient(to top, #154283, #0f305b)
    }

    ._1vpb319UOYFbBhp4y5JgA- {
        background: linear-gradient(90deg, #fff 0%, #4c9bb6 13.05%, #4c9bb6 50.1%, #4c9bb6 86.93%, #fff 100%)
    }

    ._3dDTcIbMuSFyJeAPwLDBe2 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 229px;
        height: 75px;
        margin: 0 10px 0 0;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9aeeb2ca26f00a80e78cc422d3cd68c0.png) no-repeat;
        background-size: contain
    }

    ._3dDTcIbMuSFyJeAPwLDBe2>a {
        display: block;
        height: 100%
    }

    ._1ksYzsEKvS31JEo2b6qucT {
        font-size: 16px;
        color: #4c9bb6;
        font-weight: bold
    }

    .Rn_gRU5eCS1c_8asbKpT1 {
        position: absolute;
        right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .XHBKId8UUI4X-RJ2-t7aR button {
        width: 130px;
        height: 35px;
        margin-left: 5px;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        border-radius: 17px;
        border: none;
        background: linear-gradient(to top, #357e9f, #6bb0c8);
        text-transform: uppercase
    }

    .XHBKId8UUI4X-RJ2-t7aR button:first-child {
        margin-left: 0
    }

    .XHBKId8UUI4X-RJ2-t7aR button:hover {
        background: linear-gradient(to top, #ff5d08, #ff955e)
    }

    ._1UJWRJQkj0uK75R9V6wv77 {
        position: absolute;
        bottom: -22px;
        right: 100px;
        font-size: 12px;
        color: #fff
    }

    ._1RwNJMZ3OC9_ULgXAMisWc {
        position: relative;
        width: 35px;
        height: 35px;
        margin-right: 7px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/940e071c7f7f2883a3dccb164277d63e.png) no-repeat;
        background-size: contain;
        border: none
    }

    ._1RwNJMZ3OC9_ULgXAMisWc:after {
        content: 'Bạn cần hỗ trợ ?';
        position: absolute;
        right: 0;
        bottom: -100%;
        width: 141px;
        height: 30px;
        line-height: 30px;
        color: #f00;
        font-size: 14px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/27d37a5666a238e532a4e25cdce24141.png) no-repeat;
        -webkit-animation: _2iOJKxoSroOEQZRVChIJDC 6s infinite;
        animation: _2iOJKxoSroOEQZRVChIJDC 6s infinite
    }

    @-webkit-keyframes _2iOJKxoSroOEQZRVChIJDC {
        0% {
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @keyframes _2iOJKxoSroOEQZRVChIJDC {
        0% {
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }


    .R9Da_v7M0sS6DXJ-oZKc0 .modal-dialog {
        margin-top: 7%;
        width: 1000px
    }

    ._3cZ2d7uf4_PfLnWL3EKxjq {
        color: #fff;
        background-color: #1a5c79;
        background: #6bb0c8;
        text-align: center;
        word-break: break-all;
        padding: 0;
        border-bottom: none
    }

    ._3cZ2d7uf4_PfLnWL3EKxjq .LontGgfOQd_EQ9yzzTW4X {
        position: absolute;
        right: 0;
        top: -25px;
        color: #fff
    }

    ._3cZ2d7uf4_PfLnWL3EKxjq .NeZ7Pl0pLoVSxerQ9WwIc {
        font-size: 18px;
        font-weight: bold;
        line-height: 34px
    }

    ._3cZ2d7uf4_PfLnWL3EKxjq>button {
        position: absolute;
        right: 0;
        color: #fff
    }

    ._3Cf2xFpub42pgmBTeO0J2B {
        height: 560px;
        padding: 0;
        display: -ms-flexbox;
        display: flex
    }

    ._3Cf2xFpub42pgmBTeO0J2B>section {
        height: 560px
    }

    ._3Cf2xFpub42pgmBTeO0J2B>section::-webkit-scrollbar {
        width: 10px;
        height: 3px
    }

    ._3Cf2xFpub42pgmBTeO0J2B>section::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #535353;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)
    }

    ._3Cf2xFpub42pgmBTeO0J2B>section::-webkit-scrollbar-track {
        border-radius: 10px;
        background: #ededed;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)
    }

    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 {
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
        border-right: 1px solid #d6d6d6;
        overflow-y: auto;
        overflow-x: hidden
    }

    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul {
        width: 100%;
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }

    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li {
        width: 100%;
        height: 50px;
        padding: 0 12px;
        color: #000;
        line-height: 49px;
        border-bottom: 1px solid #ccc;
        cursor: pointer
    }

    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li i:first-child {
        color: #f00
    }

    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li span {
        display: inline-block;
        width: 80%;
        vertical-align: top;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li:hover,
    ._3Cf2xFpub42pgmBTeO0J2B .i8mtRWrUnTGcMgSK5xVq6 ul li.active {
        color: #fff;
        background-color: #1a5c79;
        background: #6bb0c8
    }

    ._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz {
        -ms-flex: 3;
        flex: 3;
        padding-left: 5px;
        background-color: #fff;
        overflow: auto
    }

    ._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz img {
        max-width: 100%;
        height: auto;
        vertical-align: top
    }

    ._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz ul {
        display: block;
        margin: 1em 0;
        padding-left: 40px;
        list-style: disc
    }

    ._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz ol {
        display: block;
        margin: 1em 0;
        padding-left: 40px;
        list-style: decimal
    }

    ._3Cf2xFpub42pgmBTeO0J2B ._3n-aK193YopR5t5N9FpRKz a {
        color: inherit
    }

    ._3I43i4hseT0RF5tMBttAek {
        color: #fff;
        background-color: #1a5c79;
        background: #6bb0c8;
        height: 10px;
        border-radius: 0 0 4px 4px;
        border-top: none
    }


    .M0RLBhDgSoQFqxO29GIML {
        position: relative;
        left: -100px;
        width: 800px;
        max-height: 620px;
        background-color: #fff;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg);
        border-radius: 5px;
        cursor: default
    }

    .M0RLBhDgSoQFqxO29GIML .Rn3ih1l6ZrhPkhTDA5g6O {
        text-align: center;
        background-color: #e9e9e9;
        border-bottom: 1px solid #ccc;
        border-radius: 5px 5px 0 0
    }

    .M0RLBhDgSoQFqxO29GIML .Rn3ih1l6ZrhPkhTDA5g6O>h2 {
        margin: 0;
        color: #4c9bb6;
        font-size: 21px;
        line-height: 60px
    }

    .M0RLBhDgSoQFqxO29GIML ul {
        display: inline-block;
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 10px 50px;
        max-height: 500px;
        overflow: auto
    }

    .M0RLBhDgSoQFqxO29GIML ul>li {
        color: #454545;
        font-size: 13px;
        line-height: 27px;
        list-style: disc;
        white-space: pre-line;
        border-bottom: 1px dashed #999
    }

    .M0RLBhDgSoQFqxO29GIML ._9PbX_LFgnXvcTnC_3cq6B {
        text-align: center;
        line-height: 80px;
        background-color: #e9e9e9;
        background-size: 100% 8px;
        background-repeat: no-repeat;
        border-top: 1px solid #ccc;
        border-radius: 0 0 5px 5px
    }

    .M0RLBhDgSoQFqxO29GIML ._9PbX_LFgnXvcTnC_3cq6B>span {
        display: inline-block;
        width: 119px;
        font-size: 15px;
        font-weight: bolder;
        line-height: 45.5px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/eec4add93f430d9155ce6f857e8edbde.png);
        cursor: pointer
    }

    .M0RLBhDgSoQFqxO29GIML ._9PbX_LFgnXvcTnC_3cq6B>span:hover {
        background-position: 0 -45.5px
    }


    .mxfcGeSB-UjC0cWQOBhgU {
        position: relative;
        z-index: 1;
        height: 33px
    }

    ._1Mc-VetRJFROxV9v9-NPMp {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        height: 33px;
        padding-left: 122px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/158f1a90e17ca1c188df10a9b683ebc7.png) no-repeat left center;
        border-bottom: 1px solid #ffd470
    }

    ._1XteQIZIp4zsIAe1M6sN2- {
        display: none
    }

    ._2v6b9kipfKg7fJsQCg0rhN {
        white-space: nowrap;
        overflow: hidden
    }

    ._2v6b9kipfKg7fJsQCg0rhN li {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        color: #565656;
        font-size: 14px;
        text-decoration: none;
        line-height: 32px
    }

    ._2v6b9kipfKg7fJsQCg0rhN li:hover {
        text-decoration: underline
    }

    ._8eXCc-6rohBOrETYUAIQv {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }


    .Hra33TxtHu1C-vZkxSDi7 {
        height: 34px;
        z-index: 1;
        background-color: #000
    }

    ._2f-DvVLvelwJOC7_a45SIc {
        position: relative;
        width: 1480px;
        height: 34px;
        margin: 0 auto
    }

    ._1HKJOEgSu0SSPbgkWjI0rQ {
        line-height: 34px;
        font-size: 0
    }

    ._1HKJOEgSu0SSPbgkWjI0rQ::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 30px;
        margin-right: 10px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8df6b595d5056be7235fc44264673473.png) no-repeat center
    }

    .W9N3001mLDTkKCM5ar8j9 {
        position: absolute;
        top: 0;
        left: 50px;
        width: 1100px;
        white-space: nowrap;
        overflow: hidden
    }

    .W9N3001mLDTkKCM5ar8j9 li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
        color: #fff;
        font-size: 16px;
        text-decoration: none;
        line-height: 34px
    }

    .W9N3001mLDTkKCM5ar8j9 li:hover {
        text-decoration: underline
    }

    ._3O7S0w3esoWg5PVs5ZLUi2 {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }


    .CrZ_aHarxMyGu1ovki35I {
        position: relative;
        z-index: 1;
        height: 33px
    }

    ._3dttEpJDOYj8iAwEDyGddf {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        height: 33px;
        padding-left: 122px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/158f1a90e17ca1c188df10a9b683ebc7.png) no-repeat left center;
        border-bottom: 1px solid #ffd470
    }

    ._1gdCl6_fBZFbBBzwr1wUgi {
        display: none
    }

    ._3n-tqnf9E07yM14Q9QZwVn {
        overflow: hidden
    }

    ._3n-tqnf9E07yM14Q9QZwVn>div {
        height: 32px
    }

    ._3n-tqnf9E07yM14Q9QZwVn li {
        display: inline-block;
        vertical-align: top;
        margin: 0 5px;
        color: #565656;
        font-size: 14px;
        text-decoration: none;
        line-height: 32px
    }

    ._3n-tqnf9E07yM14Q9QZwVn li:hover {
        text-decoration: underline
    }

    ._3VGCU4ybj8pjPA5EwwTw3Q {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }


    .JbIXBqZtLPjnaa1bGmPFx {
        text-align: right
    }

    .JbIXBqZtLPjnaa1bGmPFx>form {
        position: relative;
        display: inline-block
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input {
        vertical-align: middle;
        width: 165px;
        height: 33px;
        padding: 0 3px 0 30px;
        margin-left: 5px;
        color: #797979;
        font-size: 12px;
        background: #fff url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2fe9f92ec60a3ad4b6d367273c42cbac.png) no-repeat 10px center;
        border: 1px solid #d6d6d6;
        box-shadow: inset 2.5px 1.5px 4px 0px rgba(40, 40, 40, 0.34)
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input._3BDW1Ob6N-qPat4VHjgkK9 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/236f512f8432a3b78e4d2902ba5d4ba3.png)
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input._1taLYFzLTadho3dUKc4ud- {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/875e7f7f5f36b4aa6d56c81c93a3981a.png)
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input::-moz-placeholder {
        color: #797979
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input:-ms-input-placeholder {
        color: #797979
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input::-ms-input-placeholder {
        color: #797979
    }

    .JbIXBqZtLPjnaa1bGmPFx>form input::placeholder {
        color: #797979
    }

    .JbIXBqZtLPjnaa1bGmPFx>form>._3tNe87SuiFThlh5UaZjkrW {
        vertical-align: middle;
        width: 90px;
        height: 33px;
        color: #fff;
        font-size: 15px;
        border: none;
        background-position: center top
    }

    .JbIXBqZtLPjnaa1bGmPFx>form>._3tNe87SuiFThlh5UaZjkrW:hover {
        background-position-y: bottom
    }

    ._2QDJnCM6HaI7ygyN4T0FNN {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/80a4e8dc18c56e8cd83401afadf6b450.png)
    }

    .nvduV2GhSZMNp7lZvcUDm {
        margin-left: 4px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3fb37924fc4702f561931d82193d8355.png)
    }

    .mTJn-dYHwKzL0bE2o9Tpw {
        color: #f00;
        font-size: 12px
    }

    .EJZ5Zg2KkoVf5TDaurKNd,
    .Hs4mIA2_iwF8XOfDpDRct {
        position: relative;
        display: inline-block
    }

    ._1XhTR-5t_YNwHt7VKPZ3WV {
        position: absolute;
        top: 100%;
        right: 6px;
        z-index: 1;
        padding: 2px 5px;
        font-size: 12px;
        color: #fff;
        background-color: #f21c52
    }

    ._1XhTR-5t_YNwHt7VKPZ3WV.ng-hide-add {
        -webkit-animation: fadeOut 1s;
        animation: fadeOut 1s
    }

    ._1XhTR-5t_YNwHt7VKPZ3WV.ng-hide-remove {
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s
    }

    ._1XhTR-5t_YNwHt7VKPZ3WV button {
        padding: 0;
        border: 0;
        font-size: 12px;
        color: #fff
    }

    ._1XhTR-5t_YNwHt7VKPZ3WV button:hover {
        color: #fff
    }


    ._1LR_WrgPHZ7xtDZ9uR0R3z {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        overflow: hidden
    }

    ._1LR_WrgPHZ7xtDZ9uR0R3z>img,
    ._1LR_WrgPHZ7xtDZ9uR0R3z>video {
        height: 100%;
        width: 100%;
        pointer-events: none
    }

    ._1LR_WrgPHZ7xtDZ9uR0R3z>video {
        position: relative;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -o-object-fit: cover;
        object-fit: cover
    }


    ._4GFFQME3VxQOLaxRzBxeQ>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 1420px;
        margin: 0;
        padding: 0;
        list-style: none
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li {
        position: relative;
        height: 44px;
        padding: 0 8px;
        color: #fff;
        font-size: 14px;
        cursor: pointer
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li:hover {
        background: #ff955e
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li:hover ._2xvnAce2IF0yzYHRGAlbG8 {
        visibility: visible
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li>a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        color: inherit;
        text-decoration: none;
        text-transform: uppercase
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li i {
        display: inline-block;
        width: 25px;
        height: 25px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li i.NhTfd_SPsKfEWzPIfyr-E {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c66796ecfd5077a49e1032cb80fce699.png)
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li i._16BHPDoJUyLVkBArwMZ3IU {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2692d5add0e6f65cf27609ee1f51c2aa.png)
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li i._2TOcnn0jCLVrSmJdYUOReJ {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0d4213a109e3069677e5d09308f9a23f.png)
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li i._2ien5Fg_CD769wv-MCRaTa {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/cb3ad1d22ca87d464c5aea66d7c2d975.png)
    }

    ._4GFFQME3VxQOLaxRzBxeQ>ul>li span {
        white-space: nowrap
    }

    ._2xvnAce2IF0yzYHRGAlbG8 {
        position: absolute;
        top: 100%;
        z-index: 3;
        color: #fff;
        border: 1px solid #32b4e3;
        visibility: hidden;
        white-space: nowrap
    }

    ._2xvnAce2IF0yzYHRGAlbG8::before {
        content: '';
        position: absolute;
        top: -5px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 3.5px 5px 3.5px;
        border-color: transparent transparent #32b4e3 transparent
    }

    ._2xvnAce2IF0yzYHRGAlbG8::after {
        content: '';
        position: absolute;
        top: -15px;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 150px;
        height: 15px
    }

    ._2xvnAce2IF0yzYHRGAlbG8 ol {
        display: inline-block;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        background: #010d23
    }

    ._2xvnAce2IF0yzYHRGAlbG8 li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: left;
        justify-content: left;
        padding: 0 15px;
        min-width: 100px;
        font-size: 12px;
        line-height: 30px
    }

    ._2xvnAce2IF0yzYHRGAlbG8 li+li {
        border-top: 1px dotted #666
    }

    ._2xvnAce2IF0yzYHRGAlbG8 li a {
        display: block;
        height: 100%;
        color: inherit;
        text-decoration: none;
        cursor: pointer
    }

    ._2xvnAce2IF0yzYHRGAlbG8 li a img {
        width: 20px;
        height: 20px
    }

    ._2xvnAce2IF0yzYHRGAlbG8 li:hover {
        background: #2d7699
    }


    ._1KcZTRVH1zeDm3EMJYlPfK {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        margin: 0 7px
    }

    ._1KcZTRVH1zeDm3EMJYlPfK>div,
    ._1KcZTRVH1zeDm3EMJYlPfK>span {
        display: inline-block;
        vertical-align: top
    }

    ._1KcZTRVH1zeDm3EMJYlPfK>div {
        height: 35px;
        overflow: hidden
    }

    ._1KcZTRVH1zeDm3EMJYlPfK>div.show {
        overflow: visible
    }

    ._1KcZTRVH1zeDm3EMJYlPfK ul {
        margin: 0;
        padding: 0
    }

    ._1KcZTRVH1zeDm3EMJYlPfK li {
        width: 35px;
        height: 35px;
        list-style: none;
        cursor: pointer;
        border: none;
        border-radius: 50%;
        background-size: contain
    }

    ._1KcZTRVH1zeDm3EMJYlPfK li.BI-GsunOIGrQweCo6cKOa {
        display: none
    }

    ._1KcZTRVH1zeDm3EMJYlPfK li._15rC_Jj7RjQR_ctZRr2lf9 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c76a665d9685b939447c62865523c92c.png)
    }

    ._1KcZTRVH1zeDm3EMJYlPfK li.pcl3UgEANau5txaFb0xb {
        display: none
    }

    ._1KcZTRVH1zeDm3EMJYlPfK li._2EJv50e-9TptsSbiu1ksH6 {
        display: none
    }

    ._1KcZTRVH1zeDm3EMJYlPfK li.rTC_C7mNrI_HZN4QPbP-h {
        display: none
    }

    ._3ASh8eI0DYNkQyXit6B4m2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%
    }


    ._8jKXyjXfmWlPWLPott4E9 {
        width: 295px;
        height: 730px;
        background-color: #337c9d
    }

    ._8jKXyjXfmWlPWLPott4E9 ul {
        padding: 0
    }

    ._8jKXyjXfmWlPWLPott4E9 ul li {
        position: relative;
        width: 100%;
        height: 56px;
        list-style: none
    }

    ._8jKXyjXfmWlPWLPott4E9 ul li a {
        display: block;
        padding: 0 0 0 10px;
        color: #fff;
        font-size: 18px;
        text-align: left;
        text-decoration: none;
        line-height: 56px
    }

    ._8jKXyjXfmWlPWLPott4E9 ul li:hover a,
    ._8jKXyjXfmWlPWLPott4E9 ul li.active a {
        background: #0a5d83
    }


    ._2eb4n_Y5jUGzyGPwoycyBK .modal-dialog {
        margin: 200px auto 0;
        width: 50vw;
        height: 28.1vw;
        border: none
    }

    ._2eb4n_Y5jUGzyGPwoycyBK .modal-content {
        position: relative;
        height: 100%;
        background: transparent;
        border: none;
        border-radius: 12px;
        box-shadow: none
    }

    video {
        border-radius: 12px
    }

    ._3exXjtLTwliRzFn5_urEGh {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #aaa;
        font-size: 20px
    }

    ._3exXjtLTwliRzFn5_urEGh:hover {
        color: #000
    }


    ._2ex1aHLKvkOwGx3FKfmDPm {
        position: absolute;
        z-index: 2;
        top: 210px;
        height: 349px
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul {
        display: inline-block;
        margin: 80px 0 0 0;
        padding: 0;
        list-style: none
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li {
        width: 189px;
        height: 69px;
        background-position: left center;
        background-repeat: no-repeat
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li:hover {
        background-position: right center
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li>a {
        display: inline-block;
        width: 100%;
        height: 100%
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li._3v-65ZF2SPb-rgvtdyEkNG {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/57870f09b4a7d45858cb3f44069cdc9d.png)
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li._1SQLsw4e7L6F3nWL3nX4xN {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/678a32ae44bea720a5bbe6e6cc5466e6.png)
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li._3cKJ1wZsNQ3GmGOws7J0oz {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/91d4c79c73a6c9ce7848359f6c0006d4.png)
    }

    ._2ex1aHLKvkOwGx3FKfmDPm>ul li._2IW-5XBYcEkyl7WibALs3M {
        height: 50px;
        cursor: pointer
    }

    ._2ex1aHLKvkOwGx3FKfmDPm.ng-enter {
        -webkit-animation: fadeInLeft 0.5s;
        animation: fadeInLeft 0.5s
    }

    ._2ex1aHLKvkOwGx3FKfmDPm.ng-leave {
        -webkit-animation: fadeOutLeft 0.5s;
        animation: fadeOutLeft 0.5s
    }

    ._1lgRqfLkU3CiEQA7nsEzBn {
        left: 0;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a417b98a57a60f5e735bcace58197222.png)
    }

    .-Vhs7CExGumnkRL7t96wi {
        position: absolute;
        top: 210px;
        width: 34px;
        left: 0;
        padding: 8px 0;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/48c9da4886f669fe3263b4b72c066775.png);
        border-radius: 6px;
        cursor: pointer
    }

    .-Vhs7CExGumnkRL7t96wi.expanded {
        left: 189px
    }


    ._1D9Gie_tsPxv19kUP3-ERw {
        position: absolute;
        z-index: 2;
        top: 210px;
        height: 349px
    }

    ._1D9Gie_tsPxv19kUP3-ERw>ul {
        display: inline-block;
        margin: 80px 0 0 0;
        padding: 0;
        list-style: none
    }

    ._1D9Gie_tsPxv19kUP3-ERw>ul li {
        width: 189px;
        height: 69px;
        background-position: left center;
        background-repeat: no-repeat
    }

    ._1D9Gie_tsPxv19kUP3-ERw>ul li:hover {
        background-position: right center
    }

    ._1D9Gie_tsPxv19kUP3-ERw>ul li.wjfjW19WNCaQhf09gfsNc {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4bb055fe981294dac4feb1e52b72aa8b.png)
    }

    ._1D9Gie_tsPxv19kUP3-ERw>ul li._1lFIlsw3kzX44s59oVuqTg {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7d930671058529625cd8dd4cd51513ec.png)
    }

    ._1D9Gie_tsPxv19kUP3-ERw>ul li._1CYyuggU09mosKgbLLghyr {
        height: 50px;
        cursor: pointer
    }

    ._1D9Gie_tsPxv19kUP3-ERw.ng-enter {
        -webkit-animation: fadeInRight 0.5s;
        animation: fadeInRight 0.5s
    }

    ._1D9Gie_tsPxv19kUP3-ERw.ng-leave {
        -webkit-animation: fadeOutRight 0.5s;
        animation: fadeOutRight 0.5s
    }

    ._1_EaJNaxEN1JT0YY9X1orf {
        right: 0;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/25c8c77dbd5d4c69a6dea48f7aa596fe.png)
    }

    .gURey_HEobW7t1YXmSLFS {
        position: absolute;
        top: 210px;
        width: 34px;
        right: 0;
        padding: 8px 0;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/48c9da4886f669fe3263b4b72c066775.png);
        border-radius: 6px;
        cursor: pointer
    }

    .gURey_HEobW7t1YXmSLFS.expanded {
        right: 189px
    }


    ._3bIIFLK_KQz05-OtS6z128 {
        position: relative;
        overflow: hidden
    }

    #_3y4nHy-Q0ZqteJQFT39VKG {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        width: 1920px;
        margin-left: -960px;
        overflow: hidden
    }

    #_3y4nHy-Q0ZqteJQFT39VKG ul {
        margin: 0;
        padding: 0
    }

    #_3y4nHy-Q0ZqteJQFT39VKG,
    #_32lgXsnhh3y_rGuzRQJnbp,
    #_13i7y0orlDQ8Sdf-boEiXF,
    ._3bIIFLK_KQz05-OtS6z128 {
        height: 534px
    }


    .DQFgka5Xh4HQIYXhzIIT1 {
        position: relative;
        height: 471px;
        overflow: hidden
    }

    .DQFgka5Xh4HQIYXhzIIT1 ._21-XRC5Q5hM4cmZRcMIELf {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -960px
    }

    .DQFgka5Xh4HQIYXhzIIT1 ._21-XRC5Q5hM4cmZRcMIELf a {
        display: inline-block;
        width: 1920px;
        height: 471px;
        text-align: center
    }

    .DQFgka5Xh4HQIYXhzIIT1 ._21-XRC5Q5hM4cmZRcMIELf a img {
        max-height: 100%
    }

    .tOgmfVm7nF5haDy3l5je4 {
        display: inline-block;
        margin: 0 auto;
        padding: 0;
        list-style: none;
        position: absolute;
        bottom: 15px;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 1
    }

    .tOgmfVm7nF5haDy3l5je4 li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 10px;
        font-size: 0;
        background-color: #bfbfbf;
        border-radius: 100%;
        cursor: pointer
    }

    .tOgmfVm7nF5haDy3l5je4 li.on {
        background-color: #404040
    }


    ._1iO4naGAQnThfIIT2Mr2Yy {
        position: absolute;
        top: 100%;
        z-index: 3;
        background: #c03;
        white-space: nowrap
    }

    ._1iO4naGAQnThfIIT2Mr2Yy ol {
        display: inline-block;
        vertical-align: top;
        margin: 0 auto;
        padding: 0;
        list-style: none
    }

    ._1iO4naGAQnThfIIT2Mr2Yy ol+ol li {
        border-left: none
    }

    ._1iO4naGAQnThfIIT2Mr2Yy li {
        width: 120px;
        font-size: 13px;
        line-height: 30px;
        border: 1px solid #ff3768
    }

    ._1iO4naGAQnThfIIT2Mr2Yy li+li {
        border-top: none
    }

    ._1iO4naGAQnThfIIT2Mr2Yy li a {
        display: block;
        height: 100%;
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    ._1iO4naGAQnThfIIT2Mr2Yy li:hover {
        background: #ff3768
    }


    ._8vl-y_V7vnCq3DpNFPKB {
        position: relative;
        display: inline-block;
        z-index: 3;
        vertical-align: top;
        color: #fff;
        font-size: 17px;
        text-align: center;
        background: rgba(172, 72, 13, 0.95);
        left: -194px;
        width: 1000px;
        padding: 10px;
        text-align: left;
        line-height: normal
    }

    ._1O0dMF9d72eVRgt3ArKSbu {
        float: left;
        width: 25%;
        height: 100%
    }

    ._1O0dMF9d72eVRgt3ArKSbu+._1O0dMF9d72eVRgt3ArKSbu {
        border-left: 1px solid rgba(255, 255, 255, 0.17)
    }

    ._1O0dMF9d72eVRgt3ArKSbu ol {
        margin: 0;
        padding: 0;
        list-style: none
    }

    ._1IqfConH_u9tioqoDWUePO {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 180px;
        margin: 10px;
        font-size: 0
    }

    ._1IqfConH_u9tioqoDWUePO p {
        margin: 0 0 20px;
        color: #e3e3e3;
        font-size: 16px;
        line-height: 1
    }

    ._1IqfConH_u9tioqoDWUePO li {
        display: inline-block;
        width: 100px;
        margin: 0 5px 6px 0;
        padding-left: 5px;
        color: #fff;
        font-size: 13px;
        text-align: left;
        line-height: 24px;
        border-bottom: none;
        background: none
    }

    ._1IqfConH_u9tioqoDWUePO li:hover {
        color: #201109;
        font-weight: bold;
        background: none
    }

    ._1IqfConH_u9tioqoDWUePO li a {
        color: inherit;
        text-decoration: none
    }

    ._1IqfConH_u9tioqoDWUePO li.more {
        position: absolute;
        left: 0;
        bottom: 0;
        color: #a0a0a0;
        font-size: 13px;
        text-decoration: none
    }

    .en-us ._1IqfConH_u9tioqoDWUePO li {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .th ._1IqfConH_u9tioqoDWUePO li {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }

    .vi ._1IqfConH_u9tioqoDWUePO li {
        white-space: nowrap;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis
    }


    .V7Ulk7BaxhpzbJE9NKnNG .modal-dialog {
        width: 850px
    }

    .V7Ulk7BaxhpzbJE9NKnNG .modal-content {
        background: none
    }

    ._3It1jUEpjK4w9MwWEarJ6v {
        height: 60px;
        font-size: 21px;
        background: #808080;
        border-bottom: 1px solid #ccc
    }

    ._3It1jUEpjK4w9MwWEarJ6v button {
        margin-top: 15px;
        margin-right: 15px;
        color: #000;
        font-weight: bold;
        text-shadow: 0 1px 0 #fff;
        line-height: 1;
        background: transparent;
        opacity: 0.2;
        border: none;
        -webkit-appearance: none;
        cursor: pointer
    }

    ._3It1jUEpjK4w9MwWEarJ6v p {
        margin: 0;
        color: #fff;
        line-height: 60px
    }

    ._2k9coX2qXX4dMT7gFXEOtP {
        padding: 20px;
        font-size: 14px;
        color: #000;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg) repeat
    }

    .y1sE3t1pzF96BpwUzywEg {
        padding: 19px 20px 20px;
        background: #e9e9e9;
        border-top: 1px solid #e5e5e5
    }

    .y1sE3t1pzF96BpwUzywEg button {
        width: 119px;
        height: 45px;
        font-size: 15px;
        font-weight: bolder;
        line-height: 45px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/eec4add93f430d9155ce6f857e8edbde.png) no-repeat center top;
        border: none
    }


    .ze8tEtJj_ZjnERvE_Rker {
        margin: 0;
        color: #000;
        font-size: 16px
    }

    ._3ckSgIbM5h7ensoDEfbKcE {
        color: #cfcfcf;
        font-size: 12px;
        line-height: 22px
    }

    ._2eIcfju9XkQs909f15S7OQ>div {
        padding: 0 15px
    }

    ._3QqiJEsaOx0TGWKUqEAJHQ .modal-dialog {
        width: 474px;
        color: #666;
        font-size: 14px
    }

    ._3vNM0FmjtXbVsuk5UdacCe {
        font-size: 20px;
        margin-left: 10px
    }

    ._3vNM0FmjtXbVsuk5UdacCe.highlight {
        color: #f60;
        font-size: 24px
    }

    ._2wf78XLjDfY-9wt7IjRer {
        padding: 12px 29px;
        font-size: 16px;
        border-bottom: 1px solid #ccc
    }

    ._1N1AwUqwJS750mgHD3aUBX {
        padding: 0 29px
    }

    ._2Y31tXUy2kb63u7H6bLS_m {
        padding: 48px 0 37px
    }

    ._2Y31tXUy2kb63u7H6bLS_m small {
        margin-top: 12px;
        color: #999;
        font-size: 12px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    ._2Y31tXUy2kb63u7H6bLS_m small i {
        color: #4286f5
    }

    ._3_zmRqwIOECj4mIzEUE_Ha {
        padding: 14px 0 34px;
        border-top: 1px solid #ccc
    }

    ._3_zmRqwIOECj4mIzEUE_Ha>p {
        margin: 0;
        padding: 14px 0
    }

    .nf-N8no6LT9IxoNtjzjEz {
        position: relative;
        height: 20px;
        background-color: #e4e4e4;
        border-radius: 10px;
        overflow: hidden
    }

    .nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi {
        height: 100%
    }

    .nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi.green {
        background-color: #0c3
    }

    .nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi.orange {
        background-color: #f90
    }

    .nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi.red {
        background-color: #f00
    }

    .nf-N8no6LT9IxoNtjzjEz ._3m0oo4xrW84oayA-dGz_Yi p {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        color: #000;
        line-height: 20px;
        text-align: center
    }

    ._280J37iPPyT3w0IoOj0Wyz {
        margin-top: 5px
    }

    ._280J37iPPyT3w0IoOj0Wyz small {
        color: #999;
        font-size: 12px
    }

    .fEDsPMV5nBFk75F5uawvj {
        margin-top: 54px;
        overflow: hidden
    }

    .fEDsPMV5nBFk75F5uawvj p {
        margin: 0
    }

    ._1TrLPePYkWUAfehhlxKs7x {
        padding: 30px 0 38px;
        border-top: 1px solid #ccc
    }

    ._1TrLPePYkWUAfehhlxKs7x p {
        margin: 0 0 34px
    }

    ._1TrLPePYkWUAfehhlxKs7x button {
        display: inline-block;
        min-width: 60px;
        vertical-align: top;
        padding: 5px 10px;
        color: #fff;
        background-color: #484848;
        border: none;
        border-radius: 3px;
        outline: none
    }

    ._1TrLPePYkWUAfehhlxKs7x button.btn-confirm {
        margin-left: 10px;
        background-color: #375fd2
    }


    ._1_xrzUxZrVHitVy5rqvqJR .modal-dialog {
        width: 670px;
        height: 489px
    }

    ._1_xrzUxZrVHitVy5rqvqJR .modal-content {
        padding: 96px 80px 0 80px;
        height: 100%;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/318062ee6c903be75f9af327ec8ccc62.png) no-repeat center;
        border: 0;
        box-shadow: none
    }

    ._10m1saW5vi31k0jl7ZPoQm {
        font-size: 48px;
        font-weight: bold;
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: #332c1d;
        -webkit-text-fill-color: #fad654;
        font-family: Tahoma, Geneva, sans-serif;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    ._1p1r4UaQQj0BCRUGUxWmfz {
        width: 525px
    }

    ._1OHuyaWUveYNPK5xXbnC2r {
        position: absolute;
        right: 0;
        top: 16px;
        width: 40px;
        height: 40px;
        cursor: pointer
    }

    ._2h7dYQf-gnYOW7wWPRdV3M {
        margin: 1em 0;
        color: #111;
        font-size: 16px
    }

    ._3GE77EMyXguRtgrLQw-nHk {
        width: 510px
    }

    ._3GE77EMyXguRtgrLQw-nHk small {
        font-size: 10px
    }

    ._3GE77EMyXguRtgrLQw-nHk div {
        height: 65px;
        padding-top: 5px;
        font-size: 16px;
        color: #8c8c8c;
        background-color: #fff;
        border: 1px solid #fff7b9
    }

    ._3RB7I6AU79cEjJHVlm1pGR div {
        height: 40px;
        padding-top: 0;
        color: #3f3f3f;
        line-height: 40px;
        background-color: #ffdd54
    }

    ._3j3dc3vJak3lqu_GQNy2iw {
        height: 130px;
        overflow-x: hidden;
        overflow-y: scroll
    }

    ._1dWZSpuWH6AQyTFXq0boWk div {
        height: 45px;
        color: #f63232
    }

    ._3_AW7LMdEbOKAfhzVeh-8- {
        width: 78px;
        height: 41px;
        margin: 10px 0;
        padding: 0;
        font-size: 14px;
        background: no-repeat center top;
        border: 0
    }

    ._3_AW7LMdEbOKAfhzVeh-8-:hover {
        background-position: center bottom
    }

    ._3_AW7LMdEbOKAfhzVeh-8-.refresh {
        color: #111;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/717fed24dc0dbad1ed350d7d3e050d37.png)
    }

    ._3_AW7LMdEbOKAfhzVeh-8-.receive {
        color: #fff;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3ee032a766b8fa2d85758ee647a078a3.png)
    }

    ._3sDYpUq-uOFl2KaQEN3RsK {
        color: #999;
        font-size: 14px
    }


    ._3aeeLb3TyoICj1ewuRJpYW .modal-dialog {
        width: 500px;
        margin: 180px auto 0px
    }

    ._3aeeLb3TyoICj1ewuRJpYW .modal-dialog [ng-click] {
        cursor: pointer
    }

    ._3aeeLb3TyoICj1ewuRJpYW .modal-content {
        border: none;
        background-color: #efeff0;
        border-radius: 5px
    }

    ._3aeeLb3TyoICj1ewuRJpYW .modal-header {
        color: #fff;
        background-color: #1a5c79;
        border-radius: 4px 4px 0px 0px
    }

    ._3aeeLb3TyoICj1ewuRJpYW .modal-header h4 {
        font-weight: bold
    }

    ._3aeeLb3TyoICj1ewuRJpYW .modal-header button {
        font-size: 20px;
        opacity: 1
    }

    ._3aeeLb3TyoICj1ewuRJpYW .modal-body {
        padding: 15px 30px
    }

    ._3aeeLb3TyoICj1ewuRJpYW p {
        margin: 10px 0 25px
    }

    ._3aeeLb3TyoICj1ewuRJpYW ul {
        padding: 0
    }

    ._3aeeLb3TyoICj1ewuRJpYW ul li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 5px auto 20px;
        padding: 15px 30px;
        font-weight: bold;
        font-size: 18px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 5px;
        box-shadow: 0px 5px 10px #ddd
    }

    ._3aeeLb3TyoICj1ewuRJpYW ul li:hover {
        border: 1px solid #1a5c79
    }

    ._3aeeLb3TyoICj1ewuRJpYW ul i {
        width: 30px;
        color: #fff
    }


    ._2tvbhDO57Jwwp3LtQDCdcx .modal-dialog {
        width: auto;
        margin-top: 115px
    }

    ._2tvbhDO57Jwwp3LtQDCdcx .modal-content {
        position: relative;
        width: 900px;
        height: 400px;
        margin: 0 auto;
        padding: 0 50px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/90b36cf478892743ae0c4afb8efbd071.png) no-repeat center top;
        border: none;
        box-shadow: none
    }

    ._1xnSi2A5ZO6AUyy6R4JU1n {
        position: relative
    }

    ._1xnSi2A5ZO6AUyy6R4JU1n h1 {
        margin: 0;
        padding: 19px 0;
        color: #11304c;
        font-size: 26px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 5px;
        text-align: center
    }

    ._1xnSi2A5ZO6AUyy6R4JU1n>button {
        position: absolute;
        top: -29px;
        right: -27px;
        width: 54px;
        height: 58px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0400e5bc8e608d75619ff5675851daea.png) no-repeat center top;
        border: none;
        outline: none;
        cursor: pointer
    }

    ._3lNKpxEeqj6b7fpTWqrUgk {
        height: 240px;
        margin-bottom: 10px;
        overflow-y: auto
    }

    ._3lNKpxEeqj6b7fpTWqrUgk>section {
        width: 560px;
        height: 100%;
        margin: 0 auto;
        padding: 55px 0 0 235px;
        text-align: left;
        color: #7f7f7f;
        font-size: 18px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a9948eaccc6e0900dd6e4c4476c2adb4.png) no-repeat left center
    }

    ._3lNKpxEeqj6b7fpTWqrUgk>section p {
        margin: 0 0 20px;
        color: #3d64c9;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 5px
    }

    ._3lNKpxEeqj6b7fpTWqrUgk>section ._1b4EUgErvOyngeV7DrF6b {
        margin: 0 5px;
        color: #fd802d
    }

    ._2dyqa5HdyZ8KGwN32LzbpF {
        text-align: center
    }

    ._2dyqa5HdyZ8KGwN32LzbpF button {
        width: 141px;
        height: 55px;
        margin: 0 10px;
        padding-bottom: 8px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        background: transparent url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/245f656ccdc80b23af9d4e46c44ba799.png) no-repeat center top;
        border: none;
        outline: none
    }

    ._2dyqa5HdyZ8KGwN32LzbpF button:hover {
        color: #fff600
    }


    ._3e4gbzoneF33iW4bw61qF9 .modal-dialog {
        width: auto;
        margin-top: 115px
    }

    ._3e4gbzoneF33iW4bw61qF9 .modal-content {
        position: relative;
        width: 900px;
        height: 400px;
        margin: 0 auto;
        padding: 0 50px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/90b36cf478892743ae0c4afb8efbd071.png) no-repeat center top;
        border: none;
        box-shadow: none
    }

    .nEhTFUYbzcyNhY_S2yTbf {
        position: relative
    }

    .nEhTFUYbzcyNhY_S2yTbf h1 {
        margin: 0;
        padding: 19px 0;
        color: #11304c;
        font-size: 26px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 5px;
        text-align: center
    }

    .nEhTFUYbzcyNhY_S2yTbf>button {
        position: absolute;
        top: -29px;
        right: -27px;
        width: 54px;
        height: 58px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0400e5bc8e608d75619ff5675851daea.png) no-repeat center top;
        border: none;
        outline: none;
        cursor: pointer
    }

    ._2fhG3JOIPDNuhrEyYdVhWM {
        height: 240px;
        margin-bottom: 10px;
        overflow-y: auto
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>section {
        width: 560px;
        height: 100%;
        margin: 0 auto;
        padding: 55px 0 0 235px;
        text-align: left;
        color: #7f7f7f;
        font-size: 18px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a9948eaccc6e0900dd6e4c4476c2adb4.png) no-repeat left center
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>section p {
        margin: 0 0 20px;
        color: #3d64c9;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 5px
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>section ._10bm_oOyPDneaYfnpxy0Xs {
        margin: 0 5px;
        color: #fd802d
    }

    .rtmsz6S7k_LEdX2Eh-2hP {
        text-align: center
    }

    .rtmsz6S7k_LEdX2Eh-2hP button {
        width: 141px;
        height: 55px;
        margin: 0 10px;
        padding-bottom: 8px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        background: transparent url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/245f656ccdc80b23af9d4e46c44ba799.png) no-repeat center top;
        border: none;
        outline: none
    }

    .rtmsz6S7k_LEdX2Eh-2hP button:hover {
        color: #fff600
    }

    ._2fhG3JOIPDNuhrEyYdVhWM::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #f5f5f5
    }

    ._2fhG3JOIPDNuhrEyYdVhWM::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f5
    }

    ._2fhG3JOIPDNuhrEyYdVhWM::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #7f7f7f
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>ul {
        width: 700px;
        margin: 0 auto;
        color: #7f7f7f;
        font-size: 18px;
        line-height: 40px;
        list-style: disc
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>ul li {
        word-break: break-all
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>ul li p[ng-click] {
        cursor: pointer
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>ul li h6 {
        margin: 0;
        font-size: inherit;
        font-weight: normal
    }

    ._2fhG3JOIPDNuhrEyYdVhWM>ul li ul {
        margin-left: 2em;
        list-style: circle
    }

    ._2fhG3JOIPDNuhrEyYdVhWM ._3t4kUX6ngARvsini2V59Rx {
        display: inline
    }

    ._2fhG3JOIPDNuhrEyYdVhWM ._3t4kUX6ngARvsini2V59Rx>p {
        display: inline;
        margin: 0;
        font-weight: bold
    }

    ._2fhG3JOIPDNuhrEyYdVhWM ._3t4kUX6ngARvsini2V59Rx button {
        color: #fd802d;
        padding: 0;
        background: 0;
        border: 0;
        outline: none
    }


    ._33dFO7IgnCPngTloeXzh36 .modal-dialog {
        width: auto;
        margin-top: 115px
    }

    ._33dFO7IgnCPngTloeXzh36 .modal-content {
        position: relative;
        width: 900px;
        height: 400px;
        margin: 0 auto;
        padding: 0 50px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/90b36cf478892743ae0c4afb8efbd071.png) no-repeat center top;
        border: none;
        box-shadow: none
    }

    ._1YtdWFkJR0WbHhMgaBRURz {
        position: relative
    }

    ._1YtdWFkJR0WbHhMgaBRURz h1 {
        margin: 0;
        padding: 19px 0;
        color: #11304c;
        font-size: 26px;
        font-weight: bold;
        line-height: normal;
        letter-spacing: 5px;
        text-align: center
    }

    ._1YtdWFkJR0WbHhMgaBRURz>button {
        position: absolute;
        top: -29px;
        right: -27px;
        width: 54px;
        height: 58px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0400e5bc8e608d75619ff5675851daea.png) no-repeat center top;
        border: none;
        outline: none;
        cursor: pointer
    }

    ._1KsTpMYPEfz6mULYxaTMSL {
        height: 240px;
        margin-bottom: 10px;
        overflow-y: auto
    }

    ._1KsTpMYPEfz6mULYxaTMSL>section {
        width: 560px;
        height: 100%;
        margin: 0 auto;
        padding: 55px 0 0 235px;
        text-align: left;
        color: #7f7f7f;
        font-size: 18px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a9948eaccc6e0900dd6e4c4476c2adb4.png) no-repeat left center
    }

    ._1KsTpMYPEfz6mULYxaTMSL>section p {
        margin: 0 0 20px;
        color: #3d64c9;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 5px
    }

    ._1KsTpMYPEfz6mULYxaTMSL>section .KyyeZD2ohUvAeqZU8XxL1 {
        margin: 0 5px;
        color: #fd802d
    }

    ._22_BGBf1PwI135jr4t5I-K {
        text-align: center
    }

    ._22_BGBf1PwI135jr4t5I-K button {
        width: 141px;
        height: 55px;
        margin: 0 10px;
        padding-bottom: 8px;
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        background: transparent url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/245f656ccdc80b23af9d4e46c44ba799.png) no-repeat center top;
        border: none;
        outline: none
    }

    ._22_BGBf1PwI135jr4t5I-K button:hover {
        color: #fff600
    }

    .Sy6GxWtf1dVBFjjE5_DX {
        margin: 0;
        color: #000;
        font-size: 16px
    }

    ._2meO3wUpOTsTdPXTHtGGp7 .modal-dialog {
        margin-top: 120px;
        width: 710px
    }

    .UNOpRqg_lrGK4waUjjxoF {
        background: #ccc;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        text-align: center;
        padding: 3px 15px
    }

    .UNOpRqg_lrGK4waUjjxoF span {
        font-weight: bold
    }

    .UNOpRqg_lrGK4waUjjxoF button {
        position: absolute;
        top: 1px;
        right: 3px
    }

    ._1vveaQwJ8DfYKPNva8D1BK {
        padding: 0
    }

    ._1vveaQwJ8DfYKPNva8D1BK img {
        width: 100%;
        height: auto
    }

    ._1aLsFvnBu7r37_9xfUSOZl {
        text-align: center;
        padding: 3px 15px
    }

    ._1aLsFvnBu7r37_9xfUSOZl span {
        font-weight: bold
    }

    ._1aLsFvnBu7r37_9xfUSOZl button {
        background: #ffd800;
        font-size: 12px;
        border: 1px solid #d3d3d3;
        color: #555;
        float: right;
        position: absolute;
        bottom: 1px;
        right: 3px
    }


    .qSH-SSsn8cjA9xFTmkVwy .modal-dialog {
        margin-top: 250px
    }

    .qSH-SSsn8cjA9xFTmkVwy .modal-content {
        background: none;
        border: none;
        box-shadow: none
    }

    .Zxc1Rdy4BbBeVmhgA7XHg button {
        line-height: 32px;
        border: none
    }

    ._1401hsxa7SfZc1y2r_L7M4 {
        display: inline-block;
        vertical-align: top;
        width: 410px;
        padding: 18px 0;
        color: #fff
    }

    ._1401hsxa7SfZc1y2r_L7M4._27ZP9xdaCHJXzj4-bEv4I7 {
        background: #9421ff 50%
    }

    ._1401hsxa7SfZc1y2r_L7M4._27ZP9xdaCHJXzj4-bEv4I7 button {
        background: #b565ff
    }

    ._1401hsxa7SfZc1y2r_L7M4._2AEpMfdluzibVQnvIZOfbi {
        background: #647fff
    }

    ._1401hsxa7SfZc1y2r_L7M4._2AEpMfdluzibVQnvIZOfbi button {
        background: #4d67e5
    }

    ._1401hsxa7SfZc1y2r_L7M4._2h7fboD4SNy7dTIvDRYSn5 {
        background: #3b1465
    }

    ._1401hsxa7SfZc1y2r_L7M4._2h7fboD4SNy7dTIvDRYSn5 button {
        background: #7012bc;
        border: 1px solid #3b1465
    }


    ._2WZ6itPdjSYMuiiBY4cMl7 .modal-dialog {
        width: 371px;
        margin-top: 120px
    }

    ._2WZ6itPdjSYMuiiBY4cMl7 .modal-content {
        margin: 0 auto;
        border: none;
        background: none;
        box-shadow: none
    }

    .K1dZmqNYD5FaYnto1E1g6 {
        position: relative;
        height: 104px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8017ae0852657048d33842ac43cfaf28.png) no-repeat center
    }

    .K1dZmqNYD5FaYnto1E1g6 h4 {
        height: 104px;
        margin: 0;
        color: #fff;
        font-size: 22px;
        line-height: 104px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .K1dZmqNYD5FaYnto1E1g6 button {
        position: absolute;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0485ebef835606eaa9e20259a7b322ca.png) no-repeat center;
        border: none
    }

    ._1JjEDWMXCKmqmonULLRLo7 {
        position: relative;
        padding: 40px 55px 60px 70px;
        min-height: 165px;
        max-height: 50vh;
        overflow-y: auto;
        color: #7d5252;
        background: #f8f8f8
    }

    ._1JjEDWMXCKmqmonULLRLo7::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        background-color: #f5f5f5
    }

    ._1JjEDWMXCKmqmonULLRLo7::-webkit-scrollbar {
        width: 8px;
        background-color: #f5f5f5
    }

    ._1JjEDWMXCKmqmonULLRLo7::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        background-color: #7f7f7f
    }

    ._1JjEDWMXCKmqmonULLRLo7 h4 {
        margin: 0;
        font-size: 18px
    }

    ._1JjEDWMXCKmqmonULLRLo7 p {
        margin: 8px 0;
        font-size: 14px;
        line-height: 22px;
        text-align: justify
    }

    ._3S9PEakQyzDQBPa7xGyVTH {
        position: relative;
        height: 63px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6e68280b7427a724caaf3d34a1926c3d.png) no-repeat center
    }

    ._3S9PEakQyzDQBPa7xGyVTH:before {
        content: "";
        position: absolute;
        left: -30px;
        bottom: -5px;
        width: 107px;
        height: 162px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/abd9bb75b15a05a736f655ac379f8e06.png) no-repeat center
    }


    ._1TxjrhrWfmjOCKDRtLBlli .modal-dialog {
        margin-top: 25rem
    }

    ._1TxjrhrWfmjOCKDRtLBlli .modal-content {
        border: none;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/dc60298b65565b70b4a1bf3769f83a51.png) repeat-y center center;
        background-size: contain
    }

    ._3Z1ifP5ZQMVN0Q_3zSkIe1 {
        color: #ffffff;
        position: relative
    }

    ._3Z1ifP5ZQMVN0Q_3zSkIe1::before {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/db8077e75067d58dbd10599d4619ce71.png) no-repeat center top;
        background-size: contain;
        bottom: 50%;
        content: "";
        height: 100%;
        position: absolute;
        width: 100%
    }

    ._3Z1ifP5ZQMVN0Q_3zSkIe1::after {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2cd55036f336d1462d60e873d99d2dd6.png) no-repeat center top;
        background-size: contain;
        content: "";
        height: 100%;
        position: absolute;
        top: 93%;
        width: 100%
    }

    ._3Z1ifP5ZQMVN0Q_3zSkIe1 .modal-footer {
        border-top: 0;
        position: absolute;
        text-align: center;
        top: 84%;
        width: 100%;
        z-index: 1
    }

    ._3Z1ifP5ZQMVN0Q_3zSkIe1 .modal-footer button {
        background: transparent url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1b38ead1944a78e1b4bdd82c77b18fff.png) no-repeat center top;
        border: none;
        color: #2d292a;
        font-size: 18px;
        font-weight: bold;
        height: 47px;
        width: 130px
    }

    ._3AWNmySzj_3uU01rW6VP7k {
        margin-top: 4rem
    }

    ._1u-17e5oI9CmPM5dPJy7Gn {
        min-height: 13rem
    }

    ._1u-17e5oI9CmPM5dPJy7Gn h4 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .iWn4OHfkOha0qtoH6rwHs {
        position: absolute;
        top: -125px;
        left: 50%;
        width: 260px;
        height: 138px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .iWn4OHfkOha0qtoH6rwHs p {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        -webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #545454;
        -webkit-text-fill-color: #ffef73;
        text-shadow: 0px 6px 14px #a3a3a3
    }

    .iWn4OHfkOha0qtoH6rwHs p:last-child {
        position: absolute;
        bottom: 0;
        left: 50%;
        font-size: 14px;
        line-height: 28px;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }


    ._3PpVsezNAxyYc39dYh9qkf .modal-dialog {
        margin-top: 15rem;
        width: 750px
    }

    ._3PpVsezNAxyYc39dYh9qkf .modal-content {
        background: #ff5d49;
        padding: 3rem 3rem 0
    }

    ._3mCacQlZi4HzXjX9By3Lsm {
        background: transparent;
        border-radius: 4px
    }

    ._3mCacQlZi4HzXjX9By3Lsm .modal-header {
        background: #ffffff;
        border-color: #000000;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        text-align: center
    }

    ._3mCacQlZi4HzXjX9By3Lsm .modal-body {
        background: #ffffff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 474px;
        overflow: auto;
        padding: 25px 50px
    }

    ._3mCacQlZi4HzXjX9By3Lsm .modal-footer {
        border-top-width: 0;
        padding: 1rem 0
    }

    ._3mCacQlZi4HzXjX9By3Lsm .modal-footer button {
        background-color: #ffc600;
        border: 0;
        font-size: 18px;
        padding: 7px 30px
    }

    ._3mCacQlZi4HzXjX9By3Lsm .modal-footer button:hover {
        background-color: #ffde6d
    }

    ._3mCacQlZi4HzXjX9By3Lsm .close {
        height: 41px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/143ed4d7570a2df10f0b4e0ba77d0b07.png) no-repeat center top;
        opacity: 1;
        position: absolute;
        right: -18px;
        top: -21px;
        width: 41px
    }

    ._3mCacQlZi4HzXjX9By3Lsm .close:hover {
        background-position: center bottom
    }


    ._2O8re3Pp3JLzHTGo3M-_BO .modal-dialog {
        margin-top: 80px;
        width: 678px
    }

    ._2O8re3Pp3JLzHTGo3M-_BO .modal-content {
        border: none;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0741992a94b212507d85a046786fe6bd.png) no-repeat center top;
        box-shadow: none;
        height: 522px;
        width: 100%
    }

    ._331J8SvvaqysJojl0a0yy {
        height: 100%;
        padding-top: 26%
    }

    ._331J8SvvaqysJojl0a0yy h2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 321px;
        margin: 0 auto 84px;
        padding: 0 0 0 21px;
        color: #fffa19;
        font-size: 22px;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #ed0e0e;
        text-shadow: 2px 3px 4px #a3a3a3
    }

    ._331J8SvvaqysJojl0a0yy p {
        width: 400px;
        margin: 0 auto 10px;
        color: #fff;
        padding-left: 21px;
        font-size: 22px;
        font-weight: bold
    }

    ._331J8SvvaqysJojl0a0yy .modal-body {
        height: 50%;
        text-align: center
    }

    ._331J8SvvaqysJojl0a0yy .modal-footer {
        border-top: 0;
        text-align: center;
        width: 100%
    }

    ._331J8SvvaqysJojl0a0yy .modal-footer button {
        background: transparent url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1b38ead1944a78e1b4bdd82c77b18fff.png) no-repeat center top;
        border: none;
        color: #2d292a;
        font-size: 18px;
        font-weight: bold;
        height: 47px;
        width: 130px;
        margin-left: 20px
    }

    ._3v-Mk0C3mzu8ZdYZ75-u7O {
        color: #fff;
        font-size: 35px;
        font-weight: bold
    }

    ._1RmRKSQQUi1JQIh6xZ5M4E .modal-dialog {
        margin-top: 80px;
        width: 577px
    }

    ._1RmRKSQQUi1JQIh6xZ5M4E .modal-content {
        border: none;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/266700871cce55d3a5ba606c094da546.png);
        box-shadow: none;
        height: 449px;
        width: 100%
    }

    ._1RmRKSQQUi1JQIh6xZ5M4E .modal-body {
        height: 56%
    }

    ._1RmRKSQQUi1JQIh6xZ5M4E ._331J8SvvaqysJojl0a0yy h2 {
        height: 94px;
        margin: 15px auto 13px;
        font-size: 38px;
        -webkit-text-fill-color: #f2aa10
    }

    ._1RmRKSQQUi1JQIh6xZ5M4E ._331J8SvvaqysJojl0a0yy p {
        font-size: 20px;
        font-style: italic
    }


    ._86LKO35ClfN7IYoGKrsFP .modal-dialog {
        margin-top: 15rem;
        width: 750px
    }

    ._86LKO35ClfN7IYoGKrsFP .modal-content {
        background: #ff5d49;
        padding: 3rem 3rem 0
    }

    ._1YEiYKqLOip1XuAq_M1esl {
        background: transparent;
        border-radius: 4px
    }

    ._1YEiYKqLOip1XuAq_M1esl .modal-header {
        background: #ffffff;
        border-color: #000000;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        text-align: center
    }

    ._1YEiYKqLOip1XuAq_M1esl .modal-body {
        background: #ffffff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 474px;
        overflow: auto;
        padding: 25px 50px
    }

    ._1YEiYKqLOip1XuAq_M1esl .modal-footer {
        border-top-width: 0;
        padding: 1rem 0
    }

    ._1YEiYKqLOip1XuAq_M1esl .modal-footer button {
        background-color: #ffc600;
        border: 0;
        font-size: 18px;
        padding: 7px 30px
    }

    ._1YEiYKqLOip1XuAq_M1esl .modal-footer button:hover {
        background-color: #ffde6d
    }

    ._1YEiYKqLOip1XuAq_M1esl .close {
        height: 41px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/143ed4d7570a2df10f0b4e0ba77d0b07.png) no-repeat center top;
        opacity: 1;
        position: absolute;
        right: -18px;
        top: -21px;
        width: 41px
    }

    ._1YEiYKqLOip1XuAq_M1esl .close:hover {
        background-position: center bottom
    }

    ._1YEiYKqLOip1XuAq_M1esl table.table {
        border-radius: 5px;
        border-style: hidden;
        box-shadow: 0 0 0 1px #333;
        text-align: center
    }

    ._1YEiYKqLOip1XuAq_M1esl table.table th {
        background-color: #f3a000;
        border-color: #000;
        text-align: center
    }

    ._1YEiYKqLOip1XuAq_M1esl table.table td {
        border-color: #000
    }

    ._1UHFPXZFG1KKWW7oXrzhaf .modal-dialog {
        margin-top: 15rem;
        width: 750px
    }

    ._1UHFPXZFG1KKWW7oXrzhaf .modal-content {
        background: #ff5d49;
        padding: 3rem 3rem 0
    }

    ._3DDyN91TwxLZWI5zsC3h-J {
        background: transparent;
        border-radius: 4px
    }

    ._3DDyN91TwxLZWI5zsC3h-J .modal-header {
        background: #ffffff;
        border-color: #000000;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        text-align: center
    }

    ._3DDyN91TwxLZWI5zsC3h-J .modal-body {
        background: #ffffff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 474px;
        overflow: auto;
        padding: 25px 50px
    }

    ._3DDyN91TwxLZWI5zsC3h-J .modal-footer {
        border-top-width: 0;
        padding: 1rem 0
    }

    ._3DDyN91TwxLZWI5zsC3h-J .modal-footer button {
        background-color: #ffc600;
        border: 0;
        font-size: 18px;
        padding: 7px 30px
    }

    ._3DDyN91TwxLZWI5zsC3h-J .modal-footer button:hover {
        background-color: #ffde6d
    }

    ._3DDyN91TwxLZWI5zsC3h-J .close {
        height: 41px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/143ed4d7570a2df10f0b4e0ba77d0b07.png) no-repeat center top;
        opacity: 1;
        position: absolute;
        right: -18px;
        top: -21px;
        width: 41px
    }

    ._3DDyN91TwxLZWI5zsC3h-J .close:hover {
        background-position: center bottom
    }

    ._3DDyN91TwxLZWI5zsC3h-J table.table {
        border-radius: 5px;
        border-style: hidden;
        box-shadow: 0 0 0 1px #333;
        text-align: center
    }

    ._3DDyN91TwxLZWI5zsC3h-J table.table th {
        background-color: #f3a000;
        border-color: #000;
        text-align: center
    }

    ._3DDyN91TwxLZWI5zsC3h-J table.table td {
        border-color: #000
    }


    .g_k1kL5j6oLDee8DZOviW {
        padding: 20px 40px
    }

    .g_k1kL5j6oLDee8DZOviW h3 {
        text-align: center
    }

    .g_k1kL5j6oLDee8DZOviW .nwrFXinZRLaJ7U9B1DGO5 {
        position: absolute;
        top: 10px;
        right: 10px
    }

    .g_k1kL5j6oLDee8DZOviW .C4f5vyYWcP-8bLb0fI8E3 {
        position: relative;
        margin: 30px 0
    }

    .g_k1kL5j6oLDee8DZOviW .C4f5vyYWcP-8bLb0fI8E3 input {
        display: block;
        width: 100%;
        padding: 0 10px;
        line-height: 36px;
        border: 1px solid #ccc;
        border-radius: 3px
    }

    .g_k1kL5j6oLDee8DZOviW .C4f5vyYWcP-8bLb0fI8E3 button {
        position: absolute;
        top: 0;
        right: 0;
        line-height: 32px
    }

    .g_k1kL5j6oLDee8DZOviW ._3nH4k7D0xpwWQnWjTqYwpV {
        text-align: center
    }

    .g_k1kL5j6oLDee8DZOviW ._3nH4k7D0xpwWQnWjTqYwpV button {
        display: block;
        margin: 0 auto 10px;
        outline: none
    }


    .YDpA3CiQv27SDLwLM1lTn {
        margin: 0;
        color: #000;
        font-size: 16px
    }


    ._1l8w5exed5-ud1Zjj8iZpL {
        margin: 0;
        color: #000;
        font-size: 16px
    }


    ._1jL6cgDanqFfdDtMBkbHs3 .modal-dialog {
        width: 1131px
    }

    ._1jL6cgDanqFfdDtMBkbHs3 .modal-content {
        background: none;
        border: none;
        box-shadow: none
    }

    ._1G4d58Z762IKJNOJcL9uhr {
        position: relative;
        width: 100%;
        height: 707px;
        padding: 190px 201px 93px 175px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/bc1465b3429a49e91573c50116578bf4.png) no-repeat center top
    }

    ._1G4d58Z762IKJNOJcL9uhr>button {
        position: absolute;
        top: 87px;
        right: 162px;
        z-index: 1;
        width: 33px;
        height: 33px;
        background: none;
        border: none;
        outline: none;
        cursor: pointer
    }

    ._23vkhoMZYeK_JIzLmqBqy1 {
        position: absolute;
        left: 0;
        top: 82px;
        width: 100%;
        text-align: center;
        font-weight: bold;
        text-shadow: 2px 2px 3px #000;
        text-transform: capitalize
    }

    ._23vkhoMZYeK_JIzLmqBqy1 span {
        color: #fbdd61;
        font-size: 31px
    }

    ._23vkhoMZYeK_JIzLmqBqy1 small {
        display: block;
        font-style: italic;
        font-size: 20px;
        color: #fffdc7
    }

    ._3r8V4_194Qn9-IgsCXAEsb {
        height: 100%;
        padding: 17px 15px 0 20px
    }

    ._3r8V4_194Qn9-IgsCXAEsb>section {
        height: 355px;
        overflow-y: auto
    }

    ._3r8V4_194Qn9-IgsCXAEsb>footer {
        position: relative;
        color: #999;
        font-size: 14px;
        line-height: 44px;
        text-align: center
    }

    ._3r8V4_194Qn9-IgsCXAEsb>footer>img {
        position: absolute;
        top: -31px;
        right: 0;
        left: 0;
        z-index: 1;
        width: 724px;
        height: 31px;
        margin: 0 auto
    }

    ._3-1lJsQIJrTs3BLbVRpCI {
        margin: 15px 0;
        position: relative;
        height: 399px;
        padding-top: 22px;
        text-align: center;
        background-color: #fc0;
        border-radius: 5px
    }

    ._3-1lJsQIJrTs3BLbVRpCI h3 {
        margin: 0 0 10px;
        color: #333;
        font-size: 18px
    }

    ._3-1lJsQIJrTs3BLbVRpCI p {
        margin: 0;
        color: #333;
        font-size: 14px
    }

    ._3-1lJsQIJrTs3BLbVRpCI img {
        display: block;
        margin: -15px auto -10px;
        max-height: 175px;
        cursor: pointer
    }

    ._3-1lJsQIJrTs3BLbVRpCI button {
        position: absolute;
        top: 189px;
        left: 0;
        right: 0;
        z-index: 1;
        width: 97px;
        height: 28px;
        margin: 31px auto 0;
        color: #db2711;
        font-size: 14px;
        font-weight: bold;
        background: linear-gradient(to bottom, #ff3 0, #f93 100%);
        border: none;
        border-radius: 5px;
        outline: none
    }

    ._3u5OZIw8d7pf6WAFzWg8-o {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding-bottom: 41px;
        width: 100%;
        color: #db2711;
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase
    }

    ._2etk3TuOJSRyFrX0KyWOj- img {
        position: absolute;
        top: 83px;
        right: 0;
        left: 0;
        width: 245px;
        height: 188px
    }

    ._1byx9tlezjLZSQ1aJHIjJQ {
        display: block;
        margin-bottom: 15px;
        color: #000;
        font-size: 20px
    }

    ._1byx9tlezjLZSQ1aJHIjJQ._3wmh_0wIlID_oOabI6kmNH>div>span:nth-child(odd)>span {
        display: inline-block;
        vertical-align: middle;
        width: 26px;
        height: 26px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        background: #000;
        border: 1px solid #e63922;
        border-radius: 50%
    }

    ._1byx9tlezjLZSQ1aJHIjJQ._2Y3bvCVUhMbHMw_5V8sPB6 {
        display: inline-block;
        height: 36px;
        padding: 0 25px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        text-align: center;
        background: rgba(0, 0, 0, 0.8);
        border: 1px solid #e63922;
        border-radius: 18px
    }

    ._1byx9tlezjLZSQ1aJHIjJQ._2Y3bvCVUhMbHMw_5V8sPB6>div>span>span {
        color: #ff0
    }

    .BfdYbmuXdssafSyXrFu_v {
        position: absolute;
        top: 25px;
        left: 0;
        right: 0;
        z-index: 1;
        height: 176px;
        overflow: hidden
    }

    .BfdYbmuXdssafSyXrFu_v span {
        display: inline-block;
        vertical-align: top;
        width: 192px;
        height: 176px;
        margin-left: 12px;
        padding: 79px 21px 0 0;
        color: #900;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1d3395742079a3620476b736e7585397.png) no-repeat center;
        background-size: 100% 100%
    }

    .BfdYbmuXdssafSyXrFu_v span {
        -webkit-animation: slideInUp 1s;
        animation: slideInUp 1s
    }

    ._1Xe-8LZ_WgvLCFAAiWO9ED {
        height: 100%;
        padding-top: 154px;
        text-align: center
    }

    ._1Xe-8LZ_WgvLCFAAiWO9ED h4,
    ._1Xe-8LZ_WgvLCFAAiWO9ED h5 {
        margin: 0 0 10px;
        color: #666;
        font-size: 18px;
        font-weight: bold
    }

    ._1Xe-8LZ_WgvLCFAAiWO9ED h5 {
        margin: 0 0 20px;
        font-size: 14px
    }

    ._1Xe-8LZ_WgvLCFAAiWO9ED button {
        height: 36px;
        padding: 0 25px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        background: rgba(0, 0, 0, 0.8);
        border: 1px solid #e63922;
        border-radius: 18px;
        outline: none
    }

    .vi ._3-1lJsQIJrTs3BLbVRpCI button {
        width: 130px
    }


    .e7y6ylBT4bfOUvlDfsHeN {
        word-break: break-word
    }

    .e7y6ylBT4bfOUvlDfsHeN img {
        max-width: 100%
    }

    ._33DukIqIUtSpQQx8dEYL3t {
        display: block;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.7)
    }

    ._33DukIqIUtSpQQx8dEYL3t:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    ._33DukIqIUtSpQQx8dEYL3t>* {
        display: inline-block;
        vertical-align: middle;
        color: #fff
    }

    ._33DukIqIUtSpQQx8dEYL3t>i {
        font-size: 80px
    }

    ._10huPvOJ0xt_ban4g014RY i {
        font-size: 150px
    }

    ._10huPvOJ0xt_ban4g014RY p {
        margin: 20px 0;
        font-size: 25px
    }

    ._10huPvOJ0xt_ban4g014RY button {
        padding: 5px 15px;
        font-size: 20px;
        background: transparent;
        border: 1px solid #fff
    }

    ._10huPvOJ0xt_ban4g014RY button i {
        margin-left: 10px
    }


    ._3RrBV36wTG3akApGpDYp2m {
        outline: none
    }

    ._3RrBV36wTG3akApGpDYp2m .modal-dialog {
        width: 290px
    }

    ._3RrBV36wTG3akApGpDYp2m .modal-content {
        position: relative;
        min-height: 185px;
        padding-bottom: 10px;
        border: 1px solid #aaa;
        border-radius: 3px
    }

    ._1Zpq-Tk-JBGDiQA5p9djC3 {
        border: 0;
        position: absolute;
        top: 5px;
        right: 5px;
        display: inline-block;
        width: 28px;
        height: 27px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6886c0700a48eb1777905d50925c8369.png) no-repeat center top
    }

    ._217GvMlopGjNR_qJtQlyCF {
        padding-top: 18px
    }

    ._217GvMlopGjNR_qJtQlyCF p {
        margin: 0;
        color: #000;
        font-size: 13px;
        text-align: center
    }

    ._217GvMlopGjNR_qJtQlyCF section {
        font-size: 0;
        text-align: center
    }

    ._217GvMlopGjNR_qJtQlyCF section button {
        display: inline-block;
        width: 124px;
        height: 32px;
        vertical-align: top;
        padding: 0;
        font-size: 12px;
        border: 1px solid #ff6000;
        outline: none
    }

    ._2U2RwvpePDlsvFCkRzk7ff {
        margin-bottom: 10px;
        color: #58b037;
        font-size: 20px
    }

    ._2U2RwvpePDlsvFCkRzk7ff::before {
        content: "";
        display: block;
        width: 72px;
        height: 72px;
        margin: 0 auto 5px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d339ca609de6b17aa7ac0debdbfe6bfc.png) no-repeat center top
    }

    .tGqJwN6aQYKeOK5Xj1d6w {
        margin-bottom: 13px
    }

    .tGqJwN6aQYKeOK5Xj1d6w span {
        color: #3b76ed
    }

    ._29RlSW9AN0UyXECG5DLj8r {
        color: #ff6000;
        background: #fff;
        border-radius: 15px 0 0 15px
    }

    ._3vGbM2wbCwJ1SjAGkUjfGd {
        color: #fff;
        background: #ff6000;
        border-radius: 0 15px 15px 0
    }


    ._1w0YHTicZt62YOFClnJ68o .modal-content {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg)
    }

    ._38qhKwaKsk4Irh7o_doxEc h4 {
        color: #0080e3;
        font-weight: bold
    }

    ._38qhKwaKsk4Irh7o_doxEc input {
        color: #0080e3;
        font-size: 21px
    }

    ._38qhKwaKsk4Irh7o_doxEc .close {
        margin-top: 7px
    }

    ._2Oqo1yVTVKsYtzxsQFb0fW {
        margin-top: 15px;
        background-color: #f7f7f9;
        border: 1px solid #e1e1e8;
        border-radius: 4px
    }

    ._2Oqo1yVTVKsYtzxsQFb0fW blockquote {
        padding: 10px 20px;
        margin: 0 0 20px;
        border-left: 5px solid #eee
    }

    ._2Oqo1yVTVKsYtzxsQFb0fW img {
        max-width: 100%
    }


    .LEgWk6YqARhfQhnzcbU8M .modal-content {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8fc0b1adc87eed2490b37b9966e55b7c.jpg)
    }

    ._3_Xi0bmu6kjBs6uf-s2UYG h4 {
        color: #0080e3;
        font-weight: bold
    }

    ._3_Xi0bmu6kjBs6uf-s2UYG .close {
        margin-top: 7px
    }


    ._1-0RMTJGFNd0z9Wplt8qTP .modal-footer {
        text-align: center
    }

    ._1-0RMTJGFNd0z9Wplt8qTP .modal-footer button {
        background: linear-gradient(to bottom, #fc3 0, #f90 100%);
        border: 1px solid #ffcc33;
        color: #333333;
        height: 42px;
        width: 146px
    }

    ._1-0RMTJGFNd0z9Wplt8qTP .modal-footer button:hover {
        background: #ff9900
    }

    ._2-IpouIgH2jfOhVXk6HQ6T {
        font-size: 12px;
        min-height: 150px;
        padding: 13px
    }


    ._2fBSW3k7YyvgQmV2FO3z .modal-dialog {
        width: 480px
    }

    .aiCC3Ax-toBQ0i8TZ-kA9 h5 {
        margin: 0;
        font-weight: bold;
        line-height: 20px
    }

    .aiCC3Ax-toBQ0i8TZ-kA9 p {
        margin: 0
    }


    ._2KPJJrWF90Zsojm3_dpJLz ._2MjR4u8d0rVdKs6ZbbcGMp {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4ed13e15067c2882431d8897816a5385.png)
    }

    ._2KPJJrWF90Zsojm3_dpJLz ._38rPKWaXzBdXqthcEzZSLl {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d4c338db34986e9d0103dd24902cf616.png)
    }

    ._2KPJJrWF90Zsojm3_dpJLz h5 {
        margin: 0 -5px
    }

    ._2KPJJrWF90Zsojm3_dpJLz h5 span {
        color: #fff;
        line-height: 24px;
        text-align: justify
    }

    ._2KPJJrWF90Zsojm3_dpJLz h5 span:last-child {
        color: #ffcd00;
        text-decoration: underline;
        cursor: pointer
    }

    ._2KPJJrWF90Zsojm3_dpJLz ._3IRzJM-eTfFcttXEsyLZ0J {
        margin-top: 20px;
        color: #ffcd00;
        font-size: 22px;
        cursor: pointer
    }

    .pt ._2KPJJrWF90Zsojm3_dpJLz ._3IRzJM-eTfFcttXEsyLZ0J {
        margin-top: 12px;
        font-size: 19px;
        white-space: nowrap
    }


    ._2dTQDrEcqZP06XRDGUOErZ button {
        width: 100%
    }


    ._3uTRxpbTQkbfxfVyo9CYSI input {
        padding-left: 7px
    }

    ._3uTRxpbTQkbfxfVyo9CYSI h5 span {
        color: #fff;
        line-height: 26px;
        text-align: justify
    }

    ._3uTRxpbTQkbfxfVyo9CYSI h5 span:last-child {
        color: #ffcd00;
        text-decoration: underline;
        cursor: pointer
    }

    ._3uTRxpbTQkbfxfVyo9CYSI button {
        width: 100%
    }

    ._3y3WBUdaFHSwuHSDhxwXjO .modal-dialog {
        width: auto;
        margin-top: 115px
    }

    ._3y3WBUdaFHSwuHSDhxwXjO .modal-content {
        position: relative;
        width: 300px;
        height: 300px;
        margin: 0 auto;
        padding: 0;
        background: none;
        border: none;
        box-shadow: none
    }

    .SvF358fYS2P3j-izv3CBr {
        position: relative
    }

    .SvF358fYS2P3j-izv3CBr>button {
        position: absolute;
        top: -29px;
        right: -27px;
        width: 30px;
        height: 30px;
        color: #000;
        font-size: 18px;
        line-height: 30px;
        background: #fff;
        border-radius: 50%;
        border: none;
        outline: none;
        cursor: pointer
    }

    .IVJxTnz7CARBk_qG6mNLp {
        position: relative
    }

    .IVJxTnz7CARBk_qG6mNLp figure {
        width: 266px;
        height: 224px;
        margin: 0 auto
    }

    .IVJxTnz7CARBk_qG6mNLp figure img {
        max-width: 100%
    }

    .IVJxTnz7CARBk_qG6mNLp span {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 17px;
        color: #f00;
        font-size: 28px;
        font-weight: bold;
        text-align: center;
        line-height: 46px
    }


    ._3ITRfbu2b3Lgg8gcuYXZ_P .modal-dialog {
        margin-top: 4%;
        width: 1200px;
        border-radius: 10px
    }

    ._1bdOH0gqmbAq5sNPlG0zVb {
        position: absolute;
        top: -40px;
        right: -30px;
        color: #fff;
        font-size: 30px;
        cursor: pointer
    }

    ._1wK4P5e3I_AQgzhDoPJiDb {
        height: 760px;
        padding: 0 40px 40px;
        overflow-y: scroll;
        text-align: center
    }

    ._1wK4P5e3I_AQgzhDoPJiDb h1 {
        color: #8b5211;
        font-size: 30px;
        font-weight: bold
    }

    ._1wK4P5e3I_AQgzhDoPJiDb table {
        width: 100%;
        margin: 0 auto
    }

    ._1wK4P5e3I_AQgzhDoPJiDb table thead tr {
        height: 50px;
        border: 1px solid #f1da6f;
        background-image: linear-gradient(to bottom, #ffe980, #f1da6f)
    }

    ._1wK4P5e3I_AQgzhDoPJiDb table thead tr th {
        color: #8b5211;
        font-size: 14px;
        font-weight: bold;
        text-align: center
    }

    ._1wK4P5e3I_AQgzhDoPJiDb table thead tr th+th {
        border-left: 1px dotted #8b5211
    }

    ._1wK4P5e3I_AQgzhDoPJiDb table tbody td {
        height: 50px;
        border: 1px solid #f1da6f
    }

    .gSkJpAc7IrbXlj3biLk1e {
        padding: 15px;
        border-radius: 5px
    }

    ._34Inka-CWdW7olcCIUQyjY {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a62c33b57fd49f3c731a15f251ac67d3.png)
    }

    ._5kpYNqHFkQun8HWfr-YDg {
        display: -ms-flexbox;
        display: flex
    }

    ._5kpYNqHFkQun8HWfr-YDg .NMMFlKUD4h5ITLiRUaVhE {
        width: 300px;
        color: #fff;
        text-align: center;
        border-radius: 10px
    }

    ._5kpYNqHFkQun8HWfr-YDg .NMMFlKUD4h5ITLiRUaVhE>section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 218px;
        margin-bottom: 2px;
        color: #fff;
        background: #1a5c79;
        border-radius: 10px 10px 0 0
    }

    ._5kpYNqHFkQun8HWfr-YDg .NMMFlKUD4h5ITLiRUaVhE>section>i {
        font-size: 60px
    }

    ._5kpYNqHFkQun8HWfr-YDg ._1OOV-q3ssZv9VpaFEYYwdD {
        -ms-flex: 1;
        flex: 1;
        width: calc(100% - 330px);
        margin-left: 30px
    }

    .g5UAxxGS5PCGmIpl_Gv_7 {
        margin: 10px 0;
        font-weight: bold;
        font-size: 15px
    }

    .g5UAxxGS5PCGmIpl_Gv_7>span:nth-child(2) {
        display: inline-block;
        max-width: 105px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .VCWc1xD16JjHVQV5T2QFm {
        margin: 0 auto;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px
    }

    .VCWc1xD16JjHVQV5T2QFm ._2kiO79mWzuPtUlVD3NTg1L {
        display: inline-block;
        max-width: 6em;
        font-size: 22px;
        vertical-align: top;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .VCWc1xD16JjHVQV5T2QFm button {
        padding: 0;
        color: #32b4e3
    }

    .VCWc1xD16JjHVQV5T2QFm button:hover {
        color: #ffd800
    }

    ._3Bmg0lcRzYx-DxpIXfLPdU {
        margin-top: 10px;
        font-size: 14px
    }

    ul._3XHO2UA0RB0rER4aWKSeqO {
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: 100%;
        margin: 0 0 2px;
        padding: 0
    }

    ul._3XHO2UA0RB0rER4aWKSeqO li {
        -ms-flex: 1;
        flex: 1;
        height: 100px;
        background: #307a9c;
        list-style: none
    }

    ul._3XHO2UA0RB0rER4aWKSeqO li:hover,
    ul._3XHO2UA0RB0rER4aWKSeqO li.active {
        background: #32b4e3
    }

    ul._3XHO2UA0RB0rER4aWKSeqO li:hover a,
    ul._3XHO2UA0RB0rER4aWKSeqO li.active a {
        color: #000
    }

    ul._3XHO2UA0RB0rER4aWKSeqO li+li {
        margin-left: 2px
    }

    ul._3XHO2UA0RB0rER4aWKSeqO li a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        text-decoration: none
    }

    ul._3XHO2UA0RB0rER4aWKSeqO li a i {
        margin-bottom: 10px;
        font-size: 30px
    }

    ul._1zBBtO83fFSEPTlrAwj7Vm {
        display: block;
        margin: 0 auto;
        padding: 0 0 25px 0;
        background: #307a9c;
        border-radius: 0 0 10px 10px;
        list-style: none
    }

    ul._1zBBtO83fFSEPTlrAwj7Vm>li {
        position: relative;
        height: 56px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 3px;
        line-height: 56px
    }

    ul._1zBBtO83fFSEPTlrAwj7Vm>li.active,
    ul._1zBBtO83fFSEPTlrAwj7Vm>li:hover {
        color: #000;
        background: #32b4e3
    }

    ul._1zBBtO83fFSEPTlrAwj7Vm>li.active ._2xp1O4AWed-sWDEbLBlisV,
    ul._1zBBtO83fFSEPTlrAwj7Vm>li:hover ._2xp1O4AWed-sWDEbLBlisV {
        background: #000
    }

    ul._1zBBtO83fFSEPTlrAwj7Vm>li ._2xp1O4AWed-sWDEbLBlisV {
        display: inline-block;
        width: 22px;
        height: 20px;
        vertical-align: middle;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c3f5f57d83348c5cb1f068620212b45c.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c3f5f57d83348c5cb1f068620212b45c.svg);
        background: #fff
    }

    ul._1zBBtO83fFSEPTlrAwj7Vm>li a {
        display: inline-block;
        width: 100%;
        height: 100%;
        vertical-align: top;
        color: inherit;
        text-align: left;
        padding-left: 44px;
        text-decoration: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .yb-_N1FamYMCU62FaoRqJ,
    ._3KCg0qVvT8-2D-nyEN2VzK {
        position: absolute;
        top: 17px;
        max-width: 70px;
        padding: 0 4px;
        color: #fff;
        font-size: 12px;
        line-height: 13px;
        letter-spacing: 0;
        background: #f00;
        border: 2px solid #f00;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 8px
    }

    ._3UvIVoumJj3nKcEjBX9shb {
        box-sizing: border-box
    }

    .popover-content {
        color: #000
    }

    .bootstrap-datetimepicker-widget .datepicker table td {
        color: #000
    }

    .bootstrap-datetimepicker-widget .datepicker table td.active,
    .bootstrap-datetimepicker-widget .datepicker table td.active:hover {
        color: #fff
    }


    ._2O__agaxo_hd2Gs2M1jCte {
        display: -ms-flexbox;
        display: flex;
        width: 1480px !important
    }

    ._2O__agaxo_hd2Gs2M1jCte>ui-view {
        -ms-flex-positive: 1;
        flex-grow: 1;
        min-height: 730px
    }

    ._1q0lqRmtjFJbiK7urewyEB {
        padding: 30px 0
    }


    .WCTZGVGljb9sfomZ3A152 {
        position: fixed;
        z-index: 10000;
        right: 0;
        bottom: 0;
        text-align: right
    }

    .WCTZGVGljb9sfomZ3A152 ._2jpnahM_flb2179Zrhkm6y {
        position: absolute;
        left: -26px;
        top: 3px;
        width: 26px;
        height: 26px;
        cursor: pointer;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c022587026b4e1ebf3277cdcb9746f55.png)
    }

    .WCTZGVGljb9sfomZ3A152 ul {
        margin: 0 auto;
        padding: 0;
        list-style: none
    }

    .WCTZGVGljb9sfomZ3A152 ._4Bnz5uyExAb59S1qfzy_9 {
        display: block;
        height: 100%;
        white-space: nowrap;
        overflow: hidden
    }

    .WCTZGVGljb9sfomZ3A152 ._4Bnz5uyExAb59S1qfzy_9 li {
        width: 145px;
        height: 160px
    }

    .WCTZGVGljb9sfomZ3A152 ._4Bnz5uyExAb59S1qfzy_9 li img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle
    }

    .WCTZGVGljb9sfomZ3A152 ._1f9NenqKkFJGmyt8Rb8Kuh {
        position: absolute;
        top: -7px;
        left: 0;
        right: 0;
        font-size: 0;
        text-align: right
    }

    .WCTZGVGljb9sfomZ3A152 ._1f9NenqKkFJGmyt8Rb8Kuh li {
        display: inline-block;
        width: 12px;
        height: 12px;
        vertical-align: top;
        margin: 0 3px;
        background-color: #fff;
        border: 1px solid #000;
        border-radius: 50%;
        cursor: pointer
    }

    .WCTZGVGljb9sfomZ3A152 ._1f9NenqKkFJGmyt8Rb8Kuh li.on {
        background-color: #ffd053
    }


    ._3YZ81tWqgxIHvSwF7szH6O {
        position: fixed;
        left: 10px;
        bottom: 200px;
        z-index: 3
    }

    ._3YZ81tWqgxIHvSwF7szH6O>a {
        display: block;
        margin-bottom: 15px
    }

    ._26Ffqy4qe9t1sOtTm1E_AE {
        position: fixed;
        right: 10px;
        bottom: 200px;
        z-index: 3
    }

    ._26Ffqy4qe9t1sOtTm1E_AE>a {
        display: block;
        margin-bottom: 15px
    }


    ._3kXaCnwtq87FrDpFiNs0CJ {
        position: relative;
        width: 500px;
        height: 80px;
        line-height: 80px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/71e42564041c10aa70380d8a1aa45e44.png);
        cursor: pointer
    }

    ._3gYAsohOlYzQpRHxbvTD4L {
        position: absolute;
        right: 14px;
        top: 26px;
        z-index: 5;
        width: 28px;
        height: 28px;
        cursor: pointer
    }

    ._3M5-J_t1cTjnd6Hi6pRO4H {
        color: #000
    }

    ._2F77d-cB9oe30tcUS5t610 {
        color: #ff0000
    }


    ._2-QVZlFTGPp9mlu5CL1NlD {
        position: fixed;
        z-index: 10001;
        bottom: 100px;
        width: 100%;
        height: 0
    }

    ._3y6Sc520aW9odN1RnFOAWy {
        height: 0;
        white-space: nowrap
    }

    ._1HI_0cxqfldSSrw3t8aqsL {
        float: left;
        margin-right: 30px
    }


    ._1EEGE2d2qdDf-SAglsaSD_ {
        position: fixed;
        right: 0;
        bottom: 175px;
        width: 80px;
        height: 80px;
        white-space: nowrap;
        overflow: hidden;
        transition: all 0.6s;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer
    }

    ._1EEGE2d2qdDf-SAglsaSD_:hover {
        width: 320px
    }

    ._1EEGE2d2qdDf-SAglsaSD_:hover ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug {
        padding-top: 14px;
        color: #fff;
        background: transparent;
        border: none
    }

    ._1EEGE2d2qdDf-SAglsaSD_:hover ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug::before {
        opacity: 1;
        filter: alpha(opacity=100)
    }

    ._1EEGE2d2qdDf-SAglsaSD_:hover ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug>div {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d972f64702843295cce123d0f2470310.png)
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW {
        display: inline-block;
        height: 100%;
        line-height: normal
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug {
        display: inline-block;
        position: relative;
        width: 80px;
        height: 80px;
        padding-top: 11px;
        color: #ff4c4c;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        background: #fff;
        border: 3px solid #ff4c4c;
        overflow: hidden;
        border-radius: 12px;
        white-space: nowrap
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        background: linear-gradient(to right, #ff8f4c 0%, #ff4c4c 100%);
        filter: alpha(opacity=0);
        transition: all 0.6s
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug>div {
        height: 31px;
        margin-bottom: 4px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5829320a4453d59f24f87898a344c4c6.png) no-repeat center
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1rqvbyXfaOQOkqyfdVB_Ug>span {
        font-size: 16px
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1GL8uLOmIb3qUPzTKouIDX {
        position: relative;
        display: inline-block;
        width: 190px;
        height: 80px;
        margin-left: 5px;
        padding: 13px 60px 0 11px;
        color: #fff;
        font-size: 16px;
        background: #ff4c4c;
        border-radius: 12px;
        vertical-align: top
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1GL8uLOmIb3qUPzTKouIDX>div {
        font-size: 28px;
        font-weight: bold;
        line-height: 30px
    }

    ._1EEGE2d2qdDf-SAglsaSD_ ._1Cz92rey3f8KvsDCsVrCcW ._1GL8uLOmIb3qUPzTKouIDX>i {
        position: absolute;
        top: 15px;
        right: 8px;
        font-size: 50px
    }

    ._3cgqklD7Be6kyGYa9Sxp4k {
        position: relative;
        margin-left: 5px;
        color: #ff4c4c;
        font-size: 30px
    }

    ._3cgqklD7Be6kyGYa9Sxp4k::before {
        content: "";
        position: absolute;
        top: 13px;
        left: 8px;
        width: 15px;
        height: 15px;
        z-index: -1;
        background: #fff
    }


    ._1K46ETgpprUwx-2dP9Zonj {
        position: relative;
        display: inline-block;
        min-width: 380px;
        height: 66px;
        font-size: 0;
        text-align: left;
        cursor: pointer
    }

    ._1K46ETgpprUwx-2dP9Zonj::before {
        content: '';
        position: absolute;
        top: -23px;
        left: 0;
        display: inline-block;
        width: 130px;
        height: 100px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7ff59d2dbe09f07b3f73514fa7ff9f47.gif) no-repeat center
    }

    ._1K46ETgpprUwx-2dP9Zonj>section {
        padding: 19px 28px 0 130px;
        color: #000;
        text-align: center;
        font-size: 13px
    }

    ._2EBVse_00dtgKNK6ObFWsi {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 35px;
        right: 35px;
        height: 100%;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b0d037ef04e67b3ecd1ac17af8b2dfd6.png) repeat-x center
    }

    ._2EBVse_00dtgKNK6ObFWsi:before,
    ._2EBVse_00dtgKNK6ObFWsi:after {
        content: '';
        position: absolute;
        top: 0;
        left: -35px;
        height: 100%;
        width: 35px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/dc6fd8ab25404500172334943528d6b9.png) no-repeat center
    }

    ._2EBVse_00dtgKNK6ObFWsi:after {
        left: initial;
        right: -35px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/53cc4c81fcf9ef45fc9e1773ff039d96.png)
    }

    .m6St-e1wM0x21-4b5uLpn {
        position: absolute;
        bottom: -8px;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        align-items: flex-end;
        width: 130px;
        height: 100px;
        padding: 0 10px;
        font-size: 14px;
        color: #ffed57;
        font-weight: bold;
        text-transform: capitalize;
        word-break: break-word;
        white-space: break-spaces
    }

    .gSzr4CypKJcHsURkQtHL1 {
        color: #f7ff00
    }

    .gSzr4CypKJcHsURkQtHL1 span {
        color: #fff
    }

    .EbHrkgh5n1kFXLLiIvbvS {
        float: right;
        margin-left: 10px;
        cursor: pointer
    }

    .zh-cn ._1K46ETgpprUwx-2dP9Zonj .m6St-e1wM0x21-4b5uLpn {
        bottom: 3px;
        padding: 0 5px;
        font-size: 12px
    }

    .zh-tw ._1K46ETgpprUwx-2dP9Zonj .m6St-e1wM0x21-4b5uLpn {
        bottom: 3px;
        padding: 0 5px;
        font-size: 12px
    }

    .vi ._1K46ETgpprUwx-2dP9Zonj .m6St-e1wM0x21-4b5uLpn {
        bottom: 3px;
        padding: 0 5px;
        font-size: 12px
    }


    ._2iLht9lFXC6kjLIta6Ue2Q {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._2iLht9lFXC6kjLIta6Ue2Q h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._2iLht9lFXC6kjLIta6Ue2Q h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._2iLht9lFXC6kjLIta6Ue2Q h4 {
        font-size: 14px
    }

    ._2iLht9lFXC6kjLIta6Ue2Q>ul {
        list-style: none
    }

    ._2iLht9lFXC6kjLIta6Ue2Q ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._2iLht9lFXC6kjLIta6Ue2Q p,
    ._2iLht9lFXC6kjLIta6Ue2Q li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._2iLht9lFXC6kjLIta6Ue2Q p {
        margin: 1em 0
    }

    ._2iLht9lFXC6kjLIta6Ue2Q p._5xDbGftCYoZS6wPkRmqoY {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._2iLht9lFXC6kjLIta6Ue2Q p._5xDbGftCYoZS6wPkRmqoY img {
        width: 33%
    }

    ._2iLht9lFXC6kjLIta6Ue2Q ._1JYb0G2uZehg7gXoThXvdU {
        color: #0a5d83;
        font-weight: bolder
    }

    ._2iLht9lFXC6kjLIta6Ue2Q table {
        width: 100%
    }

    ._2iLht9lFXC6kjLIta6Ue2Q table thead tr,
    ._2iLht9lFXC6kjLIta6Ue2Q table thead th,
    ._2iLht9lFXC6kjLIta6Ue2Q table thead td,
    ._2iLht9lFXC6kjLIta6Ue2Q table tbody tr,
    ._2iLht9lFXC6kjLIta6Ue2Q table tbody th,
    ._2iLht9lFXC6kjLIta6Ue2Q table tbody td,
    ._2iLht9lFXC6kjLIta6Ue2Q table tfoot tr,
    ._2iLht9lFXC6kjLIta6Ue2Q table tfoot th,
    ._2iLht9lFXC6kjLIta6Ue2Q table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._2iLht9lFXC6kjLIta6Ue2Q table thead th,
    ._2iLht9lFXC6kjLIta6Ue2Q table tbody th,
    ._2iLht9lFXC6kjLIta6Ue2Q table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }


    ._3M_cJLsEzz3IFbfU2tG_nz {
        padding: 284px 0 20px;
        background: #391c88 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5ce954e3f9e02a8fac3b6cb7e3a1ba1b.jpg) no-repeat center top
    }

    .ORTbpe-U1ggwxy0ujmffH {
        position: relative;
        width: 944px;
        min-height: 589px;
        margin: 70px auto;
        padding: 0 40px 30px;
        font-size: 0;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/61e54a50c120f2ef9d47a0ba48bcbf00.png) repeat-y center
    }

    .ORTbpe-U1ggwxy0ujmffH:before,
    .ORTbpe-U1ggwxy0ujmffH:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center top
    }

    .ORTbpe-U1ggwxy0ujmffH:before {
        top: -70px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8b4aa5dd7189147b5768ba6ade96342c.png)
    }

    .ORTbpe-U1ggwxy0ujmffH:after {
        bottom: -70px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/795d1e949ede3ddde9b7f5696fab269d.png)
    }

    ._2QwUs1TvP-lhujKI5mQIy6 {
        position: absolute;
        right: 0;
        left: 0;
        top: -120px;
        width: 520px;
        height: 106px;
        margin: 0 auto
    }

    .zhr6WYD10R0XjgcOxcB5A {
        margin: 0 0 20px
    }

    .zhr6WYD10R0XjgcOxcB5A li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: 40px;
        margin: 0 13px 0 41px;
        padding: 0 5px;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        line-height: 37px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3db7abf9be9130ee7350ca950d3bab91.png) repeat-x center top
    }

    .zhr6WYD10R0XjgcOxcB5A li+li {
        margin-left: 61px
    }

    .zhr6WYD10R0XjgcOxcB5A li:before,
    .zhr6WYD10R0XjgcOxcB5A li:after {
        content: "";
        position: absolute;
        top: 0;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center top
    }

    .zhr6WYD10R0XjgcOxcB5A li:before {
        left: -41px;
        width: 41px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74da1cee0fe914447352f5c6a5987cff.png)
    }

    .zhr6WYD10R0XjgcOxcB5A li:after {
        right: -13px;
        width: 13px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/19fef062d41f6b7c9ccbcbcf2e75e669.png)
    }

    .zhr6WYD10R0XjgcOxcB5A li:hover,
    .zhr6WYD10R0XjgcOxcB5A li.active {
        background-position: center bottom
    }

    .zhr6WYD10R0XjgcOxcB5A li:hover:before,
    .zhr6WYD10R0XjgcOxcB5A li:hover:after,
    .zhr6WYD10R0XjgcOxcB5A li.active:before,
    .zhr6WYD10R0XjgcOxcB5A li.active:after {
        background-position: center bottom
    }

    ._2KlBPHpfRWgGpPc09u6Mvw li {
        margin-top: 10px
    }

    ._2KlBPHpfRWgGpPc09u6Mvw li.non-highlight {
        opacity: 0.5
    }

    ._2KlBPHpfRWgGpPc09u6Mvw li img {
        width: 100%;
        border-radius: 10px
    }

    .zh-cn ._3M_cJLsEzz3IFbfU2tG_nz {
        padding: 284px 0 20px;
        background: #391c88 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/60f35ebedf9cbf30268e262b1bfa7a77.jpg) no-repeat center top
    }

    .zh-tw ._3M_cJLsEzz3IFbfU2tG_nz {
        padding: 284px 0 20px;
        background: #391c88 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/60f35ebedf9cbf30268e262b1bfa7a77.jpg) no-repeat center top
    }


    ._3K2xbqJg9xuE9QCpBcZ9Qc {
        padding: 284px 0 20px;
        background: #5fc1cd url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/569c444ba7ebe3c8987a4579cdb711dc.jpg) no-repeat center top
    }

    ._3uFOUIzmHLzUAr4P6Sye6H {
        position: relative;
        width: 944px;
        min-height: 589px;
        margin: 70px auto;
        padding: 0 40px 30px;
        font-size: 0;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ea0332ee1321045e3a76480223fc07bd.png) repeat-y center
    }

    ._3uFOUIzmHLzUAr4P6Sye6H:before,
    ._3uFOUIzmHLzUAr4P6Sye6H:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center top
    }

    ._3uFOUIzmHLzUAr4P6Sye6H:before {
        top: -70px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ba99420d293d5e3f75c827d433231bb0.png)
    }

    ._3uFOUIzmHLzUAr4P6Sye6H:after {
        bottom: -70px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/03c1d4f4055d1ab290ad83c4fd960fd8.png)
    }

    ._3HRwpFc9ayXxX09le_Dc9W {
        position: absolute;
        right: 0;
        left: 0;
        top: -120px;
        width: 520px;
        height: 106px;
        margin: 0 auto;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8d39fbe1bd714f5f05972c8b98d09b73.png) no-repeat center top
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F {
        margin: 0 0 20px
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: 40px;
        margin: 0 13px 0 41px;
        padding: 0 5px;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        line-height: 37px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/23d91f64fc777b3d36f573dac3dd3a5f.png) repeat-x center top
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li+li {
        margin-left: 61px
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li:before,
    ._1-UHpZ2d2oqPAgKMKxBx1F li:after {
        content: "";
        position: absolute;
        top: 0;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center top
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li:before {
        left: -41px;
        width: 41px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2dec4b7222e1899fa4c6a83057cb430d.png)
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li:after {
        right: -13px;
        width: 13px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0961a90d8e20b2e417067558988c8640.png)
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li:hover,
    ._1-UHpZ2d2oqPAgKMKxBx1F li.active {
        background-position: center bottom
    }

    ._1-UHpZ2d2oqPAgKMKxBx1F li:hover:before,
    ._1-UHpZ2d2oqPAgKMKxBx1F li:hover:after,
    ._1-UHpZ2d2oqPAgKMKxBx1F li.active:before,
    ._1-UHpZ2d2oqPAgKMKxBx1F li.active:after {
        background-position: center bottom
    }

    ._1kbuf3N5PXVf4XRY9HzvzO li {
        margin-top: 10px
    }

    ._1kbuf3N5PXVf4XRY9HzvzO li.non-highlight {
        opacity: 0.5
    }

    ._1kbuf3N5PXVf4XRY9HzvzO li img {
        width: 100%
    }

    ._37zR87fCH7EGISHNDMGgme {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 216px;
        height: 264px
    }

    ._37zR87fCH7EGISHNDMGgme>div {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        width: 216px;
        height: 264px;
        transition: right ease 0.2s
    }

    ._37zR87fCH7EGISHNDMGgme ._13qFUHkN7HOcjW5t_93ijG {
        right: 0
    }

    ._37zR87fCH7EGISHNDMGgme ._1i7nDctXJbDFk9mF_eJckI {
        right: -216px;
        cursor: pointer
    }

    ._37zR87fCH7EGISHNDMGgme:hover ._13qFUHkN7HOcjW5t_93ijG {
        right: -216px
    }

    ._37zR87fCH7EGISHNDMGgme:hover ._1i7nDctXJbDFk9mF_eJckI {
        right: 0
    }

    ._2qhTQvA-sOzU4n181tI9Rx {
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 120px;
        background: rgba(0, 0, 0, 0.8)
    }

    ._3g15lGAucj3evM3-zU4nd1 {
        width: 660px;
        height: 375.8px;
        margin: 0 auto
    }

    .a964s7F8CKErNUcM2As4l {
        text-align: center
    }

    .a964s7F8CKErNUcM2As4l>p {
        margin: -75px 0 30px;
        color: #ff0;
        font-size: 24px;
        font-weight: bold
    }

    .a964s7F8CKErNUcM2As4l ._1LuOcpxp9K6aoaL5QMzMfv {
        display: inline-block;
        vertical-align: top
    }

    .a964s7F8CKErNUcM2As4l ._1LuOcpxp9K6aoaL5QMzMfv img {
        width: 109px;
        height: 109px;
        margin-bottom: 5px
    }

    .a964s7F8CKErNUcM2As4l ._1LuOcpxp9K6aoaL5QMzMfv p {
        margin: 0;
        color: #fff;
        font-family: "Microsoft JhengHei";
        font-size: 18px
    }

    .a964s7F8CKErNUcM2As4l .e_alujffP2WdmnSGWdOQs {
        display: inline-block;
        margin-left: 15px;
        padding-top: 37px
    }

    .a964s7F8CKErNUcM2As4l .e_alujffP2WdmnSGWdOQs ._26PsLo-A77dxl0EmTkuSRS {
        display: block;
        min-width: 129px;
        height: 40px;
        margin-bottom: 10px;
        padding: 0 10px;
        color: #000;
        font-family: "Microsoft JhengHei";
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom, #fde760 0, #d28203 100%);
        border-radius: 5px;
        border: none
    }

    .a964s7F8CKErNUcM2As4l .e_alujffP2WdmnSGWdOQs ._3_fNIJ86aiktjjUKNQNH3H {
        display: inline-block;
        min-width: 92px;
        height: 30px;
        padding: 0 10px;
        color: #000;
        font-family: "Microsoft JhengHei";
        font-size: 14px;
        text-align: center;
        background: #aaa;
        border-radius: 5px;
        border: none
    }


    @font-face {
        font-family: LiZiJunLinJian;
        src: url("https://qk3x72.katawee.net/system-requirement/Web.Portal/_Common/fonts/LiZiJunLinJian-2.ttf")
    }

    ._1EvI6mPqqSlBAk79xt0Blg {
        padding: 284px 0 20px;
        background: #a00500 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f4368046f0318b245fb87415685addbf.jpg) no-repeat center top
    }

    .ugIaIDLWhxe1L_Jv5fP-k {
        position: relative;
        width: 944px;
        min-height: 589px;
        margin: 70px auto;
        padding: 0 40px 30px;
        font-size: 0;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2e6b3d9b2d4a6e16f13d42fe9c310426.png) repeat-y center
    }

    .ugIaIDLWhxe1L_Jv5fP-k:before,
    .ugIaIDLWhxe1L_Jv5fP-k:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 70px;
        background-repeat: no-repeat;
        background-position: center top
    }

    .ugIaIDLWhxe1L_Jv5fP-k:before {
        top: -70px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/94ecbb8d273a195574afdac550a158bd.png)
    }

    .ugIaIDLWhxe1L_Jv5fP-k:after {
        bottom: -70px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/19214cb34bf3ca59d63ebeab52d4b8c7.png)
    }

    ._1eM4RarUe_daAGmbnfWKcu {
        position: absolute;
        right: 0;
        left: 0;
        top: -120px;
        width: 520px;
        height: 106px;
        margin: 0 auto;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/58f73ef3383f11f5fbc88f12d98b628a.png) no-repeat center top
    }

    .EPv0-YDQoIb1yesHxvWCS {
        margin: 0 0 20px
    }

    .EPv0-YDQoIb1yesHxvWCS li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        height: 40px;
        margin: 0 13px 0 41px;
        padding: 0 5px;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
        line-height: 37px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/81ae7d03b75548a160e41d0374149a8b.png) repeat-x center top
    }

    .EPv0-YDQoIb1yesHxvWCS li+li {
        margin-left: 61px
    }

    .EPv0-YDQoIb1yesHxvWCS li:before,
    .EPv0-YDQoIb1yesHxvWCS li:after {
        content: '';
        position: absolute;
        top: 0;
        height: 40px;
        background-repeat: no-repeat;
        background-position: center top
    }

    .EPv0-YDQoIb1yesHxvWCS li:before {
        left: -41px;
        width: 41px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c76c94cc0514a479270e9db19cf85aac.png)
    }

    .EPv0-YDQoIb1yesHxvWCS li:after {
        right: -13px;
        width: 13px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2e6e2baacf53dd5ba78a40652dc50bc6.png)
    }

    .EPv0-YDQoIb1yesHxvWCS li:hover,
    .EPv0-YDQoIb1yesHxvWCS li.active {
        background-position: center bottom
    }

    .EPv0-YDQoIb1yesHxvWCS li:hover:before,
    .EPv0-YDQoIb1yesHxvWCS li:hover:after,
    .EPv0-YDQoIb1yesHxvWCS li.active:before,
    .EPv0-YDQoIb1yesHxvWCS li.active:after {
        background-position: center bottom
    }

    .dC8s1QFeqUtagz59w9j5X li {
        margin-top: 10px
    }

    .dC8s1QFeqUtagz59w9j5X li.non-highlight {
        opacity: 0.5
    }

    .dC8s1QFeqUtagz59w9j5X li img {
        width: 100%;
        border-radius: 10px
    }

    ._15dKD0qDYF7Q5kg0oTpY6C {
        position: fixed;
        right: 0;
        bottom: 0;
        z-index: 0;
        width: 220px;
        height: 220px
    }

    ._15dKD0qDYF7Q5kg0oTpY6C>div {
        position: absolute;
        z-index: 1;
        right: 0;
        bottom: 0;
        width: 220px;
        height: 220px;
        transition: right ease 0.2s
    }

    ._15dKD0qDYF7Q5kg0oTpY6C .Z8HHMA4xBU6YtZayTcuRO {
        right: 0
    }

    ._15dKD0qDYF7Q5kg0oTpY6C ._1MLTT99q5vhtOI5pe_8qNH {
        right: -216px;
        cursor: pointer
    }

    ._15dKD0qDYF7Q5kg0oTpY6C:hover .Z8HHMA4xBU6YtZayTcuRO {
        right: -216px
    }

    ._15dKD0qDYF7Q5kg0oTpY6C:hover ._1MLTT99q5vhtOI5pe_8qNH {
        right: 0
    }

    ._2t0M13vNh7VvRLgbYi26Sz {
        position: fixed;
        z-index: 1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 120px;
        background: rgba(0, 0, 0, 0.8)
    }

    ._2viInP9YtwIsdB7OSkFTO0 {
        position: relative;
        width: 860px;
        height: 390px;
        margin: 0 auto;
        background: #c22622;
        border: 2px solid #ffd07d;
        border-radius: 24px
    }

    ._1WVNOByrQkB-Hgxe8raZFb {
        position: absolute;
        top: calc(0px - (545px - 390px) / 2);
        left: 20px;
        width: 450px;
        height: 545px;
        margin: 0 auto
    }

    ._1mMNBeeCeD491SijD4wq0g {
        float: right;
        width: 50%;
        text-align: center
    }

    ._1mMNBeeCeD491SijD4wq0g>p {
        margin: 60px 0 10px 90px;
        color: #ffd236;
        font-family: LiZiJunLinJian;
        font-size: 28px;
        font-weight: bold;
        text-align: left
    }

    ._1mMNBeeCeD491SijD4wq0g ._3RkjnwuAS3vq_qTVi2b_vO {
        display: inline-block;
        vertical-align: top
    }

    ._1mMNBeeCeD491SijD4wq0g ._3RkjnwuAS3vq_qTVi2b_vO img {
        width: 130px;
        height: 130px;
        margin-bottom: 5px
    }

    ._1mMNBeeCeD491SijD4wq0g ._3RkjnwuAS3vq_qTVi2b_vO p {
        margin: 0;
        color: #fff;
        font-family: 'Microsoft JhengHei';
        font-size: 16px
    }

    ._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI {
        display: inline-block;
        margin-left: 15px;
        padding-top: 30px
    }

    ._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI ._3tL_2PfNeI595CDDIvZoxQ {
        display: block;
        width: 130px;
        margin-bottom: 10px;
        height: 52px;
        color: #ffdd68;
        font-size: 24px;
        font-family: LiZiJunLinJian;
        line-height: 26px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/753a2307e4d1633f0cb0c86576890024.png) no-repeat center top;
        border: none
    }

    ._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI ._3tL_2PfNeI595CDDIvZoxQ:hover {
        color: #ff2;
        background-position: center bottom
    }

    ._1mMNBeeCeD491SijD4wq0g ._1LkuqlSqFjrIZJ_Xz5K6JI .mKOrm3bPiIG2aNTS0jt1i {
        display: inline-block;
        width: 104px;
        height: 41px;
        color: #d1d1d1;
        font-family: LiZiJunLinJian;
        font-size: 18px;
        line-height: 42px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/93540d7049e3378229f49be99d6753d8.png) no-repeat center;
        border: none
    }


    ._2phMHgolXAEHhSqYkewMvA {
        display: block;
        list-style: none;
        margin: 0 auto;
        padding: 0 0 0 30px
    }

    ._2phMHgolXAEHhSqYkewMvA li {
        display: inline-block;
        width: 26%;
        vertical-align: top;
        margin: 10px 3%;
        background: rgba(204, 204, 204, 0.6);
        border-radius: 5px;
        cursor: pointer
    }

    ._2phMHgolXAEHhSqYkewMvA li:hover {
        background: rgba(204, 204, 204, 0.9)
    }

    ._2phMHgolXAEHhSqYkewMvA li button {
        width: 100%;
        min-height: 150px;
        padding: 25px 0 15px;
        color: #444;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        letter-spacing: 2px
    }

    ._2phMHgolXAEHhSqYkewMvA li button:hover,
    ._2phMHgolXAEHhSqYkewMvA li button:focus {
        color: #444;
        text-decoration: none
    }

    ._2phMHgolXAEHhSqYkewMvA li i {
        display: block;
        font-size: 50px;
        margin-bottom: 10px
    }

    ._2phMHgolXAEHhSqYkewMvA li i.ZeZepGfI8SIz0CpC8NnC1 {
        height: 50px;
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/69577e9b973eb06dbe7cd24814aeff57.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/69577e9b973eb06dbe7cd24814aeff57.svg);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: #444
    }


    .ZaQ9gL-irPqgsqaQG-TAw gupw-captcha-box {
        display: block;
        margin-bottom: 15px
    }

    .ZaQ9gL-irPqgsqaQG-TAw gupw-captcha-box input {
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
    }

    .ZaQ9gL-irPqgsqaQG-TAw gupw-captcha-box img {
        position: relative;
        top: 0;
        right: 0;
        height: 34px
    }

    ._2xZTDME_oMGk6WvW_Ozcsz .Sn8vC5ppS4ucCNqaEbrjW {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        color: #000
    }

    ._2xZTDME_oMGk6WvW_Ozcsz ._31A81upV2y5JddGPWAe8Bg {
        border-color: red
    }

    ._2xZTDME_oMGk6WvW_Ozcsz button._31A81upV2y5JddGPWAe8Bg {
        color: red
    }

    ._2xZTDME_oMGk6WvW_Ozcsz ._3xeoIQbke5dwbQKaI_sQ6Z {
        border-color: green
    }

    ._2xZTDME_oMGk6WvW_Ozcsz button._3xeoIQbke5dwbQKaI_sQ6Z {
        color: green
    }

    ._2xZTDME_oMGk6WvW_Ozcsz label i {
        display: inline-block;
        width: 13px;
        height: 13px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8fd58f1c99f05b5c808369870be80eef.png)
    }

    ._2xZTDME_oMGk6WvW_Ozcsz label i::before {
        display: none
    }


    .cfcux5gO2g-t4hlmcdpFc {
        width: 800px;
        height: 116px;
        margin: 0 auto -40px auto;
        color: #0044bb;
        font-weight: lighter;
        font-size: 1.6em;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5c4898e50cff340d3e268ea81447fe5c.png);
        background-repeat: no-repeat;
        background-position: right top
    }

    .cfcux5gO2g-t4hlmcdpFc h1 {
        margin: 0;
        line-height: 116px
    }

    .zfLOjsEqgEm_FCDBMr4hl {
        width: 800px;
        margin: 30px auto 0
    }

    ._3fufNDMgR75-38Pb9D3mtS {
        margin: 0;
        padding: 0;
        background: #fff;
        height: 37px;
        border: 1px solid #000088
    }

    ._3fufNDMgR75-38Pb9D3mtS li {
        display: inline-block;
        width: 151.5px;
        margin-top: 5px;
        padding: 0.2em 0;
        color: white;
        font-weight: bold;
        text-align: center;
        background-color: #009fcc;
        cursor: pointer
    }

    ._3fufNDMgR75-38Pb9D3mtS li:first-child {
        margin-left: 5.5px
    }

    ._3fufNDMgR75-38Pb9D3mtS li:hover {
        color: #009fcc;
        background-color: #0044bb
    }

    ._3fufNDMgR75-38Pb9D3mtS li.selected {
        color: #009fcc;
        background-color: #0044bb
    }

    ._252drgH_ph9VrwUwYuTNlx h3 {
        padding-bottom: 0.2em;
        color: #009cc4;
        border-bottom: 1px solid #000088
    }

    ._252drgH_ph9VrwUwYuTNlx h3::before {
        margin-right: 5px;
        content: "✦";
        font-size: 0.5em;
        vertical-align: middle
    }

    ._2q5BYo0Iqnm7g1347aiFTb {
        margin: 25px 0;
        line-height: 25px;
        color: #444444;
        font-size: 15px
    }

    ._3cxEkPhRWTt3B27-95gtR7 {
        margin-bottom: 30px;
        text-align: center
    }

    ._3cxEkPhRWTt3B27-95gtR7 span {
        display: inline-block;
        padding: 0.3em 0.5em;
        color: white;
        font-weight: bolder;
        background-color: #009fcc;
        border-radius: 10px;
        box-shadow: 0 0 2px #000088, 0 0 2px #000088
    }


    .panel ._1E-h2m4hlXgPeBtlUrqagO {
        background: #307a9c;
        color: #fff;
        position: relative;
        height: 51px;
        font-size: 21px
    }

    .panel ._1E-h2m4hlXgPeBtlUrqagO i {
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .panel ._1E-h2m4hlXgPeBtlUrqagO span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center
    }

    ._32xH35Fr4WBsqxKuViFJ-j {
        margin: 0;
        padding: 10px 5px;
        border: 1px solid #c0c0c0
    }

    ._1qx4we5N_ToEz3x9B4F-ea {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    ._1qx4we5N_ToEz3x9B4F-ea input {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
        font-size: 12px;
        padding: 6px 8px
    }

    ._1qx4we5N_ToEz3x9B4F-ea span {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-preferred-size: 8%;
        flex-basis: 8%;
        text-align: center
    }

    .vQ38YHBBzXtHn__JbbHnX {
        padding: 10px 0;
        border-bottom: 2px solid #ddd
    }

    .vQ38YHBBzXtHn__JbbHnX button {
        width: 70px;
        height: 27px;
        padding: 0;
        line-height: 27px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fc26d87c12b397190496e383d89621ba.png) no-repeat center top;
        border: none
    }

    .vQ38YHBBzXtHn__JbbHnX button:hover {
        background-position: center bottom
    }

    .fFjzseQz_6eUfclwTcuX0 {
        padding: 0
    }

    td.day.disabled {
        color: #a7a7a7 !important
    }


    ._2oQMuvOnpFJH_iSCH2ElnU {
        margin: 0 0 20px;
        padding: 0
    }

    ._2oQMuvOnpFJH_iSCH2ElnU li {
        display: inline-block;
        min-width: 100px;
        margin: 0 8px 0 0;
        padding: 4px 10px;
        text-align: center;
        border: 1px solid #ccc;
        cursor: pointer
    }

    ._2oQMuvOnpFJH_iSCH2ElnU li.active {
        border-color: #000
    }

    .R6Qs7t18KTl4Q-3bnfBDB {
        display: -ms-flexbox;
        display: flex
    }

    .R6Qs7t18KTl4Q-3bnfBDB select {
        width: 20%
    }

    ._2iHZJDOf_WsdF__aoCRV9T {
        display: inline-block;
        width: 56%
    }


    ._17gtzxs-yMN3PP1HgdJXuN {
        display: inline-block;
        width: 50%
    }


    ._3wXedERoeMRLsd9z17-iqx {
        display: block;
        height: 100%;
        min-height: 1245px;
        background: #257694 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0fdfff7592149c0da58223968b0e4e23.jpg) no-repeat center top
    }

    ._1psOeV8ZbW1GNEgq6jD7RI {
        width: 1000px;
        margin: 0 auto
    }

    .IVLXO2F5oiwZ0K-6428kT {
        padding-top: 393px
    }

    ._16ETwCH_o0H04fvL-HDZF->h2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 345px;
        margin: 0 0 40px;
        font-size: 75px;
        font-weight: bold;
        line-height: 1.4;
        text-align: center;
        color: #cff46b;
        text-shadow: #134d5f 8px 0 0, #134d5f 7.93758px 0.997398px 0, #134d5f 7.7513px 1.97923px 0, #134d5f 7.44406px 2.93018px 0, #134d5f 7.02066px 3.8354px 0, #134d5f 6.4877px 4.68078px 0, #134d5f 5.85351px 5.45311px 0, #134d5f 5.12797px 6.14035px 0, #134d5f 4.32242px 6.73177px 0, #134d5f 3.44941px 7.21814px 0, #134d5f 2.52258px 7.59188px 0, #134d5f 1.55638px 7.84714px 0, #134d5f 0.565898px 7.97996px 0, #134d5f -0.433417px 7.98825px 0, #134d5f -1.42597px 7.87189px 0, #134d5f -2.39627px 7.63269px 0, #134d5f -3.32917px 7.27438px 0, #134d5f -4.21013px 6.80256px 0, #134d5f -5.02539px 6.22459px 0, #134d5f -5.76223px 5.54948px 0, #134d5f -6.40915px 4.78778px 0, #134d5f -6.95606px 3.95136px 0, #134d5f -7.39442px 3.05329px 0, #134d5f -7.71739px 2.10757px 0, #134d5f -7.91994px 1.12896px 0, #134d5f -7.9989px 0.132735px 0, #134d5f -7.95304px -0.865561px 0, #134d5f -7.78307px -1.85035px 0, #134d5f -7.49165px -2.80627px 0, #134d5f -7.08333px -3.71839px 0, #134d5f -6.56448px -4.57249px 0, #134d5f -5.94318px -5.35524px 0, #134d5f -5.22915px -6.05442px 0, #134d5f -4.43352px -6.65912px 0, #134d5f -3.5687px -7.15991px 0, #134d5f -2.6482px -7.54898px 0, #134d5f -1.68637px -7.82024px 0, #134d5f -0.698222px -7.96947px 0, #134d5f 0.300817px -7.99434px 0, #134d5f 1.29516px -7.89446px 0, #134d5f 2.2693px -7.67139px 0, #134d5f 3.20802px -7.32862px 0, #134d5f 4.09668px -6.87148px 0, #134d5f 4.92142px -6.30711px 0, #134d5f 5.66936px -5.64432px 0, #134d5f 6.32883px -4.89346px 0, #134d5f 6.88954px -4.06623px 0, #134d5f 7.34274px -3.17555px 0, #134d5f 7.68136px -2.23532px 0, #134d5f 7.90012px -1.26021px 0, #134d5f 7.9956px -0.265434px 0;
        -ms-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }

    ._32g9b3uR5gEUtUHDfslAo2 {
        width: 924px;
        height: 486px;
        margin: 0 auto;
        padding: 12px 10px 12px 12px;
        font-size: 0;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b51f45fed15c0f8a7435770adcc3bcc4.png) no-repeat center
    }

    ._32g9b3uR5gEUtUHDfslAo2>section {
        display: inline-block;
        vertical-align: top
    }

    ._1GexZqcmyKGL8KsTRCbr9 {
        width: 235px;
        height: 400px;
        margin-right: 7px
    }

    ._1GexZqcmyKGL8KsTRCbr9>h2 {
        height: 36px;
        margin: 20px 0 10px;
        text-align: center;
        color: #fff;
        font-size: 25px;
        font-weight: bold;
        background: linear-gradient(to bottom, #fff 0, #bdf4ff 70%, #afe3fa 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .YAQl-6SpnamwT6VPu-jPz {
        width: 155px;
        margin: 0 auto 20px;
        padding-left: 57px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5bb80f80b5f4ca98dc7b383a897e0b94.png) no-repeat left center
    }

    .YAQl-6SpnamwT6VPu-jPz p {
        margin: 0;
        color: #fff;
        font-size: 18px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .YAQl-6SpnamwT6VPu-jPz div {
        width: 96px;
        height: 20px;
        padding: 0 10px;
        color: #000;
        font-size: 14px;
        line-height: 20px;
        background-color: #fff;
        border-radius: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    ._1IIVSx-uU6tEWFPK5m9zP2 {
        width: 208px;
        height: 108px;
        margin: 0 auto 20px;
        padding: 18px 18px 0 0;
        text-align: right;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0f9c2f48f3577ad017160c9ecb7b15bb.png) no-repeat center
    }

    ._1IIVSx-uU6tEWFPK5m9zP2 p {
        margin: 0;
        color: #cafffd;
        font-size: 18px;
        font-weight: bold;
        line-height: 39px;
        letter-spacing: 3px
    }

    ._1IIVSx-uU6tEWFPK5m9zP2 p:first-child {
        color: #fff
    }

    ._1IIVSx-uU6tEWFPK5m9zP2 p b {
        vertical-align: sub;
        color: #ff0;
        font-size: 34px
    }

    ._1IIVSx-uU6tEWFPK5m9zP2 p b.blue {
        color: #70fffa
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button {
        display: block;
        width: 170px;
        height: 57px;
        margin: 0 auto 5px;
        font-weight: bold;
        font-size: 19px;
        text-transform: uppercase;
        background-color: transparent;
        background-position: center top;
        border: 0
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button:disabled {
        opacity: 0.7;
        cursor: no-drop
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button:not([disabled]):hover {
        background-position: center bottom
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button._2YJDRotf_JbNy1cOWvDxpc {
        color: #5a3508;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f47312cd4d716b4e0839be87f6f905a5.png)
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button._2YJDRotf_JbNy1cOWvDxpc:not([disabled]):hover {
        color: #b2762c
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button._3KztpNnqYDVj-xuiooY5MA {
        color: #422706;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a6758465d8289865f346f3594c4d429c.png)
    }

    ._2FXH1WmxtAS-O8FPMoxQ86 button._3VitOSB-4F8fuoDg5o4Cwa {
        height: 66.5px;
        color: #fff;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4904ec4c0d03975aeb74f759d3f00294.png)
    }

    ._28nqO1U0O7K2rY8Mhhbke6 {
        width: 660px;
        height: 400px
    }

    ._1SNu65cCyuxCSemMybXJj8 {
        display: -ms-flexbox;
        display: flex;
        height: 79px;
        padding: 10px 22px 0;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    ._1SNu65cCyuxCSemMybXJj8>p {
        margin: 0;
        color: #335771;
        font-size: 15px;
        line-height: 34px
    }

    nav._1ekUb34RF7fjw2DnUi72Qt {
        position: relative;
        margin-right: 30px;
        color: #272636;
        font-size: 18px;
        cursor: pointer
    }

    nav._1ekUb34RF7fjw2DnUi72Qt i {
        vertical-align: top
    }

    nav._1ekUb34RF7fjw2DnUi72Qt i.fa-calendar-check {
        margin-right: 2px;
        font-size: 23px
    }

    nav._1ekUb34RF7fjw2DnUi72Qt i.arrow {
        margin-left: 4px
    }

    nav._1ekUb34RF7fjw2DnUi72Qt ul {
        position: absolute;
        top: 30px;
        right: 0;
        z-index: 1;
        padding: 5px 15px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 2px 2px #a4cbdf;
        list-style: none
    }

    nav._1ekUb34RF7fjw2DnUi72Qt ul li {
        font-size: 18px;
        font-weight: bold;
        line-height: 30px
    }

    ._1gF9dXyhkBh_6aYFQyn7RB {
        width: 90px;
        height: 34px;
        margin-left: 10px;
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3861e9fa0e34b59e35cead835a86e720.png) no-repeat center top;
        border: 0
    }

    ._1gF9dXyhkBh_6aYFQyn7RB:hover {
        color: #feff7b;
        background-position: center bottom
    }

    ._1kAuV-ePqV-bsmwDwnEHLl {
        width: 630px;
        height: 296px;
        margin: 0 auto;
        padding: 8px 0 0 7px
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol {
        padding: 0
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 72px;
        height: 40px;
        margin: 8px;
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        line-height: 40px;
        text-align: center;
        background-color: #8ebedc;
        border-radius: 5px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li.today {
        background-color: #335771
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li.checked {
        background-color: #50aeee
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li.unactivatable {
        background-color: #c5c5c5;
        cursor: no-drop
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li.selected {
        color: #ff0;
        box-shadow: 0 0 3px 3px #ff0
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li .vnT9gsC-zkia_d2yhTcKY {
        position: absolute;
        right: -8px;
        bottom: -3px;
        width: 23px;
        height: 25px
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li .vnT9gsC-zkia_d2yhTcKY i {
        display: block;
        width: 23px;
        height: 25px
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li .vnT9gsC-zkia_d2yhTcKY i.fail {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a7c42693da6eda9df7b03e236ac864ca.png)
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li .vnT9gsC-zkia_d2yhTcKY i.cancheck {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/51c22fcb4987fbe650b337d3536b82aa.png)
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li .vnT9gsC-zkia_d2yhTcKY i.success {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/453a41814b6795cca859c6e4d72f3bba.png)
    }

    ._1kAuV-ePqV-bsmwDwnEHLl ol li .vnT9gsC-zkia_d2yhTcKY i.recheck {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a64cddd38dad4bbf37df166ae2f4d64a.png)
    }

    .ZGJ32HDvQm5Y5QT_2ocIB {
        position: relative;
        width: 924px;
        height: 304px;
        margin: 0 auto;
        padding-top: 40px;
        background: #2b4865;
        border: 2px solid #537a98;
        box-shadow: 0 6px 3px #1d3953;
        border-radius: 10px;
        white-space: nowrap
    }

    .ZGJ32HDvQm5Y5QT_2ocIB ._2xNSahsTAQ9ZuIBVwo49zD {
        position: absolute;
        top: -26px;
        width: 100%;
        text-align: center;
        font-size: 30px;
        color: #ffdf29;
        font-family: 'Arial Black', Gadget, sans-serif;
        text-shadow: 0px 0px 0 #f4d41e, -1px 0px 0 #e9c913, -2px 0px 0 #debe08, -3px 0px 0 #d3b300, -4px 0px 0 #c8a800, -5px 0px 0 #bd9d00, -6px 0px 0 #b29200, -7px 0px 6px rgba(240, 118, 19, 0.68), -7px 0px 1px rgba(240, 118, 19, 0.5), 0px 0px 6px rgba(240, 118, 19, 0.2);
        text-transform: uppercase
    }

    ._92BotdNOk83c9IFvNR2Bj {
        padding: 0 10px
    }

    ._92BotdNOk83c9IFvNR2Bj .slick-arrow {
        display: inline-block;
        width: 41px;
        height: 42px;
        font-size: 0;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._92BotdNOk83c9IFvNR2Bj .slick-arrow:before {
        display: none
    }

    ._92BotdNOk83c9IFvNR2Bj .slick-arrow.slick-prev {
        left: -45px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74818eaae33e0bb051f693ee2c0735df.png)
    }

    ._92BotdNOk83c9IFvNR2Bj .slick-arrow.slick-next {
        right: -45px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/36a16b541b689a38801b450a15254843.png)
    }

    ._92BotdNOk83c9IFvNR2Bj .slick-arrow.slick-disabled {
        display: none !important
    }

    ._1ADxpj1PeQ_dnr7RejDcoB {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 223px;
        height: 224px;
        padding: 7px 5px 5px 5px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/eaea7f6c7ec94ccafbf6deba9ff7f15e.png) no-repeat center top;
        cursor: pointer
    }

    ._1ADxpj1PeQ_dnr7RejDcoB:hover {
        background-position: center bottom
    }

    ._1ADxpj1PeQ_dnr7RejDcoB h2 {
        margin: 0 0 20px;
        color: #8deef7;
        font-size: 20px;
        line-height: 47px
    }

    ._1ADxpj1PeQ_dnr7RejDcoB h2 strong {
        margin: 0 5px;
        color: #fffd46
    }

    ._1ADxpj1PeQ_dnr7RejDcoB img {
        display: block;
        width: 85px;
        height: 85px;
        margin: 0 auto 5px
    }

    ._1ADxpj1PeQ_dnr7RejDcoB h3 {
        margin: 0;
        color: #fffd46;
        font-size: 26px
    }

    ._1ADxpj1PeQ_dnr7RejDcoB p {
        margin: 0;
        color: #84eef7;
        font-size: 14px
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.unreceivable {
        cursor: no-drop
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.receivable:before {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0px;
        left: 0;
        width: 223px;
        height: 224px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6dc632bd472519434046fc83490de55d.png) no-repeat center
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.receivable h2 {
        color: #fffd46
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.receivable ._2up9oVCkl0rclNe6aK8Ckn {
        position: relative;
        z-index: 2
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.received {
        cursor: no-drop
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.received:hover {
        background-position: center top
    }

    ._1ADxpj1PeQ_dnr7RejDcoB.received:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 223px;
        height: 224px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/27cc6a5f3e7f3bcb244120df8426ab57.png) no-repeat center
    }

    ._1ADxpj1PeQ_dnr7RejDcoB ._3y65sZnSpm4mv08ECy5H3P {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 223px;
        height: 224px;
        padding-top: 138px;
        font-size: 20px;
        color: #fffd46
    }

    .en-us ._1IIVSx-uU6tEWFPK5m9zP2 p {
        font-size: 16px;
        line-height: 21px;
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform-origin: right top;
        transform-origin: right top
    }

    .en-us ._1IIVSx-uU6tEWFPK5m9zP2 p b {
        font-size: 30px
    }

    .en-us ._1ADxpj1PeQ_dnr7RejDcoB h2 {
        font-size: 15px
    }

    .tl ._1IIVSx-uU6tEWFPK5m9zP2 p {
        font-size: 16px;
        line-height: 21px;
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform-origin: right top;
        transform-origin: right top
    }

    .tl ._1IIVSx-uU6tEWFPK5m9zP2 p b {
        font-size: 30px
    }

    .tl ._1ADxpj1PeQ_dnr7RejDcoB h2 {
        font-size: 15px
    }

    .th ._1IIVSx-uU6tEWFPK5m9zP2 p {
        font-size: 16px;
        line-height: 21px;
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform-origin: right top;
        transform-origin: right top
    }

    .th ._1IIVSx-uU6tEWFPK5m9zP2 p b {
        font-size: 30px
    }

    .th ._1ADxpj1PeQ_dnr7RejDcoB h2 {
        font-size: 15px
    }

    .vi ._1IIVSx-uU6tEWFPK5m9zP2 p {
        font-size: 16px;
        line-height: 21px;
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform-origin: right top;
        transform-origin: right top
    }

    .vi ._1IIVSx-uU6tEWFPK5m9zP2 p b {
        font-size: 30px
    }

    .vi ._1ADxpj1PeQ_dnr7RejDcoB h2 {
        font-size: 15px
    }

    .vi nav._1ekUb34RF7fjw2DnUi72Qt {
        margin-right: 0
    }

    .vi ._1SNu65cCyuxCSemMybXJj8>p {
        font-size: 13px
    }

    .pt ._1IIVSx-uU6tEWFPK5m9zP2 p {
        font-size: 16px;
        line-height: 21px;
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        -ms-transform-origin: right top;
        transform-origin: right top
    }

    .pt ._1IIVSx-uU6tEWFPK5m9zP2 p b {
        font-size: 30px
    }

    .pt ._1ADxpj1PeQ_dnr7RejDcoB h2 {
        font-size: 15px
    }

    .pt nav._1ekUb34RF7fjw2DnUi72Qt {
        margin-right: 0
    }

    .pt ._1SNu65cCyuxCSemMybXJj8>p {
        font-size: 13px
    }

    .pt ._1IIVSx-uU6tEWFPK5m9zP2 {
        padding-top: 15px
    }


    ._2Is718ltX0nkqns1ItlQgZ .nav.nav-tabs {
        display: none
    }

    ._1ujujQdyWdkEjW93nVRWF1 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 47px;
        margin: 0;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        line-height: 47px;
        text-align: center;
        background: #307a9c;
        z-index: 1
    }

    ._35ENqJhSd4F0vkEMAc40XZ {
        padding-left: 200px
    }

    ._35ENqJhSd4F0vkEMAc40XZ ._3x0UehNL9IPSQJyBURJKE0 {
        width: 60rem;
        margin-top: 60px
    }

    .Nqd0N3tiN5UyMxupuH0Ex {
        position: fixed;
        z-index: 1;
        top: 57px;
        left: 0;
        bottom: 20px;
        width: 200px;
        padding-left: 0;
        text-align: left;
        list-style: none;
        background: #fff;
        border-right: 1px solid #d7d7d7
    }

    .Nqd0N3tiN5UyMxupuH0Ex li {
        position: relative;
        width: 190px;
        height: 42px;
        margin: 7px auto 0;
        padding-left: 3px;
        color: #000;
        font-size: 12px;
        line-height: 39px;
        background: #ececec;
        border: 1px solid transparent;
        border-left-color: #ccc;
        border-right-color: #ccc;
        border-radius: 2px
    }

    .Nqd0N3tiN5UyMxupuH0Ex li.disabled {
        cursor: not-allowed
    }

    .Nqd0N3tiN5UyMxupuH0Ex li.active,
    .Nqd0N3tiN5UyMxupuH0Ex li:hover {
        border-color: #307a9c;
        background-color: #fff
    }

    .Nqd0N3tiN5UyMxupuH0Ex li.active:before,
    .Nqd0N3tiN5UyMxupuH0Ex li:hover:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 4px;
        background: #307a9c
    }

    .Nqd0N3tiN5UyMxupuH0Ex li.active i,
    .Nqd0N3tiN5UyMxupuH0Ex li:hover i {
        color: #307a9c
    }

    .Nqd0N3tiN5UyMxupuH0Ex li.active img,
    .Nqd0N3tiN5UyMxupuH0Ex li:hover img {
        vertical-align: middle
    }

    .Nqd0N3tiN5UyMxupuH0Ex li i {
        position: absolute;
        right: 4px;
        bottom: 4px;
        color: #ccc;
        font-size: 14px
    }

    ._3702xKojFSIKB8z3XLf9Em {
        height: 46px;
        margin: 47px auto 20px;
        font-size: 0;
        text-align: center;
        background: #efefef;
        border-radius: 5px
    }

    ._3702xKojFSIKB8z3XLf9Em>li {
        display: inline-block;
        vertical-align: top;
        height: 46px;
        color: #8f8f8f;
        font-size: 13px;
        font-weight: bold;
        line-height: 46px;
        counter-increment: steps
    }

    ._3702xKojFSIKB8z3XLf9Em>li+li {
        margin-left: 10px
    }

    ._3702xKojFSIKB8z3XLf9Em>li:before {
        display: inline-block;
        content: counter(steps);
        width: 20px;
        height: 20px;
        margin-right: 4px;
        color: #fff;
        line-height: 20px;
        background: #8f8f8f;
        border-radius: 50%
    }

    ._3702xKojFSIKB8z3XLf9Em>li:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 13px;
        margin: 0 0 2px 3px;
        vertical-align: text-bottom;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/25543c2e83318d238b1cae2c5d676184.png) no-repeat center
    }

    ._3702xKojFSIKB8z3XLf9Em>li:last-child:after {
        display: none
    }

    ._3702xKojFSIKB8z3XLf9Em>li.active {
        color: #0c45ae
    }

    ._3702xKojFSIKB8z3XLf9Em>li.active:before {
        background: #0c45ae
    }

    ._3702xKojFSIKB8z3XLf9Em>li.active:after {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f8734f72343c43cd63cd7cc1e300a201.png)
    }

    ._3trOBvQtno4DBvtucXycMB {
        position: relative;
        width: 640px;
        margin: 0 auto;
        padding: 12px;
        font-size: 12px
    }

    .General,
    .Alipay {
        width: 39px;
        height: 39px;
        -ms-transform: scale(0.5);
        transform: scale(0.5);
        background-color: #f9bb1f;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9f9c8df554bf188532e64d8387de062b.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9f9c8df554bf188532e64d8387de062b.svg) no-repeat center
    }


    ._2804IwDNFmi7XXarh72rRr select {
        display: inline-block;
        width: 355px;
        margin-left: 4%
    }

    ._2804IwDNFmi7XXarh72rRr>div>a {
        display: inline-block;
        vertical-align: top;
        width: 107px;
        height: 34px;
        color: #fff;
        line-height: 34px;
        text-align: center;
        text-decoration: none;
        background-color: #213899;
        border-radius: 5px;
        border: 0
    }

    ._2804IwDNFmi7XXarh72rRr>div>a:hover {
        background-color: #132263
    }

    ._2804IwDNFmi7XXarh72rRr>div>a.disabled {
        background-color: #c1c1c1;
        pointer-events: none
    }

    ._2804IwDNFmi7XXarh72rRr .dropdown {
        display: inline-block;
        vertical-align: top;
        width: 70%
    }

    ._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB {
        text-align: left
    }

    ._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB>i {
        position: absolute;
        right: 10px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    ._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d {
        position: absolute;
        left: 50%;
        top: 105%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 30px;
        padding: 0 0.5rem;
        border: 1px solid #ccc;
        background-color: #fff;
        border-radius: 3px;
        z-index: 1
    }

    ._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d i {
        margin-right: 0.25rem;
        font-size: 20px;
        color: #fb9519
    }

    ._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d span {
        min-width: 150px;
        white-space: nowrap
    }

    ._2804IwDNFmi7XXarh72rRr ._1zAMIc7ppA9BVszLl0TWQB ._13B-dFX8fFg79O_hD9bM1d::before {
        content: '';
        position: absolute;
        top: calc(60% - 28px);
        left: 15%;
        border-top: 5px solid transparent;
        border-bottom: 5px solid #ccc;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k.dropdown-menu {
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I {
        max-height: 200px;
        overflow-y: auto
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li {
        line-height: 25px
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 20px;
        color: #333333;
        text-decoration: none
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1lSM96uXMas0W-byJ9Si2I li a:hover {
        color: #262626;
        background-color: #f5f5f5
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1MXNMX5Q_m2Oy1YOtnQEOb {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.2)
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1MXNMX5Q_m2Oy1YOtnQEOb i {
        position: absolute;
        right: 20px;
        color: rgba(0, 0, 0, 0.3)
    }

    ._2804IwDNFmi7XXarh72rRr ul._3j2Q-3eu7eFzsfNKmezg5k ._1MXNMX5Q_m2Oy1YOtnQEOb input {
        width: 95%;
        height: 30px;
        padding: 0px 1rem;
        color: #000;
        border: none;
        border-radius: 4px
    }

    ._3QaldPPna9OzzPUW82u-qi {
        padding-top: 6px;
        color: #2436bf;
        font-weight: bold;
        line-height: 22px
    }

    ._3QaldPPna9OzzPUW82u-qi:before {
        content: '*'
    }

    .AZ7vBSilh45uGzfJbAOK3 {
        padding-left: 0;
        list-style: none
    }

    .AZ7vBSilh45uGzfJbAOK3>li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 20px 20px;
        padding-left: 20px
    }

    .AZ7vBSilh45uGzfJbAOK3>li input[type='radio'] {
        position: absolute;
        top: 0;
        left: 0
    }

    ._2YAZPnTrsxwdwEPZLdginX {
        width: 261px;
        padding: 10px 15px;
        color: #333;
        line-height: 22px;
        background: #efefef;
        border-radius: 5px
    }

    ._2YAZPnTrsxwdwEPZLdginX ul {
        padding-left: 0;
        list-style-type: none
    }

    ._2YAZPnTrsxwdwEPZLdginX ul.has-qrcode {
        min-height: 130px;
        padding-right: 125px
    }

    ._2YAZPnTrsxwdwEPZLdginX li {
        word-break: break-all
    }

    ._2YAZPnTrsxwdwEPZLdginX img {
        position: absolute;
        top: 6px;
        right: 8px;
        max-width: 117px;
        max-height: 117px
    }

    .I__xo1d-xDxH-t2huNsXi button {
        vertical-align: top;
        width: 111px;
        height: 40px;
        margin-left: 10px;
        color: #494949;
        font-size: 12px;
        background: #e0e0e0;
        border: none;
        border-radius: 5px
    }

    .I__xo1d-xDxH-t2huNsXi button:hover {
        opacity: 0.8
    }


    ._3wR381CbmSA4_Vprq3sNnj .panel {
        display: inline-block;
        vertical-align: top;
        min-width: 242px;
        margin-bottom: 15px
    }

    ._3wR381CbmSA4_Vprq3sNnj .panel .panel-heading {
        color: #123d9e;
        font-weight: bold;
        background-color: #e6e6e6
    }

    ._3wR381CbmSA4_Vprq3sNnj .panel li {
        color: #333;
        font-size: 12px;
        line-height: 20px;
        word-break: break-all
    }

    .VCIk6r6uGZxwkLk7wRAWf.w-242 {
        width: 242px
    }

    .VCIk6r6uGZxwkLk7wRAWf .panel-body {
        padding: 10px 15px;
        min-height: 148px
    }

    .VCIk6r6uGZxwkLk7wRAWf .panel-body ul {
        display: inline-block;
        vertical-align: top;
        max-width: 340px
    }

    .VCIk6r6uGZxwkLk7wRAWf .panel-body ul li {
        padding: 2px 0
    }

    .VCIk6r6uGZxwkLk7wRAWf .panel-body .NWyOo8pK_S_Ei9bowvypH {
        display: inline-block;
        vertical-align: top;
        margin-left: 20px
    }

    .VCIk6r6uGZxwkLk7wRAWf .panel-body .NWyOo8pK_S_Ei9bowvypH img {
        max-width: 220px;
        max-height: 220px
    }

    ._3LRVRBP7FHSCIDq9RA2mkQ {
        width: 353px;
        margin-left: 10px
    }

    ._3LRVRBP7FHSCIDq9RA2mkQ .panel-body {
        padding: 3px 8px
    }

    ._3LRVRBP7FHSCIDq9RA2mkQ .panel-body ol {
        padding-left: 0
    }

    ._3LRVRBP7FHSCIDq9RA2mkQ .panel-body ol li {
        list-style-type: none;
        counter-increment: trans-steps
    }

    ._3LRVRBP7FHSCIDq9RA2mkQ .panel-body ol li:before {
        content: counter(trans-steps) "﹑"
    }

    ._3hqfXC4HJbVGqbXCY6NCdJ {
        padding-left: 0;
        list-style-type: none
    }

    ._3hqfXC4HJbVGqbXCY6NCdJ i {
        padding-left: 18px;
        color: #0081e3;
        font-style: normal;
        white-space: nowrap;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/beeec730adfa7788f0c446da864f4696.png) no-repeat left top;
        cursor: pointer
    }

    ._3hqfXC4HJbVGqbXCY6NCdJ i:hover {
        background-position-y: bottom
    }

    ._3hqfXC4HJbVGqbXCY6NCdJ strong {
        display: none;
        color: #f00
    }

    ._3hqfXC4HJbVGqbXCY6NCdJ strong.copied {
        display: inline
    }

    ._93PSYWxpAh-Or-GfqX96N legend {
        margin: 0;
        padding: 15px 0 20px;
        color: #123d9e;
        font-size: 14px;
        font-weight: bold;
        border: none
    }

    ._93PSYWxpAh-Or-GfqX96N .form-group>label {
        min-width: 150px;
        margin: 0;
        height: 34px;
        padding-top: 0;
        padding-right: 20px;
        color: #141413;
        font-weight: bold;
        line-height: 34px;
        text-align: right
    }

    ._93PSYWxpAh-Or-GfqX96N .form-group>div {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 381px;
        line-height: 34px
    }

    ._93PSYWxpAh-Or-GfqX96N .form-group ._2qme_H4uLrZWEpncFnpC4f {
        line-height: 20px
    }

    ._93PSYWxpAh-Or-GfqX96N .input-group-inline {
        display: inline-block;
        vertical-align: top;
        min-width: 100px;
        width: 170px
    }

    ._93PSYWxpAh-Or-GfqX96N .input-group-inline.times {
        width: 100px
    }

    ._93PSYWxpAh-Or-GfqX96N .input-group-inline.times select {
        padding: 7px 3px 7px 5px
    }

    ._93PSYWxpAh-Or-GfqX96N .input-group-inline select {
        height: auto;
        font-size: 12px;
        padding: 8px 5px 8px 8px
    }

    ._93PSYWxpAh-Or-GfqX96N .input-group-inline .input-group>span {
        padding: 0;
        width: 53px;
        color: #333;
        font-size: 12px;
        line-height: 32px;
        background: #bfbfbf;
        border: none
    }

    ._93PSYWxpAh-Or-GfqX96N ._1fuWeCosuPbrohl5Ibm4_C .form-control {
        display: inline-block;
        vertical-align: top;
        height: auto;
        font-size: 12px;
        padding: 8px 5px 8px 8px
    }

    ._93PSYWxpAh-Or-GfqX96N ._1fuWeCosuPbrohl5Ibm4_C select.form-control {
        width: 45px;
        padding: 6px 5px 8px 4px
    }

    .mTeEyK7jgK7L1pENR1npW {
        margin-left: 155px;
        color: #b31616
    }

    ._15y2ySbtss0Hwo6Q-o4l6p button {
        vertical-align: top;
        width: 111px;
        height: 40px;
        margin-left: 10px;
        color: #494949;
        font-size: 12px;
        background: #e0e0e0;
        border: none;
        border-radius: 5px
    }

    ._15y2ySbtss0Hwo6Q-o4l6p button:hover {
        opacity: 0.8
    }

    .company-pay .exchangeRate {
        color: #b31616
    }


    ._3yOrGKYK35SZTuOnk7HsHR {
        margin: 25px 30px
    }

    ._3yOrGKYK35SZTuOnk7HsHR ._1EoIL9U_65D060OTPXMjL0 {
        padding: 10px 95px;
        color: #123d9e;
        font-size: 12px;
        font-weight: bold;
        text-align: left;
        background: #e6e6e6
    }

    ._3yOrGKYK35SZTuOnk7HsHR .clY5bFvEYMnF9MOwL5b8d {
        padding: 10px 0 20px;
        color: #333;
        font-size: 12px;
        line-height: 27px
    }

    ._3yOrGKYK35SZTuOnk7HsHR .clY5bFvEYMnF9MOwL5b8d .row>:first-child {
        text-align: right
    }

    ._3MzsEToc2ESrsBIW1DkqLN {
        text-align: center
    }

    ._3MzsEToc2ESrsBIW1DkqLN button {
        vertical-align: top;
        width: 111px;
        height: 40px;
        margin-left: 10px;
        color: #494949;
        font-size: 12px;
        background: #e0e0e0;
        border: none;
        border-radius: 5px
    }

    ._3MzsEToc2ESrsBIW1DkqLN button:hover {
        opacity: 0.8
    }


    ._35MxJ-oksCKfwFoA71ZXbc {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._35MxJ-oksCKfwFoA71ZXbc h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._35MxJ-oksCKfwFoA71ZXbc h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._35MxJ-oksCKfwFoA71ZXbc h4 {
        font-size: 14px
    }

    ._35MxJ-oksCKfwFoA71ZXbc>ul {
        list-style: none
    }

    ._35MxJ-oksCKfwFoA71ZXbc ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._35MxJ-oksCKfwFoA71ZXbc p,
    ._35MxJ-oksCKfwFoA71ZXbc li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._35MxJ-oksCKfwFoA71ZXbc p {
        margin: 1em 0
    }

    ._35MxJ-oksCKfwFoA71ZXbc p._1IJDHl1NcBrnpt028xQsj1 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._35MxJ-oksCKfwFoA71ZXbc p._1IJDHl1NcBrnpt028xQsj1 img {
        width: 33%
    }

    ._35MxJ-oksCKfwFoA71ZXbc ._2w9zUrXYtPY9No4-WW8xHI {
        color: #0a5d83;
        font-weight: bolder
    }

    ._35MxJ-oksCKfwFoA71ZXbc table {
        width: 100%
    }

    ._35MxJ-oksCKfwFoA71ZXbc table thead tr,
    ._35MxJ-oksCKfwFoA71ZXbc table thead th,
    ._35MxJ-oksCKfwFoA71ZXbc table thead td,
    ._35MxJ-oksCKfwFoA71ZXbc table tbody tr,
    ._35MxJ-oksCKfwFoA71ZXbc table tbody th,
    ._35MxJ-oksCKfwFoA71ZXbc table tbody td,
    ._35MxJ-oksCKfwFoA71ZXbc table tfoot tr,
    ._35MxJ-oksCKfwFoA71ZXbc table tfoot th,
    ._35MxJ-oksCKfwFoA71ZXbc table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._35MxJ-oksCKfwFoA71ZXbc table thead th,
    ._35MxJ-oksCKfwFoA71ZXbc table tbody th,
    ._35MxJ-oksCKfwFoA71ZXbc table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }


    ._3x_ltt7KldVvyIxZrWsF9e {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._3x_ltt7KldVvyIxZrWsF9e h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._3x_ltt7KldVvyIxZrWsF9e h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._3x_ltt7KldVvyIxZrWsF9e h4 {
        font-size: 14px
    }

    ._3x_ltt7KldVvyIxZrWsF9e>ul {
        list-style: none
    }

    ._3x_ltt7KldVvyIxZrWsF9e ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._3x_ltt7KldVvyIxZrWsF9e p,
    ._3x_ltt7KldVvyIxZrWsF9e li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._3x_ltt7KldVvyIxZrWsF9e p {
        margin: 1em 0
    }

    ._3x_ltt7KldVvyIxZrWsF9e p._2upU6zKy6bZa0gvqZgzvMA {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._3x_ltt7KldVvyIxZrWsF9e p._2upU6zKy6bZa0gvqZgzvMA img {
        width: 33%
    }

    ._3x_ltt7KldVvyIxZrWsF9e .R6ql4quDO2-meKmm4whho {
        color: #0a5d83;
        font-weight: bolder
    }

    ._3x_ltt7KldVvyIxZrWsF9e table {
        width: 100%
    }

    ._3x_ltt7KldVvyIxZrWsF9e table thead tr,
    ._3x_ltt7KldVvyIxZrWsF9e table thead th,
    ._3x_ltt7KldVvyIxZrWsF9e table thead td,
    ._3x_ltt7KldVvyIxZrWsF9e table tbody tr,
    ._3x_ltt7KldVvyIxZrWsF9e table tbody th,
    ._3x_ltt7KldVvyIxZrWsF9e table tbody td,
    ._3x_ltt7KldVvyIxZrWsF9e table tfoot tr,
    ._3x_ltt7KldVvyIxZrWsF9e table tfoot th,
    ._3x_ltt7KldVvyIxZrWsF9e table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._3x_ltt7KldVvyIxZrWsF9e table thead th,
    ._3x_ltt7KldVvyIxZrWsF9e table tbody th,
    ._3x_ltt7KldVvyIxZrWsF9e table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._3LlRhD7tav1OqryBTb-m_H {
        padding-top: 8rem
    }


    ._1YrLHVe0eksXwask_nimCh {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 0 20px;
        overflow-x: auto
    }

    ._1YrLHVe0eksXwask_nimCh ul {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
        padding: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    ._1YrLHVe0eksXwask_nimCh li {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 15px;
        width: calc(100% / 3 - 8px);
        height: 72px;
        margin: 3px 12px 3px 0;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        background: #307a9c;
        border-radius: 10px;
        box-sizing: border-box;
        border: 3px solid #307a9c;
        list-style: none;
        cursor: pointer
    }

    ._1YrLHVe0eksXwask_nimCh li:nth-child(3n+3) {
        margin-right: 0
    }

    ._1YrLHVe0eksXwask_nimCh li:hover,
    ._1YrLHVe0eksXwask_nimCh li.active {
        border-color: #32b4e3
    }

    ._1YrLHVe0eksXwask_nimCh li span {
        max-width: 130px
    }

    ._1YrLHVe0eksXwask_nimCh li i.global,
    ._1YrLHVe0eksXwask_nimCh li i.company,
    ._1YrLHVe0eksXwask_nimCh li i.online,
    ._1YrLHVe0eksXwask_nimCh li i.bank-direct {
        width: 80px;
        height: 80px;
        margin: 0 -10px 0 -20px;
        background-color: #55eb75;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg) no-repeat center;
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }

    ._1YrLHVe0eksXwask_nimCh li i.global~span,
    ._1YrLHVe0eksXwask_nimCh li i.company~span,
    ._1YrLHVe0eksXwask_nimCh li i.online~span,
    ._1YrLHVe0eksXwask_nimCh li i.bank-direct~span {
        position: relative;
        left: 10px
    }

    ._1YrLHVe0eksXwask_nimCh li i.qrcode {
        width: 80px;
        height: 80px;
        margin-left: -20px;
        background-color: #f9bb1f;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1d4e3dfe791fbb66ee032b4632de617b.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1d4e3dfe791fbb66ee032b4632de617b.svg) no-repeat center;
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }

    ._1YrLHVe0eksXwask_nimCh li i.momo {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0c0ed8a834a7977f568a97a2e95bb612.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.g-cash {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3b48ace405a513885a72654831f6d057.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.grab-pay {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1f8add06a0f3eed2043c9222aa9d1ba7.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.zalo-pay {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7e09df64cc20f0da32210aafef657fb3.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.vt-pay {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/721cf8309ec86d3fa2ccbb8c140778bd.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.scratch {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d3437539ebfc44ff0074d62cffaba0c2.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.true-money-wallet {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f79353bda11cc4b0f695222b42f8cc16.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.prompt-pay {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4174cbfde70a77c6e4e880b26c017033.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.union-scan {
        width: 80px;
        height: 80px;
        margin-left: -20px;
        background-color: #00dcff;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8c7fc427e12f7e3976c8d6cca21e9773.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8c7fc427e12f7e3976c8d6cca21e9773.svg) no-repeat center;
        -ms-transform: scale(0.5);
        transform: scale(0.5)
    }

    ._1YrLHVe0eksXwask_nimCh li i.usdt {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fb324ffd2d2e370f72c9a5afde9e2ff5.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.seven-eleven {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/22099ecdc51bb210f62d017ea0f15346.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.pay-maya {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a65abf0fc15090366ddbf4e0761c4aa2.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.upi {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8d2169ed9e3df828834f009c239eb425.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.pix {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c46bef63a1f154189cb7059179a06b24.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.dana {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e7120bf4a5eaff9b5608c4d7978cfd88.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.ovo {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ed7711a5b9bf5995aefa8783e226de32.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.qris {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/96742433e30e4d9d2f92eeb2178bbcb1.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.shopeepay {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e5eb20a8f060d150efbc4bd48aa643ba.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.linkaja {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ad1d7e527abf076a4f4c553a416f7385.png) no-repeat center;
        background-size: contain
    }

    ._1YrLHVe0eksXwask_nimCh li i.okk {
        width: 40px;
        height: 40px;
        margin-right: 20px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ab4af1998456b8e90db8ed7ef756840e.png) no-repeat center;
        background-size: contain
    }

    ._3OLEXTdkyZ3OH8vf_E4_N0 {
        padding: 0;
        background: none;
        border: none
    }


    .xADgFht6LYKDiR3Ad5RpC {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    .xADgFht6LYKDiR3Ad5RpC h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    .xADgFht6LYKDiR3Ad5RpC h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    .xADgFht6LYKDiR3Ad5RpC h4 {
        font-size: 14px
    }

    .xADgFht6LYKDiR3Ad5RpC>ul {
        list-style: none
    }

    .xADgFht6LYKDiR3Ad5RpC ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    .xADgFht6LYKDiR3Ad5RpC p,
    .xADgFht6LYKDiR3Ad5RpC li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    .xADgFht6LYKDiR3Ad5RpC p {
        margin: 1em 0
    }

    .xADgFht6LYKDiR3Ad5RpC p._1Uvrr7T2INHdA6lIj1uov3 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xADgFht6LYKDiR3Ad5RpC p._1Uvrr7T2INHdA6lIj1uov3 img {
        width: 33%
    }

    .xADgFht6LYKDiR3Ad5RpC ._1Jh-h-BgIzIr7XeCMUrKo4 {
        color: #0a5d83;
        font-weight: bolder
    }

    .xADgFht6LYKDiR3Ad5RpC table {
        width: 100%
    }

    .xADgFht6LYKDiR3Ad5RpC table thead tr,
    .xADgFht6LYKDiR3Ad5RpC table thead th,
    .xADgFht6LYKDiR3Ad5RpC table thead td,
    .xADgFht6LYKDiR3Ad5RpC table tbody tr,
    .xADgFht6LYKDiR3Ad5RpC table tbody th,
    .xADgFht6LYKDiR3Ad5RpC table tbody td,
    .xADgFht6LYKDiR3Ad5RpC table tfoot tr,
    .xADgFht6LYKDiR3Ad5RpC table tfoot th,
    .xADgFht6LYKDiR3Ad5RpC table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    .xADgFht6LYKDiR3Ad5RpC table thead th,
    .xADgFht6LYKDiR3Ad5RpC table tbody th,
    .xADgFht6LYKDiR3Ad5RpC table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }


    .CqnSN70oT3CrTqIQIW_Kh {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    .CqnSN70oT3CrTqIQIW_Kh h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    .CqnSN70oT3CrTqIQIW_Kh h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    .CqnSN70oT3CrTqIQIW_Kh h4 {
        font-size: 14px
    }

    .CqnSN70oT3CrTqIQIW_Kh>ul {
        list-style: none
    }

    .CqnSN70oT3CrTqIQIW_Kh ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    .CqnSN70oT3CrTqIQIW_Kh p,
    .CqnSN70oT3CrTqIQIW_Kh li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    .CqnSN70oT3CrTqIQIW_Kh p {
        margin: 1em 0
    }

    .CqnSN70oT3CrTqIQIW_Kh p._35ssfYvt8loUpKj7osHHh9 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .CqnSN70oT3CrTqIQIW_Kh p._35ssfYvt8loUpKj7osHHh9 img {
        width: 33%
    }

    .CqnSN70oT3CrTqIQIW_Kh ._1lEiubzTcckzjginTlZWsP {
        color: #0a5d83;
        font-weight: bolder
    }

    .CqnSN70oT3CrTqIQIW_Kh table {
        width: 100%
    }

    .CqnSN70oT3CrTqIQIW_Kh table thead tr,
    .CqnSN70oT3CrTqIQIW_Kh table thead th,
    .CqnSN70oT3CrTqIQIW_Kh table thead td,
    .CqnSN70oT3CrTqIQIW_Kh table tbody tr,
    .CqnSN70oT3CrTqIQIW_Kh table tbody th,
    .CqnSN70oT3CrTqIQIW_Kh table tbody td,
    .CqnSN70oT3CrTqIQIW_Kh table tfoot tr,
    .CqnSN70oT3CrTqIQIW_Kh table tfoot th,
    .CqnSN70oT3CrTqIQIW_Kh table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    .CqnSN70oT3CrTqIQIW_Kh table thead th,
    .CqnSN70oT3CrTqIQIW_Kh table tbody th,
    .CqnSN70oT3CrTqIQIW_Kh table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }


    ._2P4SdW6uj_4m3H6oPowolt gupw-captcha-box {
        display: block;
        margin-bottom: 15px
    }

    ._2P4SdW6uj_4m3H6oPowolt gupw-captcha-box input {
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
    }

    ._2P4SdW6uj_4m3H6oPowolt gupw-captcha-box img {
        position: relative;
        top: 0;
        right: 0;
        height: 34px
    }


    .vaHPKl6jB1RuX-MPZhCiB {
        background: #fff
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #666;
        border-radius: 3px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #666
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0>li>span:hover {
        background: #333
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0>li.active>span {
        color: #fff;
        background: #333
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #666;
        cursor: pointer
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1>li:hover {
        background-color: #333
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .banner>img {
        margin-bottom: 20px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #666
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #666;
        border-radius: 8px 8px 0 0
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .headline>button {
        float: right;
        color: #666;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-track {
        margin: 0
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev,
    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev::before,
    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next::before {
        display: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev i,
    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev:hover,
    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next:hover {
        background-color: #666
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots {
        position: static
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li:hover {
        border: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li.slick-active,
    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li.slick-active:hover {
        background-color: #666
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .recommend .slick-dots li button::before {
        display: none
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .main {
        position: relative
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #666;
        border-radius: 10px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.cross-platform,
    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper:hover {
        color: #fff;
        background: #666
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #666;
        border-radius: 5px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo:hover::after {
        content: 'Play'
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #333
    }

    ._3Z9gnNHXSQdrZBjvOrtwE8 .lobby-pagination li:hover {
        background-color: #333
    }


    ._23mDwhEAUuCqK72g12R40Z {
        background: #fff
    }

    ._66jx7d-i9VCY2Fmr6bI3R .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._66jx7d-i9VCY2Fmr6bI3R .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._66jx7d-i9VCY2Fmr6bI3R .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#ea000c, #b00e16);
        border-radius: 3px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._66jx7d-i9VCY2Fmr6bI3R .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #dc3c3c
    }

    ._66jx7d-i9VCY2Fmr6bI3R .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0>li>span:hover {
        background: #73090f
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0>li.active>span {
        color: #fff;
        background: #73090f
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0>li:hover>ol {
        display: block
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #b00e16;
        cursor: pointer
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1>li:hover {
        background-color: #73090f
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1>li:hover>ol {
        display: block
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-1>li:hover>span {
        color: #fff
    }

    ._66jx7d-i9VCY2Fmr6bI3R .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._66jx7d-i9VCY2Fmr6bI3R .banner>img {
        margin-bottom: 20px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #b00e16
    }

    ._66jx7d-i9VCY2Fmr6bI3R .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #b00e16;
        border-radius: 8px 8px 0 0
    }

    ._66jx7d-i9VCY2Fmr6bI3R .headline>button {
        float: right;
        color: #b00e16;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend {
        height: 0;
        overflow: hidden
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend.show {
        height: auto;
        overflow: visible
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-track {
        margin: 0
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev,
    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev::before,
    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next::before {
        display: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev i,
    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev:hover,
    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next:hover {
        background-color: #b00e16
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots {
        position: static
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li:hover {
        border: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li.slick-active,
    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li.slick-active:hover {
        background-color: #b00e16
    }

    ._66jx7d-i9VCY2Fmr6bI3R .recommend .slick-dots li button::before {
        display: none
    }

    ._66jx7d-i9VCY2Fmr6bI3R .main {
        position: relative
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.cross-platform,
    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper:hover {
        color: #fff;
        background: #dc3c3c
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #cb0b15;
        border-radius: 5px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo:hover::after {
        content: 'Play'
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption i.fas {
        color: #d00
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._66jx7d-i9VCY2Fmr6bI3R .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._66jx7d-i9VCY2Fmr6bI3R .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._66jx7d-i9VCY2Fmr6bI3R .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._66jx7d-i9VCY2Fmr6bI3R .lobby-pagination li:hover {
        background-color: #b00e16
    }


    .U7brRf9RYl1GXS-8XaWYt {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c3cf36cc60534200e76de209957cb1fd.jpg) no-repeat center top
    }

    ._Ztoe3MAmB4vUS8HzYid7 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._Ztoe3MAmB4vUS8HzYid7 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._Ztoe3MAmB4vUS8HzYid7 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f5ba58, #c18b2f);
        border-radius: 3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._Ztoe3MAmB4vUS8HzYid7 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #b68738
    }

    ._Ztoe3MAmB4vUS8HzYid7 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0>li>span:hover {
        background: #916517
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0>li.active>span {
        color: #fff;
        background: #916517
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0>li:hover>ol {
        display: block
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #b68738;
        cursor: pointer
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1>li:hover {
        background-color: #916517
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1>li:hover>ol {
        display: block
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._Ztoe3MAmB4vUS8HzYid7 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._Ztoe3MAmB4vUS8HzYid7 .banner>img {
        margin-bottom: 20px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #b68738
    }

    ._Ztoe3MAmB4vUS8HzYid7 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #b68738;
        border-radius: 8px 8px 0 0
    }

    ._Ztoe3MAmB4vUS8HzYid7 .headline>button {
        float: right;
        color: #b68738;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend {
        height: 0;
        overflow: hidden
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-track {
        margin: 0
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev,
    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev::before,
    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next::before {
        display: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev i,
    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev:hover,
    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next:hover {
        background-color: #b68738
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots {
        position: static
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li:hover {
        border: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li.slick-active,
    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li.slick-active:hover {
        background-color: #b68738
    }

    ._Ztoe3MAmB4vUS8HzYid7 .recommend .slick-dots li button::before {
        display: none
    }

    ._Ztoe3MAmB4vUS8HzYid7 .main {
        position: relative
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #b68738;
        border-radius: 10px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c3cf36cc60534200e76de209957cb1fd.jpg) no-repeat center top;
        cursor: pointer
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.cross-platform,
    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f5ba58, #c18b2f)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #edb53b;
        border-radius: 5px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::after {
        content: 'Play'
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.fas {
        color: #d00
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._Ztoe3MAmB4vUS8HzYid7 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._Ztoe3MAmB4vUS8HzYid7 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #56606a
    }

    ._Ztoe3MAmB4vUS8HzYid7 .lobby-pagination li:hover {
        background-color: #f2941a
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #edb53b;
        border-radius: 5px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo:hover::after {
        content: 'Play'
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.fas {
        color: #d00
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-logo figcaption i.far {
        color: #ae7f31
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #b68738;
        border-radius: 10px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c3cf36cc60534200e76de209957cb1fd.jpg) no-repeat center top;
        cursor: pointer
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.cross-platform,
    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f5ba58, #c18b2f)
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._Ztoe3MAmB4vUS8HzYid7 .game-wrapper {
        background-color: #fff3dd
    }


    ._2p4ZxlNyS-JDw4hQ_84fZS {
        background: #fff
    }

    ._2XsDxLy_CcqqOql7GAHchg .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2XsDxLy_CcqqOql7GAHchg .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2XsDxLy_CcqqOql7GAHchg .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2XsDxLy_CcqqOql7GAHchg .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(red, #de010a);
        border-radius: 3px
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2XsDxLy_CcqqOql7GAHchg .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #de010a
    }

    ._2XsDxLy_CcqqOql7GAHchg .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0>li>span:hover {
        background: #8c0004
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0>li.active>span {
        color: #fff;
        background: #8c0004
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0>li:hover>ol {
        display: block
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #de010a;
        cursor: pointer
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1>li:hover {
        background-color: #8c0004
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1>li:hover>ol {
        display: block
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2XsDxLy_CcqqOql7GAHchg .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2XsDxLy_CcqqOql7GAHchg .banner>img {
        margin-bottom: 20px
    }

    ._2XsDxLy_CcqqOql7GAHchg .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #de010a
    }

    ._2XsDxLy_CcqqOql7GAHchg .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #de010a;
        border-radius: 8px 8px 0 0
    }

    ._2XsDxLy_CcqqOql7GAHchg .headline>button {
        float: right;
        color: #de010a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend {
        height: 0;
        overflow: hidden
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-track {
        margin: 0
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev,
    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev::before,
    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next::before {
        display: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev i,
    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev:hover,
    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next:hover {
        background-color: #de010a
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots {
        position: static
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li:hover {
        border: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li.slick-active,
    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li.slick-active:hover {
        background-color: #de010a
    }

    ._2XsDxLy_CcqqOql7GAHchg .recommend .slick-dots li button::before {
        display: none
    }

    ._2XsDxLy_CcqqOql7GAHchg .main {
        position: relative
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555f6a;
        border-radius: 10px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper.cross-platform,
    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(red, #de010a)
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: red;
        border-radius: 5px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo:hover::after {
        content: 'Play'
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption i.fas {
        color: #d00
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2XsDxLy_CcqqOql7GAHchg .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2XsDxLy_CcqqOql7GAHchg .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2XsDxLy_CcqqOql7GAHchg .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555f6a
    }

    ._2XsDxLy_CcqqOql7GAHchg .lobby-pagination li:hover {
        background-color: #de010a
    }


    ._2VrvVUYqTzuGFemDAY2hGk {
        background: #fff
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #664cee;
        border-radius: 3px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #664cee
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0>li>span:hover {
        background: #00b6e0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0>li.active>span {
        color: #fff;
        background: #00b6e0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0>li:hover>ol {
        display: block
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #664cee;
        cursor: pointer
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1>li:hover {
        background-color: #00b6e0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1>li:hover>ol {
        display: block
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .banner>img {
        margin-bottom: 20px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #664cee
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #664cee;
        border-radius: 8px 8px 0 0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .headline>button {
        float: right;
        color: #664cee;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend {
        height: 0;
        overflow: hidden
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-track {
        margin: 0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev,
    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev::before,
    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next::before {
        display: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev i,
    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev:hover,
    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next:hover {
        background-color: #664cee
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots {
        position: static
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li:hover {
        border: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li.slick-active,
    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li.slick-active:hover {
        background-color: #664cee
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .recommend .slick-dots li button::before {
        display: none
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .main {
        position: relative
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.cross-platform,
    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper:hover {
        color: #fff;
        background: #664cee
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #00b6e0;
        border-radius: 5px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo:hover::after {
        content: 'Play'
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption i.fas {
        color: #d00
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._2nCAl2CcZOgAUzi5d3vnwZ .lobby-pagination li:hover {
        background-color: #664cee
    }


    ._1Bka-WVsTASvuEPZsTPhEN {
        background: #fff
    }

    ._3VmxgYQmYfyz-j5cUejc6g .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3VmxgYQmYfyz-j5cUejc6g .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3VmxgYQmYfyz-j5cUejc6g .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #371200;
        border-radius: 3px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3VmxgYQmYfyz-j5cUejc6g .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #371200
    }

    ._3VmxgYQmYfyz-j5cUejc6g .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0>li>span:hover {
        background: #7d0000
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0>li.active>span {
        color: #fff;
        background: #7d0000
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0>li:hover>ol {
        display: block
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #371200;
        cursor: pointer
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1>li:hover {
        background-color: #7d0000
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1>li:hover>ol {
        display: block
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3VmxgYQmYfyz-j5cUejc6g .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3VmxgYQmYfyz-j5cUejc6g .banner>img {
        margin-bottom: 20px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #371200
    }

    ._3VmxgYQmYfyz-j5cUejc6g .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #371200;
        border-radius: 8px 8px 0 0
    }

    ._3VmxgYQmYfyz-j5cUejc6g .headline>button {
        float: right;
        color: #371200;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend {
        height: 0;
        overflow: hidden
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-track {
        margin: 0
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev,
    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev::before,
    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next::before {
        display: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev i,
    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev:hover,
    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next:hover {
        background-color: #371200
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots {
        position: static
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li:hover {
        border: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li.slick-active,
    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li.slick-active:hover {
        background-color: #371200
    }

    ._3VmxgYQmYfyz-j5cUejc6g .recommend .slick-dots li button::before {
        display: none
    }

    ._3VmxgYQmYfyz-j5cUejc6g .main {
        position: relative
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.cross-platform,
    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper:hover {
        color: #fff;
        background: #7d0000
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #371200;
        border-radius: 5px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo:hover::after {
        content: 'Play'
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption i.fas {
        color: #d00
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3VmxgYQmYfyz-j5cUejc6g .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3VmxgYQmYfyz-j5cUejc6g .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3VmxgYQmYfyz-j5cUejc6g .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #371200
    }

    ._3VmxgYQmYfyz-j5cUejc6g .lobby-pagination li:hover {
        background-color: #7d0000
    }


    ._3BksopVaJwwInTjLrQ-2sT {
        background: #fff
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#31f8e8, #19768a);
        border-radius: 3px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #19768a
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0>li>span:hover {
        background: #f41d70
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0>li.active>span {
        color: #fff;
        background: #f41d70
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0>li:hover>ol {
        display: block
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #19768a;
        cursor: pointer
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1>li:hover {
        background-color: #f41d70
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1>li:hover>ol {
        display: block
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .banner>img {
        margin-bottom: 20px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #19768a
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #19768a;
        border-radius: 8px 8px 0 0
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .headline>button {
        float: right;
        color: #19768a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend {
        height: 0;
        overflow: hidden
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-track {
        margin: 0
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev,
    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev::before,
    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next::before {
        display: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev i,
    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev:hover,
    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next:hover {
        background-color: #19768a
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots {
        position: static
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li:hover {
        border: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li.slick-active,
    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li.slick-active:hover {
        background-color: #19768a
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .recommend .slick-dots li button::before {
        display: none
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .main {
        position: relative
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.cross-platform,
    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#31f8e8, #19768a)
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f41d70;
        border-radius: 5px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo:hover::after {
        content: 'Play'
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption i.fas {
        color: #d00
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._2Vi4EOz5M0dD3GG7xHDLhR .lobby-pagination li:hover {
        background-color: #19768a
    }


    ._3SeUIY1RGv4Q2bLQnSw7It {
        background: #fff
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #64127e;
        border-radius: 3px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #64127e
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0>li>span:hover {
        background: #9828bc
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0>li.active>span {
        color: #fff;
        background: #9828bc
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0>li:hover>ol {
        display: block
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #64127e;
        cursor: pointer
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1>li:hover {
        background-color: #9828bc
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1>li:hover>ol {
        display: block
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .banner>img {
        margin-bottom: 20px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #64127e
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #64127e;
        border-radius: 8px 8px 0 0
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .headline>button {
        float: right;
        color: #64127e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend {
        height: 0;
        overflow: hidden
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-track {
        margin: 0
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev,
    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev::before,
    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next::before {
        display: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev i,
    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev:hover,
    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next:hover {
        background-color: #64127e
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots {
        position: static
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li:hover {
        border: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li.slick-active,
    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li.slick-active:hover {
        background-color: #64127e
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .recommend .slick-dots li button::before {
        display: none
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .main {
        position: relative
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #64127e;
        border-radius: 10px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.cross-platform,
    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper:hover {
        color: #fff;
        background: #64127e
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #9828bc;
        border-radius: 5px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo:hover::after {
        content: 'Play'
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption i.fas {
        color: #d00
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2Q0o9HjdArlADrp_a5SiH_ .lobby-pagination li:hover {
        background-color: #9828bc
    }


    ._3pQw58mrZSd-a4YSwz2S4u {
        background: #fff
    }

    ._3pfdqc2lpE426hz-OS9pes .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3pfdqc2lpE426hz-OS9pes .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3pfdqc2lpE426hz-OS9pes .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3pfdqc2lpE426hz-OS9pes .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#ea000c, #b00e16);
        border-radius: 3px
    }

    ._3pfdqc2lpE426hz-OS9pes .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3pfdqc2lpE426hz-OS9pes .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3pfdqc2lpE426hz-OS9pes .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3pfdqc2lpE426hz-OS9pes .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #b00e16
    }

    ._3pfdqc2lpE426hz-OS9pes .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3pfdqc2lpE426hz-OS9pes .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0>li>span:hover {
        background: #73090f
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0>li.active>span {
        color: #fff;
        background: #73090f
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0>li:hover>ol {
        display: block
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #b00e16;
        cursor: pointer
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1>li:hover {
        background-color: #73090f
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1>li:hover>ol {
        display: block
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3pfdqc2lpE426hz-OS9pes .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3pfdqc2lpE426hz-OS9pes .banner>img {
        margin-bottom: 20px
    }

    ._3pfdqc2lpE426hz-OS9pes .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #b00e16
    }

    ._3pfdqc2lpE426hz-OS9pes .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #b00e16;
        border-radius: 8px 8px 0 0
    }

    ._3pfdqc2lpE426hz-OS9pes .headline>button {
        float: right;
        color: #b00e16;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend {
        height: 0;
        overflow: hidden
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-track {
        margin: 0
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev,
    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev::before,
    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next::before {
        display: none
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev i,
    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev:hover,
    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next:hover {
        background-color: #b00e16
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots {
        position: static
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li:hover {
        border: none
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li.slick-active,
    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li.slick-active:hover {
        background-color: #b00e16
    }

    ._3pfdqc2lpE426hz-OS9pes .recommend .slick-dots li button::before {
        display: none
    }

    ._3pfdqc2lpE426hz-OS9pes .main {
        position: relative
    }

    ._3pfdqc2lpE426hz-OS9pes .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper.cross-platform,
    ._3pfdqc2lpE426hz-OS9pes .game-wrapper:hover {
        color: #fff;
        background: #b00e16
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3pfdqc2lpE426hz-OS9pes .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #cb0b15;
        border-radius: 5px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo:hover::after {
        content: 'Play'
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo figcaption i.fas {
        color: #d00
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3pfdqc2lpE426hz-OS9pes .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3pfdqc2lpE426hz-OS9pes .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3pfdqc2lpE426hz-OS9pes .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._3pfdqc2lpE426hz-OS9pes .lobby-pagination li:hover {
        background-color: #b00e16
    }


    .s9Zj1OL_XD88OnLNJjtKy {
        background: #fff
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fbc20a;
        border-radius: 3px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #fbc20a
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0>li>span:hover {
        background: #ad7b20
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0>li.active>span {
        color: #fff;
        background: #ad7b20
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0>li:hover>ol {
        display: block
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #fbc20a;
        cursor: pointer
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1>li:hover {
        background-color: #ad7b20
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1>li:hover>ol {
        display: block
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .banner>img {
        margin-bottom: 20px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fbc20a
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #fbc20a;
        border-radius: 8px 8px 0 0
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .headline>button {
        float: right;
        color: #fbc20a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend {
        height: 0;
        overflow: hidden
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-track {
        margin: 0
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev,
    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev::before,
    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next::before {
        display: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev i,
    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev:hover,
    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next:hover {
        background-color: #fbc20a
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots {
        position: static
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li:hover {
        border: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li.slick-active,
    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li.slick-active:hover {
        background-color: #fbc20a
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .recommend .slick-dots li button::before {
        display: none
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .main {
        position: relative
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.cross-platform,
    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper:hover {
        color: #fff;
        background: #fbc20a
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ad7b20;
        border-radius: 5px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo:hover::after {
        content: 'Play'
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption i.fas {
        color: #d00
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #fbc20a
    }

    ._3KBivQ_K6k5Mp_0IqcBv1o .lobby-pagination li:hover {
        background-color: #ad7b20
    }


    ._1WIYngUETrwockpFBxpNZ1 {
        background: #fff
    }

    .LnFZWBBE7cJBgYAKqGCYP .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .LnFZWBBE7cJBgYAKqGCYP .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .LnFZWBBE7cJBgYAKqGCYP .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .LnFZWBBE7cJBgYAKqGCYP .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ffc600;
        border-radius: 3px
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .LnFZWBBE7cJBgYAKqGCYP .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #60bb00
    }

    .LnFZWBBE7cJBgYAKqGCYP .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0 {
        display: block;
        font-size: 0
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0>li>span:hover {
        background: #ffc600
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0>li.active>span {
        color: #fff;
        background: #ffc600
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0>li:hover>ol {
        display: block
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #60bb00;
        cursor: pointer
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1>li:hover {
        background-color: #ffc600
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1>li:hover>ol {
        display: block
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-1>li:hover>span {
        color: #fff
    }

    .LnFZWBBE7cJBgYAKqGCYP .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .LnFZWBBE7cJBgYAKqGCYP .banner>img {
        margin-bottom: 20px
    }

    .LnFZWBBE7cJBgYAKqGCYP .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #60bb00
    }

    .LnFZWBBE7cJBgYAKqGCYP .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #60bb00;
        border-radius: 8px 8px 0 0
    }

    .LnFZWBBE7cJBgYAKqGCYP .headline>button {
        float: right;
        color: #60bb00;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend {
        height: 0;
        overflow: hidden
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend.show {
        height: auto;
        overflow: visible
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-track {
        margin: 0
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev,
    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev::before,
    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next::before {
        display: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev i,
    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev:hover,
    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next:hover {
        background-color: #60bb00
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots {
        position: static
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li:hover {
        border: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li.slick-active,
    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li.slick-active:hover {
        background-color: #60bb00
    }

    .LnFZWBBE7cJBgYAKqGCYP .recommend .slick-dots li button::before {
        display: none
    }

    .LnFZWBBE7cJBgYAKqGCYP .main {
        position: relative
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper.cross-platform,
    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper:hover {
        color: #fff;
        background: #ffc600
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #60bb00;
        border-radius: 5px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo:hover::after {
        content: 'Play'
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption i.fas {
        color: #d00
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .LnFZWBBE7cJBgYAKqGCYP .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .LnFZWBBE7cJBgYAKqGCYP .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .LnFZWBBE7cJBgYAKqGCYP .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .LnFZWBBE7cJBgYAKqGCYP .lobby-pagination li:hover {
        background-color: #ffc600
    }


    ._2BpH79dYpqwkoVy_mC_7QI {
        background: #fff
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%);
        border-radius: 3px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%)
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0>li>span:hover {
        background: #642801
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0>li.active>span {
        color: #fff;
        background: #642801
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0>li:hover>ol {
        display: block
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f3b720;
        cursor: pointer
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1>li:hover {
        background-color: #642801
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1>li:hover>ol {
        display: block
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .banner>img {
        margin-bottom: 20px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f3b720
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f3b720;
        border-radius: 8px 8px 0 0
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .headline>button {
        float: right;
        color: #f3b720;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend {
        height: 0;
        overflow: hidden
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-track {
        margin: 0
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev,
    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev::before,
    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next::before {
        display: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev i,
    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev:hover,
    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next:hover {
        background-color: #f3b720
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots {
        position: static
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li:hover {
        border: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li.slick-active,
    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li.slick-active:hover {
        background-color: #f3b720
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .recommend .slick-dots li button::before {
        display: none
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .main {
        position: relative
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.cross-platform,
    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper:hover {
        color: #fff;
        background: #f3b720
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%);
        border-radius: 5px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo:hover::after {
        content: 'Play'
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption i.fas {
        color: #d00
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._1Y3SEdqWfdrOjgIw4p_71K .lobby-pagination li:hover {
        background-color: #f3b720
    }


    ._62GGbKt5-uLYRXEN5ZiwW {
        background: #fff
    }

    ._2B5qREqMfGg__F7spxjJ51 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2B5qREqMfGg__F7spxjJ51 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2B5qREqMfGg__F7spxjJ51 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2B5qREqMfGg__F7spxjJ51 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ccae5d;
        border-radius: 3px
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2B5qREqMfGg__F7spxjJ51 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ad8f3d
    }

    ._2B5qREqMfGg__F7spxjJ51 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0>li>span:hover {
        background: #ccae5d
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0>li.active>span {
        color: #fff;
        background: #ccae5d
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0>li:hover>ol {
        display: block
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ad8f3d;
        cursor: pointer
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1>li:hover {
        background-color: #ccae5d
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1>li:hover>ol {
        display: block
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2B5qREqMfGg__F7spxjJ51 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2B5qREqMfGg__F7spxjJ51 .banner>img {
        margin-bottom: 20px
    }

    ._2B5qREqMfGg__F7spxjJ51 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ad8f3d
    }

    ._2B5qREqMfGg__F7spxjJ51 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ad8f3d;
        border-radius: 8px 8px 0 0
    }

    ._2B5qREqMfGg__F7spxjJ51 .headline>button {
        float: right;
        color: #ad8f3d;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend {
        height: 0;
        overflow: hidden
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-track {
        margin: 0
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev,
    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev::before,
    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next::before {
        display: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev i,
    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev:hover,
    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next:hover {
        background-color: #ad8f3d
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots {
        position: static
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li:hover {
        border: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li.slick-active,
    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li.slick-active:hover {
        background-color: #ad8f3d
    }

    ._2B5qREqMfGg__F7spxjJ51 .recommend .slick-dots li button::before {
        display: none
    }

    ._2B5qREqMfGg__F7spxjJ51 .main {
        position: relative
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper.cross-platform,
    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper:hover {
        color: #fff;
        background: #ccae5d
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ad8f3d;
        border-radius: 5px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo:hover::after {
        content: 'Play'
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption i.fas {
        color: #d00
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2B5qREqMfGg__F7spxjJ51 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2B5qREqMfGg__F7spxjJ51 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2B5qREqMfGg__F7spxjJ51 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._2B5qREqMfGg__F7spxjJ51 .lobby-pagination li:hover {
        background-color: #ccae5d
    }


    ._1fq6XkZRaIhl9RmEXTPu06 {
        background: #fff
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#edc558, #cd9511);
        border-radius: 3px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #cd9511
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0>li>span:hover {
        background: #a67504
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0>li.active>span {
        color: #fff;
        background: #a67504
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0>li:hover>ol {
        display: block
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #cd9511;
        cursor: pointer
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1>li:hover {
        background-color: #a67504
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1>li:hover>ol {
        display: block
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .banner>img {
        margin-bottom: 20px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #cd9511
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #cd9511;
        border-radius: 8px 8px 0 0
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .headline>button {
        float: right;
        color: #cd9511;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend {
        height: 0;
        overflow: hidden
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-track {
        margin: 0
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev,
    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev::before,
    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next::before {
        display: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev i,
    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev:hover,
    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next:hover {
        background-color: #cd9511
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots {
        position: static
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li:hover {
        border: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li.slick-active,
    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li.slick-active:hover {
        background-color: #cd9511
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .recommend .slick-dots li button::before {
        display: none
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .main {
        position: relative
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.cross-platform,
    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#edc558, #cd9511)
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #a67504;
        border-radius: 5px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo:hover::after {
        content: 'Play'
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption i.fas {
        color: #d00
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._1ykT3E_Oi9kQqlcCEfK0Cg .lobby-pagination li:hover {
        background-color: #a67504
    }


    ._3xGoZaIyhcQ_pXv1EVK-Wz {
        background: #fff
    }

    ._1eUr3cEsGstw_0O2snDee .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1eUr3cEsGstw_0O2snDee .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1eUr3cEsGstw_0O2snDee .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1eUr3cEsGstw_0O2snDee .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#edd171, #eeaf45);
        border-radius: 3px
    }

    ._1eUr3cEsGstw_0O2snDee .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1eUr3cEsGstw_0O2snDee .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1eUr3cEsGstw_0O2snDee .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1eUr3cEsGstw_0O2snDee .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1eUr3cEsGstw_0O2snDee .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1eUr3cEsGstw_0O2snDee .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1eUr3cEsGstw_0O2snDee .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1eUr3cEsGstw_0O2snDee .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1eUr3cEsGstw_0O2snDee .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1eUr3cEsGstw_0O2snDee .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1eUr3cEsGstw_0O2snDee .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1eUr3cEsGstw_0O2snDee .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #eeaf45
    }

    ._1eUr3cEsGstw_0O2snDee .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1eUr3cEsGstw_0O2snDee .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0>li>span:hover {
        background: #be8218
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0>li.active>span {
        color: #fff;
        background: #be8218
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0>li:hover>ol {
        display: block
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #eeaf45;
        cursor: pointer
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1>li:hover {
        background-color: #be8218
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1>li:hover>ol {
        display: block
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1eUr3cEsGstw_0O2snDee .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1eUr3cEsGstw_0O2snDee .banner>img {
        margin-bottom: 20px
    }

    ._1eUr3cEsGstw_0O2snDee .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #eeaf45
    }

    ._1eUr3cEsGstw_0O2snDee .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #eeaf45;
        border-radius: 8px 8px 0 0
    }

    ._1eUr3cEsGstw_0O2snDee .headline>button {
        float: right;
        color: #eeaf45;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1eUr3cEsGstw_0O2snDee .recommend {
        height: 0;
        overflow: hidden
    }

    ._1eUr3cEsGstw_0O2snDee .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-track {
        margin: 0
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-prev,
    ._1eUr3cEsGstw_0O2snDee .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-prev::before,
    ._1eUr3cEsGstw_0O2snDee .recommend .slick-next::before {
        display: none
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-prev i,
    ._1eUr3cEsGstw_0O2snDee .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-prev:hover,
    ._1eUr3cEsGstw_0O2snDee .recommend .slick-next:hover {
        background-color: #eeaf45
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots {
        position: static
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li:hover {
        border: none
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li.slick-active,
    ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li.slick-active:hover {
        background-color: #eeaf45
    }

    ._1eUr3cEsGstw_0O2snDee .recommend .slick-dots li button::before {
        display: none
    }

    ._1eUr3cEsGstw_0O2snDee .main {
        position: relative
    }

    ._1eUr3cEsGstw_0O2snDee .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #eeaf45;
        border-radius: 10px
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper.cross-platform,
    ._1eUr3cEsGstw_0O2snDee .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#edd171, #eeaf45)
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1eUr3cEsGstw_0O2snDee .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f2941a;
        border-radius: 5px
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo:hover::after {
        content: 'Play'
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo figcaption i.fas {
        color: #d00
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1eUr3cEsGstw_0O2snDee .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1eUr3cEsGstw_0O2snDee .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1eUr3cEsGstw_0O2snDee .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #56606a
    }

    ._1eUr3cEsGstw_0O2snDee .lobby-pagination li:hover {
        background-color: #f2941a
    }


    ._2bZLqDx5oemn1JHwPEQ9dy {
        background: #fff
    }

    ._3KLxtmahbcAnNsM27wQput .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3KLxtmahbcAnNsM27wQput .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3KLxtmahbcAnNsM27wQput .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3KLxtmahbcAnNsM27wQput .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fda803;
        border-radius: 3px
    }

    ._3KLxtmahbcAnNsM27wQput .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3KLxtmahbcAnNsM27wQput .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3KLxtmahbcAnNsM27wQput .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KLxtmahbcAnNsM27wQput .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KLxtmahbcAnNsM27wQput .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KLxtmahbcAnNsM27wQput .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3KLxtmahbcAnNsM27wQput .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3KLxtmahbcAnNsM27wQput .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3KLxtmahbcAnNsM27wQput .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3KLxtmahbcAnNsM27wQput .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3KLxtmahbcAnNsM27wQput .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3KLxtmahbcAnNsM27wQput .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #fda803
    }

    ._3KLxtmahbcAnNsM27wQput .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3KLxtmahbcAnNsM27wQput .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0>li>span:hover {
        background: #ffe77a
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0>li.active>span {
        color: #fff;
        background: #ffe77a
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0>li:hover>ol {
        display: block
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #fda803;
        cursor: pointer
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1>li:hover {
        background-color: #ffe77a
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1>li:hover>ol {
        display: block
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3KLxtmahbcAnNsM27wQput .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3KLxtmahbcAnNsM27wQput .banner>img {
        margin-bottom: 20px
    }

    ._3KLxtmahbcAnNsM27wQput .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fda803
    }

    ._3KLxtmahbcAnNsM27wQput .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #fda803;
        border-radius: 8px 8px 0 0
    }

    ._3KLxtmahbcAnNsM27wQput .headline>button {
        float: right;
        color: #fda803;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3KLxtmahbcAnNsM27wQput .recommend {
        height: 0;
        overflow: hidden
    }

    ._3KLxtmahbcAnNsM27wQput .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-track {
        margin: 0
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-prev,
    ._3KLxtmahbcAnNsM27wQput .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-prev::before,
    ._3KLxtmahbcAnNsM27wQput .recommend .slick-next::before {
        display: none
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-prev i,
    ._3KLxtmahbcAnNsM27wQput .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-prev:hover,
    ._3KLxtmahbcAnNsM27wQput .recommend .slick-next:hover {
        background-color: #fda803
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots {
        position: static
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li:hover {
        border: none
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li.slick-active,
    ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li.slick-active:hover {
        background-color: #fda803
    }

    ._3KLxtmahbcAnNsM27wQput .recommend .slick-dots li button::before {
        display: none
    }

    ._3KLxtmahbcAnNsM27wQput .main {
        position: relative
    }

    ._3KLxtmahbcAnNsM27wQput .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #fda803;
        border-radius: 10px
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper.cross-platform,
    ._3KLxtmahbcAnNsM27wQput .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#edd171, #eeaf45)
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3KLxtmahbcAnNsM27wQput .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fda803;
        border-radius: 5px
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo:hover::after {
        content: 'Play'
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo figcaption i.fas {
        color: #d00
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3KLxtmahbcAnNsM27wQput .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3KLxtmahbcAnNsM27wQput .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3KLxtmahbcAnNsM27wQput .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e6e6e6
    }

    ._3KLxtmahbcAnNsM27wQput .lobby-pagination li:hover {
        background-color: #fda803
    }


    .hEhmJ7RbVQYkSVPdkphBj {
        background: #fff
    }

    .N9iCglbE_40XmuZKmg3tK .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .N9iCglbE_40XmuZKmg3tK .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .N9iCglbE_40XmuZKmg3tK .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .N9iCglbE_40XmuZKmg3tK .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #1e9c0f;
        border-radius: 3px
    }

    .N9iCglbE_40XmuZKmg3tK .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .N9iCglbE_40XmuZKmg3tK .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .N9iCglbE_40XmuZKmg3tK .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .N9iCglbE_40XmuZKmg3tK .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .N9iCglbE_40XmuZKmg3tK .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .N9iCglbE_40XmuZKmg3tK .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .N9iCglbE_40XmuZKmg3tK .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .N9iCglbE_40XmuZKmg3tK .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .N9iCglbE_40XmuZKmg3tK .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .N9iCglbE_40XmuZKmg3tK .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .N9iCglbE_40XmuZKmg3tK .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .N9iCglbE_40XmuZKmg3tK .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #1e9c0f
    }

    .N9iCglbE_40XmuZKmg3tK .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .N9iCglbE_40XmuZKmg3tK .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0 {
        display: block;
        font-size: 0
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0>li>span:hover {
        background: #00c3ef
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0>li.active>span {
        color: #fff;
        background: #00c3ef
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0>li:hover>ol {
        display: block
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #1e9c0f;
        cursor: pointer
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1>li:hover {
        background-color: #00c3ef
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1>li:hover>ol {
        display: block
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-1>li:hover>span {
        color: #fff
    }

    .N9iCglbE_40XmuZKmg3tK .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .N9iCglbE_40XmuZKmg3tK .banner>img {
        margin-bottom: 20px
    }

    .N9iCglbE_40XmuZKmg3tK .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #1e9c0f
    }

    .N9iCglbE_40XmuZKmg3tK .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #1e9c0f;
        border-radius: 8px 8px 0 0
    }

    .N9iCglbE_40XmuZKmg3tK .headline>button {
        float: right;
        color: #1e9c0f;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .N9iCglbE_40XmuZKmg3tK .recommend {
        height: 0;
        overflow: hidden
    }

    .N9iCglbE_40XmuZKmg3tK .recommend.show {
        height: auto;
        overflow: visible
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-track {
        margin: 0
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-prev,
    .N9iCglbE_40XmuZKmg3tK .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-prev::before,
    .N9iCglbE_40XmuZKmg3tK .recommend .slick-next::before {
        display: none
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-prev i,
    .N9iCglbE_40XmuZKmg3tK .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-prev:hover,
    .N9iCglbE_40XmuZKmg3tK .recommend .slick-next:hover {
        background-color: #1e9c0f
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots {
        position: static
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li:hover {
        border: none
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li.slick-active,
    .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li.slick-active:hover {
        background-color: #1e9c0f
    }

    .N9iCglbE_40XmuZKmg3tK .recommend .slick-dots li button::before {
        display: none
    }

    .N9iCglbE_40XmuZKmg3tK .main {
        position: relative
    }

    .N9iCglbE_40XmuZKmg3tK .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper.cross-platform,
    .N9iCglbE_40XmuZKmg3tK .game-wrapper:hover {
        color: #fff;
        background: #1e9c0f
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .N9iCglbE_40XmuZKmg3tK .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #00c3ef;
        border-radius: 5px
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo:hover::after {
        content: 'Play'
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo figcaption i.fas {
        color: #d00
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .N9iCglbE_40XmuZKmg3tK .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .N9iCglbE_40XmuZKmg3tK .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .N9iCglbE_40XmuZKmg3tK .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    .N9iCglbE_40XmuZKmg3tK .lobby-pagination li:hover {
        background-color: #1e9c0f
    }


    ._3-MlqznqBMndLvhI88Bq0_ {
        background: #fff
    }

    .P6NLC1t_Jr1y5A_pkmfEq .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .P6NLC1t_Jr1y5A_pkmfEq .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .P6NLC1t_Jr1y5A_pkmfEq .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #32b5e9;
        border-radius: 3px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .P6NLC1t_Jr1y5A_pkmfEq .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #32b5e9
    }

    .P6NLC1t_Jr1y5A_pkmfEq .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0 {
        display: block;
        font-size: 0
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0>li>span:hover {
        background: #21e519
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0>li.active>span {
        color: #000;
        background: #21e519
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0>li:hover>ol {
        display: block
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-0>li:hover>span:hover {
        color: #000
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #32b5e9;
        cursor: pointer
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1>li:hover {
        background-color: #21e519
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1>li:hover>ol {
        display: block
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-1>li:hover>span {
        color: #000
    }

    .P6NLC1t_Jr1y5A_pkmfEq .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .P6NLC1t_Jr1y5A_pkmfEq .banner>img {
        margin-bottom: 20px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #32b5e9
    }

    .P6NLC1t_Jr1y5A_pkmfEq .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #32b5e9;
        border-radius: 8px 8px 0 0
    }

    .P6NLC1t_Jr1y5A_pkmfEq .headline>button {
        float: right;
        color: #32b5e9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend {
        height: 0;
        overflow: hidden
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend.show {
        height: auto;
        overflow: visible
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-track {
        margin: 0
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev,
    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev::before,
    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next::before {
        display: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev i,
    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev:hover,
    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next:hover {
        background-color: #32b5e9
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots {
        position: static
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li:hover {
        border: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li.slick-active,
    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li.slick-active:hover {
        background-color: #32b5e9
    }

    .P6NLC1t_Jr1y5A_pkmfEq .recommend .slick-dots li button::before {
        display: none
    }

    .P6NLC1t_Jr1y5A_pkmfEq .main {
        position: relative
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #32b5e9;
        border-radius: 10px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.cross-platform,
    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper:hover {
        color: #000;
        background: #32b5e9
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(45deg, #21e519, #32b5e9);
        border-radius: 5px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo:hover::after {
        content: 'Play'
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption i.fas {
        color: #d00
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .P6NLC1t_Jr1y5A_pkmfEq .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .P6NLC1t_Jr1y5A_pkmfEq .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .P6NLC1t_Jr1y5A_pkmfEq .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .P6NLC1t_Jr1y5A_pkmfEq .lobby-pagination li:hover {
        background-color: #32b5e9
    }


    ._3ULm2KYpMHMp85Zr_i35-Z {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8c62250bfc2c75a16016c89fc9b4368b.jpg) no-repeat center top
    }

    ._3WfFJCS839QBCnBudYrXYT .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3WfFJCS839QBCnBudYrXYT .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3WfFJCS839QBCnBudYrXYT .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3WfFJCS839QBCnBudYrXYT .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #8f2773;
        border-radius: 3px
    }

    ._3WfFJCS839QBCnBudYrXYT .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3WfFJCS839QBCnBudYrXYT .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3WfFJCS839QBCnBudYrXYT .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3WfFJCS839QBCnBudYrXYT .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #8f2773
    }

    ._3WfFJCS839QBCnBudYrXYT .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3WfFJCS839QBCnBudYrXYT .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0>li>span:hover {
        background: #560039
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0>li.active>span {
        color: #fff;
        background: #560039
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0>li:hover>ol {
        display: block
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #8f2773;
        cursor: pointer
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1>li:hover {
        background-color: #560039
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1>li:hover>ol {
        display: block
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3WfFJCS839QBCnBudYrXYT .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3WfFJCS839QBCnBudYrXYT .banner>img {
        margin-bottom: 20px
    }

    ._3WfFJCS839QBCnBudYrXYT .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #8f2773
    }

    ._3WfFJCS839QBCnBudYrXYT .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #8f2773;
        border-radius: 8px 8px 0 0
    }

    ._3WfFJCS839QBCnBudYrXYT .headline>button {
        float: right;
        color: #8f2773;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend {
        height: 0;
        overflow: hidden
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-track {
        margin: 0
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev,
    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev::before,
    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next::before {
        display: none
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev i,
    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev:hover,
    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next:hover {
        background-color: #8f2773
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots {
        position: static
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li:hover {
        border: none
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li.slick-active,
    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li.slick-active:hover {
        background-color: #8f2773
    }

    ._3WfFJCS839QBCnBudYrXYT .recommend .slick-dots li button::before {
        display: none
    }

    ._3WfFJCS839QBCnBudYrXYT .main {
        position: relative
    }

    ._3WfFJCS839QBCnBudYrXYT .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #8f2773;
        border-radius: 10px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8c62250bfc2c75a16016c89fc9b4368b.jpg) no-repeat center top;
        cursor: pointer
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper.cross-platform,
    ._3WfFJCS839QBCnBudYrXYT .game-wrapper:hover {
        color: #fff;
        background: #8f2773
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3WfFJCS839QBCnBudYrXYT .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #8f2773;
        border-radius: 5px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo:hover::after {
        content: 'Play'
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo figcaption i.fas {
        color: #d00
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3WfFJCS839QBCnBudYrXYT .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3WfFJCS839QBCnBudYrXYT .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3WfFJCS839QBCnBudYrXYT .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #8f2773
    }

    ._3WfFJCS839QBCnBudYrXYT .lobby-pagination li:hover {
        background-color: #560039
    }


    ._2Rn7IBSeNZGpCRpcWiemDS {
        background: #fff
    }

    ._1vukRm-Hte2glhfebSJRwb .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1vukRm-Hte2glhfebSJRwb .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1vukRm-Hte2glhfebSJRwb .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1vukRm-Hte2glhfebSJRwb .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#ffe48e, #a97642);
        border-radius: 3px
    }

    ._1vukRm-Hte2glhfebSJRwb .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1vukRm-Hte2glhfebSJRwb .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1vukRm-Hte2glhfebSJRwb .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1vukRm-Hte2glhfebSJRwb .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #a97642
    }

    ._1vukRm-Hte2glhfebSJRwb .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1vukRm-Hte2glhfebSJRwb .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0>li>span:hover {
        background: #6a4611
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0>li.active>span {
        color: #fff;
        background: #6a4611
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0>li:hover>ol {
        display: block
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #a97642;
        cursor: pointer
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1>li:hover {
        background-color: #6a4611
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1>li:hover>ol {
        display: block
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1vukRm-Hte2glhfebSJRwb .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1vukRm-Hte2glhfebSJRwb .banner>img {
        margin-bottom: 20px
    }

    ._1vukRm-Hte2glhfebSJRwb .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #a97642
    }

    ._1vukRm-Hte2glhfebSJRwb .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #a97642;
        border-radius: 8px 8px 0 0
    }

    ._1vukRm-Hte2glhfebSJRwb .headline>button {
        float: right;
        color: #a97642;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend {
        height: 0;
        overflow: hidden
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-track {
        margin: 0
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev,
    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev::before,
    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next::before {
        display: none
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev i,
    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev:hover,
    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next:hover {
        background-color: #a97642
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots {
        position: static
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li:hover {
        border: none
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li.slick-active,
    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li.slick-active:hover {
        background-color: #a97642
    }

    ._1vukRm-Hte2glhfebSJRwb .recommend .slick-dots li button::before {
        display: none
    }

    ._1vukRm-Hte2glhfebSJRwb .main {
        position: relative
    }

    ._1vukRm-Hte2glhfebSJRwb .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper.cross-platform,
    ._1vukRm-Hte2glhfebSJRwb .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#ffe48e, #a97642)
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1vukRm-Hte2glhfebSJRwb .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #db0000;
        border-radius: 5px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo:hover::after {
        content: 'Play'
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo figcaption i.fas {
        color: #d00
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1vukRm-Hte2glhfebSJRwb .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1vukRm-Hte2glhfebSJRwb .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1vukRm-Hte2glhfebSJRwb .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1vukRm-Hte2glhfebSJRwb .lobby-pagination li:hover {
        background-color: #e5c16c
    }


    ._2efytKjFLhBEdmyFOHNxwc {
        background: #fff
    }

    .hRh---8Y52gvGQYntny-T .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .hRh---8Y52gvGQYntny-T .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .hRh---8Y52gvGQYntny-T .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .hRh---8Y52gvGQYntny-T .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    .hRh---8Y52gvGQYntny-T .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .hRh---8Y52gvGQYntny-T .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .hRh---8Y52gvGQYntny-T .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .hRh---8Y52gvGQYntny-T .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .hRh---8Y52gvGQYntny-T .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .hRh---8Y52gvGQYntny-T .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .hRh---8Y52gvGQYntny-T .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .hRh---8Y52gvGQYntny-T .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .hRh---8Y52gvGQYntny-T .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .hRh---8Y52gvGQYntny-T .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .hRh---8Y52gvGQYntny-T .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .hRh---8Y52gvGQYntny-T .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #910000
    }

    .hRh---8Y52gvGQYntny-T .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .hRh---8Y52gvGQYntny-T .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0 {
        display: block;
        font-size: 0
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0>li>span:hover {
        background: #000
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0>li.active>span {
        color: #fff;
        background: #000
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0>li:hover>ol {
        display: block
    }

    .hRh---8Y52gvGQYntny-T .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #910000;
        cursor: pointer
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1>li:hover {
        background-color: #000
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1>li:hover>ol {
        display: block
    }

    .hRh---8Y52gvGQYntny-T .category-layer-1>li:hover>span {
        color: #fff
    }

    .hRh---8Y52gvGQYntny-T .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .hRh---8Y52gvGQYntny-T .banner>img {
        margin-bottom: 20px
    }

    .hRh---8Y52gvGQYntny-T .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #910000
    }

    .hRh---8Y52gvGQYntny-T .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #910000;
        border-radius: 8px 8px 0 0
    }

    .hRh---8Y52gvGQYntny-T .headline>button {
        float: right;
        color: #910000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .hRh---8Y52gvGQYntny-T .recommend {
        height: 0;
        overflow: hidden
    }

    .hRh---8Y52gvGQYntny-T .recommend.show {
        height: auto;
        overflow: visible
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-track {
        margin: 0
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-prev,
    .hRh---8Y52gvGQYntny-T .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-prev::before,
    .hRh---8Y52gvGQYntny-T .recommend .slick-next::before {
        display: none
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-prev i,
    .hRh---8Y52gvGQYntny-T .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-prev:hover,
    .hRh---8Y52gvGQYntny-T .recommend .slick-next:hover {
        background-color: #910000
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-dots {
        position: static
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-dots li:hover {
        border: none
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-dots li.slick-active,
    .hRh---8Y52gvGQYntny-T .recommend .slick-dots li.slick-active:hover {
        background-color: #910000
    }

    .hRh---8Y52gvGQYntny-T .recommend .slick-dots li button::before {
        display: none
    }

    .hRh---8Y52gvGQYntny-T .main {
        position: relative
    }

    .hRh---8Y52gvGQYntny-T .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #910000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper.cross-platform,
    .hRh---8Y52gvGQYntny-T .game-wrapper:hover {
        color: #fff;
        background: #910000
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .hRh---8Y52gvGQYntny-T .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .hRh---8Y52gvGQYntny-T .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .hRh---8Y52gvGQYntny-T .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .hRh---8Y52gvGQYntny-T .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #910000;
        border-radius: 5px
    }

    .hRh---8Y52gvGQYntny-T .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .hRh---8Y52gvGQYntny-T .game-logo:hover::after {
        content: 'Play'
    }

    .hRh---8Y52gvGQYntny-T .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .hRh---8Y52gvGQYntny-T .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .hRh---8Y52gvGQYntny-T .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .hRh---8Y52gvGQYntny-T .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .hRh---8Y52gvGQYntny-T .game-logo figcaption i.fas {
        color: #d00
    }

    .hRh---8Y52gvGQYntny-T .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .hRh---8Y52gvGQYntny-T .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .hRh---8Y52gvGQYntny-T .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .hRh---8Y52gvGQYntny-T .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    .hRh---8Y52gvGQYntny-T .lobby-pagination li:hover {
        background-color: #910000
    }


    ._1B7ya5kBU9RhRAMKQn36aL {
        background: #fff
    }

    ._2f3qP6k560oi0qPTnLSX2t .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2f3qP6k560oi0qPTnLSX2t .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2f3qP6k560oi0qPTnLSX2t .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2f3qP6k560oi0qPTnLSX2t .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#d613b3, #4c2773);
        border-radius: 3px
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2f3qP6k560oi0qPTnLSX2t .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #4c2773
    }

    ._2f3qP6k560oi0qPTnLSX2t .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0>li>span:hover {
        background: #ff00d1
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0>li.active>span {
        color: #fff;
        background: #ff00d1
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0>li:hover>ol {
        display: block
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #4c2773;
        cursor: pointer
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1>li:hover {
        background-color: #ff00d1
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1>li:hover>ol {
        display: block
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2f3qP6k560oi0qPTnLSX2t .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2f3qP6k560oi0qPTnLSX2t .banner>img {
        margin-bottom: 20px
    }

    ._2f3qP6k560oi0qPTnLSX2t .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #4c2773
    }

    ._2f3qP6k560oi0qPTnLSX2t .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #4c2773;
        border-radius: 8px 8px 0 0
    }

    ._2f3qP6k560oi0qPTnLSX2t .headline>button {
        float: right;
        color: #4c2773;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend {
        height: 0;
        overflow: hidden
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-track {
        margin: 0
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev,
    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev::before,
    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next::before {
        display: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev i,
    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev:hover,
    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next:hover {
        background-color: #4c2773
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots {
        position: static
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li:hover {
        border: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li.slick-active,
    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li.slick-active:hover {
        background-color: #4c2773
    }

    ._2f3qP6k560oi0qPTnLSX2t .recommend .slick-dots li button::before {
        display: none
    }

    ._2f3qP6k560oi0qPTnLSX2t .main {
        position: relative
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper.cross-platform,
    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#d613b3, #4c2773)
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ff00d1;
        border-radius: 5px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo:hover::after {
        content: 'Play'
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption i.fas {
        color: #d00
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2f3qP6k560oi0qPTnLSX2t .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2f3qP6k560oi0qPTnLSX2t .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2f3qP6k560oi0qPTnLSX2t .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._2f3qP6k560oi0qPTnLSX2t .lobby-pagination li:hover {
        background-color: #ff00d1
    }


    ._1F5-kMe_-Qyx9W0-lT8BUW {
        background: #fff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to right, #9846ff, #e92dff);
        border-radius: 3px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to right, #9846ff, #e92dff)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0>li>span:hover {
        background: #fd0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0>li.active>span {
        color: #000;
        background: #fd0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #9846ff;
        cursor: pointer
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1>li:hover {
        background-color: #fd0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-1>li:hover>span {
        color: #000
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .banner>img {
        margin-bottom: 20px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #9846ff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #9846ff;
        border-radius: 8px 8px 0 0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .headline>button {
        float: right;
        color: #9846ff;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-track {
        margin: 0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev,
    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev::before,
    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next::before {
        display: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev i,
    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev:hover,
    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next:hover {
        background-color: #9846ff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots {
        position: static
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li:hover {
        border: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li.slick-active,
    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li.slick-active:hover {
        background-color: #9846ff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .recommend .slick-dots li button::before {
        display: none
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .main {
        position: relative
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.cross-platform,
    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #9846ff, #e92dff)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fd0;
        border-radius: 5px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo:hover::after {
        content: 'Play'
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li:hover {
        background-color: #9846ff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li:hover {
        background-color: #9846ff
    }

    ._3VyWYEyA2MkApVTH0F5Zn6 .lobby-pagination li:hover {
        color: #fff
    }


    .qhbwJdPz3iIBY1AXmQrxs {
        background: #fff
    }

    ._32xS3KFxQvE_pEJUptrLQp .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._32xS3KFxQvE_pEJUptrLQp .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._32xS3KFxQvE_pEJUptrLQp .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._32xS3KFxQvE_pEJUptrLQp .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f3cd35, #d88528);
        border-radius: 3px
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._32xS3KFxQvE_pEJUptrLQp .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #d88527
    }

    ._32xS3KFxQvE_pEJUptrLQp .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0>li>span:hover {
        background: #9b5107
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0>li.active>span {
        color: #fff;
        background: #9b5107
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0>li:hover>ol {
        display: block
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #d88527;
        cursor: pointer
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1>li:hover {
        background-color: #9b5107
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1>li:hover>ol {
        display: block
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-1>li:hover>span {
        color: #fff
    }

    ._32xS3KFxQvE_pEJUptrLQp .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._32xS3KFxQvE_pEJUptrLQp .banner>img {
        margin-bottom: 20px
    }

    ._32xS3KFxQvE_pEJUptrLQp .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #d88527
    }

    ._32xS3KFxQvE_pEJUptrLQp .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #d88527;
        border-radius: 8px 8px 0 0
    }

    ._32xS3KFxQvE_pEJUptrLQp .headline>button {
        float: right;
        color: #d88527;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend {
        height: 0;
        overflow: hidden
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend.show {
        height: auto;
        overflow: visible
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-track {
        margin: 0
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev,
    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev::before,
    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next::before {
        display: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev i,
    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev:hover,
    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next:hover {
        background-color: #d88527
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots {
        position: static
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li:hover {
        border: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li.slick-active,
    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li.slick-active:hover {
        background-color: #d88527
    }

    ._32xS3KFxQvE_pEJUptrLQp .recommend .slick-dots li button::before {
        display: none
    }

    ._32xS3KFxQvE_pEJUptrLQp .main {
        position: relative
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper.cross-platform,
    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f3cd35, #d88528)
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fbe23e;
        border-radius: 5px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo:hover::after {
        content: 'Play'
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption i.fas {
        color: #d00
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._32xS3KFxQvE_pEJUptrLQp .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._32xS3KFxQvE_pEJUptrLQp .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._32xS3KFxQvE_pEJUptrLQp .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._32xS3KFxQvE_pEJUptrLQp .lobby-pagination li:hover {
        background-color: #d88527
    }


    ._1rC_ZUa89vfZCzyz-94eb9 {
        background: #fff
    }

    .UzOnmEdu9ujymTFg1mWG .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .UzOnmEdu9ujymTFg1mWG .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .UzOnmEdu9ujymTFg1mWG .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .UzOnmEdu9ujymTFg1mWG .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #00a0e9;
        border-radius: 3px
    }

    .UzOnmEdu9ujymTFg1mWG .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .UzOnmEdu9ujymTFg1mWG .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .UzOnmEdu9ujymTFg1mWG .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .UzOnmEdu9ujymTFg1mWG .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .UzOnmEdu9ujymTFg1mWG .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .UzOnmEdu9ujymTFg1mWG .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .UzOnmEdu9ujymTFg1mWG .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .UzOnmEdu9ujymTFg1mWG .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .UzOnmEdu9ujymTFg1mWG .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .UzOnmEdu9ujymTFg1mWG .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .UzOnmEdu9ujymTFg1mWG .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .UzOnmEdu9ujymTFg1mWG .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #00a0e9
    }

    .UzOnmEdu9ujymTFg1mWG .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .UzOnmEdu9ujymTFg1mWG .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0 {
        display: block;
        font-size: 0
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0>li>span:hover {
        background: #006d9c
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0>li.active>span {
        color: #fff;
        background: #006d9c
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0>li:hover>ol {
        display: block
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #00a0e9;
        cursor: pointer
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1>li:hover {
        background-color: #006d9c
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1>li:hover>ol {
        display: block
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-1>li:hover>span {
        color: #fff
    }

    .UzOnmEdu9ujymTFg1mWG .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .UzOnmEdu9ujymTFg1mWG .banner>img {
        margin-bottom: 20px
    }

    .UzOnmEdu9ujymTFg1mWG .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #006d9c
    }

    .UzOnmEdu9ujymTFg1mWG .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #006d9c;
        border-radius: 8px 8px 0 0
    }

    .UzOnmEdu9ujymTFg1mWG .headline>button {
        float: right;
        color: #006d9c;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .UzOnmEdu9ujymTFg1mWG .recommend {
        height: 0;
        overflow: hidden
    }

    .UzOnmEdu9ujymTFg1mWG .recommend.show {
        height: auto;
        overflow: visible
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-track {
        margin: 0
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-prev,
    .UzOnmEdu9ujymTFg1mWG .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-prev::before,
    .UzOnmEdu9ujymTFg1mWG .recommend .slick-next::before {
        display: none
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-prev i,
    .UzOnmEdu9ujymTFg1mWG .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-prev:hover,
    .UzOnmEdu9ujymTFg1mWG .recommend .slick-next:hover {
        background-color: #006d9c
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots {
        position: static
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li:hover {
        border: none
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li.slick-active,
    .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li.slick-active:hover {
        background-color: #006d9c
    }

    .UzOnmEdu9ujymTFg1mWG .recommend .slick-dots li button::before {
        display: none
    }

    .UzOnmEdu9ujymTFg1mWG .main {
        position: relative
    }

    .UzOnmEdu9ujymTFg1mWG .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper.cross-platform,
    .UzOnmEdu9ujymTFg1mWG .game-wrapper:hover {
        color: #fff;
        background: #00a0e9
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .UzOnmEdu9ujymTFg1mWG .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #00a0e9;
        border-radius: 5px
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo:hover::after {
        content: 'Play'
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo figcaption i.fas {
        color: #d00
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .UzOnmEdu9ujymTFg1mWG .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .UzOnmEdu9ujymTFg1mWG .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .UzOnmEdu9ujymTFg1mWG .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    .UzOnmEdu9ujymTFg1mWG .lobby-pagination li:hover {
        background-color: #00a0e9
    }


    .yEtu-KV59R_0RoO29ZL_a {
        background: #fff
    }

    ._3w41UzQggkWPnIoqDVRKit .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3w41UzQggkWPnIoqDVRKit .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3w41UzQggkWPnIoqDVRKit .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3w41UzQggkWPnIoqDVRKit .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 3px
    }

    ._3w41UzQggkWPnIoqDVRKit .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3w41UzQggkWPnIoqDVRKit .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3w41UzQggkWPnIoqDVRKit .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3w41UzQggkWPnIoqDVRKit .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #0550bb
    }

    ._3w41UzQggkWPnIoqDVRKit .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3w41UzQggkWPnIoqDVRKit .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0>li>span:hover {
        background: #003580
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0>li.active>span {
        color: #fff;
        background: #003580
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0>li:hover>ol {
        display: block
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #0550bb;
        cursor: pointer
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1>li:hover {
        background-color: #003580
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1>li:hover>ol {
        display: block
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3w41UzQggkWPnIoqDVRKit .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3w41UzQggkWPnIoqDVRKit .banner>img {
        margin-bottom: 20px
    }

    ._3w41UzQggkWPnIoqDVRKit .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0550bb
    }

    ._3w41UzQggkWPnIoqDVRKit .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #0550bb;
        border-radius: 8px 8px 0 0
    }

    ._3w41UzQggkWPnIoqDVRKit .headline>button {
        float: right;
        color: #0550bb;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend {
        height: 0;
        overflow: hidden
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-track {
        margin: 0
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev,
    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev::before,
    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next::before {
        display: none
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev i,
    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev:hover,
    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next:hover {
        background-color: #0550bb
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots {
        position: static
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li:hover {
        border: none
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li.slick-active,
    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li.slick-active:hover {
        background-color: #0550bb
    }

    ._3w41UzQggkWPnIoqDVRKit .recommend .slick-dots li button::before {
        display: none
    }

    ._3w41UzQggkWPnIoqDVRKit .main {
        position: relative
    }

    ._3w41UzQggkWPnIoqDVRKit .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper.cross-platform,
    ._3w41UzQggkWPnIoqDVRKit .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%)
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3w41UzQggkWPnIoqDVRKit .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 5px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo:hover::after {
        content: 'Play'
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo figcaption i.fas {
        color: #d00
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3w41UzQggkWPnIoqDVRKit .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._3w41UzQggkWPnIoqDVRKit .lobby-pagination li:hover {
        color: #fff
    }


    ._2OWSdC1AE0-c33ul3i6vmu {
        background: #fff
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ffd050;
        border-radius: 3px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0>li>span:hover {
        background: #ffd050
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0>li.active>span {
        color: #000;
        background: #ffd050
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0>li:hover>ol {
        display: block
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ffd050;
        cursor: pointer
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1>li:hover {
        background-color: #fff770
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1>li:hover>ol {
        display: block
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-1>li:hover>span {
        color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .banner>img {
        margin-bottom: 20px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend {
        height: 0;
        overflow: hidden
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-track {
        margin: 0
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev,
    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev::before,
    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next::before {
        display: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev i,
    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev:hover,
    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next:hover {
        background-color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots {
        position: static
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li:hover {
        border: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li.slick-active,
    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .recommend .slick-dots li button::before {
        display: none
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .main {
        position: relative
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.cross-platform,
    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper:hover {
        color: #fff;
        background: #ffd050
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fff770;
        border-radius: 5px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo:hover::after {
        content: 'Play'
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption i.fas {
        color: #d00
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1S9rVjVBCKrt5Qsu77hXR4 .lobby-pagination li:hover {
        background-color: #000
    }


    ._11jMq_DLnx9FmHxl65QWQt {
        background: #fff
    }

    ._1BoKixA7CYsKBiQbwwk1WM .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1BoKixA7CYsKBiQbwwk1WM .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1BoKixA7CYsKBiQbwwk1WM .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #eda934;
        border-radius: 3px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1BoKixA7CYsKBiQbwwk1WM .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #eda934
    }

    ._1BoKixA7CYsKBiQbwwk1WM .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0>li>span:hover {
        background: #ab4611
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0>li.active>span {
        color: #fff;
        background: #ab4611
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0>li:hover>ol {
        display: block
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #eda934;
        cursor: pointer
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1>li:hover {
        background-color: #ab4611
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1>li:hover>ol {
        display: block
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1BoKixA7CYsKBiQbwwk1WM .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1BoKixA7CYsKBiQbwwk1WM .banner>img {
        margin-bottom: 20px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #eda934
    }

    ._1BoKixA7CYsKBiQbwwk1WM .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #eda934;
        border-radius: 8px 8px 0 0
    }

    ._1BoKixA7CYsKBiQbwwk1WM .headline>button {
        float: right;
        color: #eda934;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend {
        height: 0;
        overflow: hidden
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-track {
        margin: 0
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev,
    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev::before,
    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next::before {
        display: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev i,
    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev:hover,
    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next:hover {
        background-color: #eda934
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots {
        position: static
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li:hover {
        border: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li.slick-active,
    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li.slick-active:hover {
        background-color: #eda934
    }

    ._1BoKixA7CYsKBiQbwwk1WM .recommend .slick-dots li button::before {
        display: none
    }

    ._1BoKixA7CYsKBiQbwwk1WM .main {
        position: relative
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.cross-platform,
    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper:hover {
        color: #fff;
        background: #eda934
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #eda934;
        border-radius: 5px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo:hover::after {
        content: 'Play'
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption i.fas {
        color: #d00
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1BoKixA7CYsKBiQbwwk1WM .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1BoKixA7CYsKBiQbwwk1WM .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1BoKixA7CYsKBiQbwwk1WM .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._1BoKixA7CYsKBiQbwwk1WM .lobby-pagination li:hover {
        background-color: #eda934
    }


    ._T6XJ9iaicvTd-9BO4OuD {
        background: #fff
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #7439de;
        border-radius: 3px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #5778f1
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0>li>span:hover {
        background: #fff
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0>li.active>span {
        color: #5662d4;
        background: #fff
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0>li:hover>ol {
        display: block
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-0>li:hover>span:hover {
        color: #5662d4
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #5778f1;
        cursor: pointer
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1>li:hover {
        background-color: #505ec6
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1>li:hover>ol {
        display: block
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .banner>img {
        margin-bottom: 20px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #1f205b
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #1f205b;
        border-radius: 8px 8px 0 0
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .headline>button {
        float: right;
        color: #1f205b;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend {
        height: 0;
        overflow: hidden
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-track {
        margin: 0
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev,
    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev::before,
    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next::before {
        display: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev i,
    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev:hover,
    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next:hover {
        background-color: #1f205b
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots {
        position: static
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li:hover {
        border: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li.slick-active,
    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li.slick-active:hover {
        background-color: #1f205b
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .recommend .slick-dots li button::before {
        display: none
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .main {
        position: relative
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccae5d;
        border-radius: 10px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.cross-platform,
    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper:hover {
        color: #fff;
        background: #5ea9f5
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #5ea9f5;
        border-radius: 5px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo:hover::after {
        content: 'Play'
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption i.fas {
        color: #d00
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #5ea9f5
    }

    ._1RMF-x0VkuLSPEn2nWx-XH .lobby-pagination li:hover {
        background-color: #5778f1
    }


    ._2KkVOz7bEFyrMI8H3oCG-g {
        background: #fff
    }

    ._3injGfxEbfDIzFq3RkVBPK .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3injGfxEbfDIzFq3RkVBPK .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3injGfxEbfDIzFq3RkVBPK .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3injGfxEbfDIzFq3RkVBPK .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #312f6e;
        border-radius: 3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3injGfxEbfDIzFq3RkVBPK .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #eee
    }

    ._3injGfxEbfDIzFq3RkVBPK .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #312f6e;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0>li>span:hover {
        background: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0>li.active>span {
        color: #fff;
        background: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0>li:hover>ol {
        display: block
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li {
        position: relative;
        display: block;
        color: #312f6e;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #eee;
        cursor: pointer
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li:hover {
        background-color: #eee
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li:hover>ol {
        display: block
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3injGfxEbfDIzFq3RkVBPK .banner>img {
        margin-bottom: 20px
    }

    ._3injGfxEbfDIzFq3RkVBPK .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #312f6e;
        border-radius: 8px 8px 0 0
    }

    ._3injGfxEbfDIzFq3RkVBPK .headline>button {
        float: right;
        color: #312f6e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend {
        height: 0;
        overflow: hidden
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-track {
        margin: 0
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev,
    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev::before,
    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next::before {
        display: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev i,
    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev:hover,
    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next:hover {
        background-color: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots {
        position: static
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li:hover {
        border: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li.slick-active,
    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li.slick-active:hover {
        background-color: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .recommend .slick-dots li button::before {
        display: none
    }

    ._3injGfxEbfDIzFq3RkVBPK .main {
        position: relative
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #312f6e;
        border-radius: 10px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.cross-platform,
    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover {
        color: #fff;
        background: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #312f6e;
        border-radius: 5px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo:hover::after {
        content: 'Play'
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption i.fas {
        color: #d00
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li:hover {
        background-color: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #312f6e;
        border-radius: 10px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.cross-platform,
    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper:hover {
        color: #fff;
        background: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3injGfxEbfDIzFq3RkVBPK .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3injGfxEbfDIzFq3RkVBPK .category-layer-1>li:hover {
        background-color: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li:hover {
        background-color: #312f6e
    }

    ._3injGfxEbfDIzFq3RkVBPK .lobby-pagination li:hover {
        color: #fff
    }


    ._3IN6k7TCNXskoSlXs0ygJ7 {
        background: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ad0200;
        border-radius: 3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0>li>span:hover {
        background: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0>li:hover>ol {
        display: block
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ad0200;
        cursor: pointer
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1>li:hover {
        background-color: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1>li:hover>ol {
        display: block
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-1>li:hover>span {
        color: #000
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .banner>img {
        margin-bottom: 20px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ad0200;
        border-radius: 8px 8px 0 0
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .headline>button {
        float: right;
        color: #ad0200;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend {
        height: 0;
        overflow: hidden
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-track {
        margin: 0
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-prev,
    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-prev::before,
    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-next::before {
        display: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-prev i,
    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-prev:hover,
    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-next:hover {
        background-color: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-dots {
        position: static
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-dots li:hover {
        border: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-dots li.slick-active,
    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-dots li.slick-active:hover {
        background-color: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .recommend .slick-dots li button::before {
        display: none
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .main {
        position: relative
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ad0200;
        border-radius: 10px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.cross-platform,
    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ad0200;
        border-radius: 5px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo:hover::after {
        content: 'Play'
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo figcaption i.fas {
        color: #d00
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .lobby-pagination li:hover {
        background-color: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ad0200;
        border-radius: 10px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.cross-platform,
    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2lUvZcNdMX5kLBBjd3cUJf .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }


    ._1714Vh7w3fw4XF8lMFf_cI {
        background: #fff
    }

    .wH8wBJMhVkDZNDH-M4HJS .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .wH8wBJMhVkDZNDH-M4HJS .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .wH8wBJMhVkDZNDH-M4HJS .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .wH8wBJMhVkDZNDH-M4HJS .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#b97724, #733a00);
        border-radius: 3px
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .wH8wBJMhVkDZNDH-M4HJS .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #743b04
    }

    .wH8wBJMhVkDZNDH-M4HJS .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0 {
        display: block;
        font-size: 0
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0>li>span:hover {
        background: linear-gradient(#fdfdb0, #f8ce6e)
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0>li.active>span {
        color: #ff3220;
        background: linear-gradient(#fdfdb0, #f8ce6e)
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0>li:hover>ol {
        display: block
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-0>li:hover>span:hover {
        color: #ff3220
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #be7f2f;
        cursor: pointer
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1>li:hover {
        background-color: linear-gradient(#fdfdb0, #f8ce6e)
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1>li:hover>ol {
        display: block
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-1>li:hover>span {
        color: #f4e957
    }

    .wH8wBJMhVkDZNDH-M4HJS .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .wH8wBJMhVkDZNDH-M4HJS .banner>img {
        margin-bottom: 20px
    }

    .wH8wBJMhVkDZNDH-M4HJS .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #be7f2f
    }

    .wH8wBJMhVkDZNDH-M4HJS .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #be7f2f;
        border-radius: 8px 8px 0 0
    }

    .wH8wBJMhVkDZNDH-M4HJS .headline>button {
        float: right;
        color: #be7f2f;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend {
        height: 0;
        overflow: hidden
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend.show {
        height: auto;
        overflow: visible
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-track {
        margin: 0
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-prev,
    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-prev::before,
    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-next::before {
        display: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-prev i,
    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-prev:hover,
    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-next:hover {
        background-color: #be7f2f
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-dots {
        position: static
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-dots li:hover {
        border: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-dots li.slick-active,
    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-dots li.slick-active:hover {
        background-color: #be7f2f
    }

    .wH8wBJMhVkDZNDH-M4HJS .recommend .slick-dots li button::before {
        display: none
    }

    .wH8wBJMhVkDZNDH-M4HJS .main {
        position: relative
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper.cross-platform,
    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper:hover {
        color: #fff;
        background: #733c03
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #ff3220;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(#fdfdb0, #f8ce6e);
        border-radius: 5px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo:hover::after {
        content: 'Play'
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo figcaption i.fas {
        color: #d00
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .wH8wBJMhVkDZNDH-M4HJS .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e6e6e6
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination li:hover {
        background-color: #be7f2f
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e6e6e6
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination li:hover {
        background-color: #be7f2f
    }

    .wH8wBJMhVkDZNDH-M4HJS .lobby-pagination li:hover {
        color: #fff
    }


    ._1KcRmFjjQOUVVuA04XHQF- {
        background: #fff
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ecb522;
        border-radius: 3px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ecb522
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0>li>span:hover {
        background: #1b2227
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0>li.active>span {
        color: #fff;
        background: #1b2227
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0>li:hover>ol {
        display: block
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ecb522;
        cursor: pointer
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1>li:hover {
        background-color: #1b2227
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1>li:hover>ol {
        display: block
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .banner>img {
        margin-bottom: 20px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ecb522
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ecb522;
        border-radius: 8px 8px 0 0
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .headline>button {
        float: right;
        color: #ecb522;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend {
        height: 0;
        overflow: hidden
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-track {
        margin: 0
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev,
    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev::before,
    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next::before {
        display: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev i,
    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev:hover,
    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next:hover {
        background-color: #ecb522
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots {
        position: static
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li:hover {
        border: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li.slick-active,
    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li.slick-active:hover {
        background-color: #ecb522
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .recommend .slick-dots li button::before {
        display: none
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .main {
        position: relative
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ecb522;
        border-radius: 10px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.cross-platform,
    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper:hover {
        color: #fff;
        background: #ecb522
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #1b2227;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ffe08f;
        border-radius: 5px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo:hover::after {
        content: 'Play'
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption i.fas {
        color: #d00
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2H4Ca35vBpOny1JgAT6P1_ .lobby-pagination li:hover {
        background-color: #ecb522
    }


    ._27I-m8QSVQvR-KIi129YKu {
        background: #fff
    }

    ._3rK0Kx62eGGIHpehjClZMF .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3rK0Kx62eGGIHpehjClZMF .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3rK0Kx62eGGIHpehjClZMF .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3rK0Kx62eGGIHpehjClZMF .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 3px
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3rK0Kx62eGGIHpehjClZMF .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #0550bb
    }

    ._3rK0Kx62eGGIHpehjClZMF .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0>li>span:hover {
        background: #003580
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0>li.active>span {
        color: #fff;
        background: #003580
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0>li:hover>ol {
        display: block
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #0550bb;
        cursor: pointer
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1>li:hover {
        background-color: #003580
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1>li:hover>ol {
        display: block
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3rK0Kx62eGGIHpehjClZMF .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3rK0Kx62eGGIHpehjClZMF .banner>img {
        margin-bottom: 20px
    }

    ._3rK0Kx62eGGIHpehjClZMF .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0550bb
    }

    ._3rK0Kx62eGGIHpehjClZMF .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #0550bb;
        border-radius: 8px 8px 0 0
    }

    ._3rK0Kx62eGGIHpehjClZMF .headline>button {
        float: right;
        color: #0550bb;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend {
        height: 0;
        overflow: hidden
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-track {
        margin: 0
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev,
    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev::before,
    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next::before {
        display: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev i,
    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev:hover,
    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next:hover {
        background-color: #0550bb
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots {
        position: static
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li:hover {
        border: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li.slick-active,
    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li.slick-active:hover {
        background-color: #0550bb
    }

    ._3rK0Kx62eGGIHpehjClZMF .recommend .slick-dots li button::before {
        display: none
    }

    ._3rK0Kx62eGGIHpehjClZMF .main {
        position: relative
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper.cross-platform,
    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%)
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 5px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo:hover::after {
        content: 'Play'
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption i.fas {
        color: #d00
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3rK0Kx62eGGIHpehjClZMF .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._3rK0Kx62eGGIHpehjClZMF .lobby-pagination li:hover {
        color: #fff
    }


    ._1bknOxOoWd6W_hZxTU8rTW {
        background: #fff
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ffc600;
        border-radius: 3px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #60bb00
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0>li>span:hover {
        background: #ffc600
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0>li.active>span {
        color: #000;
        background: #ffc600
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0>li:hover>ol {
        display: block
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #60bb00;
        cursor: pointer
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1>li:hover {
        background-color: #ffc600
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1>li:hover>ol {
        display: block
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-1>li:hover>span {
        color: #000
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .banner>img {
        margin-bottom: 20px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #60bb00
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #60bb00;
        border-radius: 8px 8px 0 0
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .headline>button {
        float: right;
        color: #60bb00;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend {
        height: 0;
        overflow: hidden
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-track {
        margin: 0
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev,
    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev::before,
    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next::before {
        display: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev i,
    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev:hover,
    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next:hover {
        background-color: #60bb00
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots {
        position: static
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li:hover {
        border: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li.slick-active,
    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li.slick-active:hover {
        background-color: #60bb00
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .recommend .slick-dots li button::before {
        display: none
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .main {
        position: relative
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #60bb00;
        border-radius: 10px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.cross-platform,
    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper:hover {
        color: #fff;
        background: #ffc600
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #60bb00;
        border-radius: 5px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo:hover::after {
        content: 'Play'
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption i.fas {
        color: #d00
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3GlSQ1IZz5N8EK2I8CMRvV .lobby-pagination li:hover {
        background-color: #ffc600
    }


    ._3PTI_MpYPzER7Ap3AdMiw5 {
        background: #fff
    }

    ._16bemAhd1LTwVuXAdmSVL2 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._16bemAhd1LTwVuXAdmSVL2 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._16bemAhd1LTwVuXAdmSVL2 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f2622d, #bc0007);
        border-radius: 3px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._16bemAhd1LTwVuXAdmSVL2 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #bc0007
    }

    ._16bemAhd1LTwVuXAdmSVL2 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0>li>span:hover {
        background: #000
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0>li.active>span {
        color: #fff;
        background: #000
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0>li:hover>ol {
        display: block
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #bc0007;
        cursor: pointer
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1>li:hover {
        background-color: #000
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1>li:hover>ol {
        display: block
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._16bemAhd1LTwVuXAdmSVL2 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._16bemAhd1LTwVuXAdmSVL2 .banner>img {
        margin-bottom: 20px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #bc0007
    }

    ._16bemAhd1LTwVuXAdmSVL2 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #bc0007;
        border-radius: 8px 8px 0 0
    }

    ._16bemAhd1LTwVuXAdmSVL2 .headline>button {
        float: right;
        color: #bc0007;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend {
        height: 0;
        overflow: hidden
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-track {
        margin: 0
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev,
    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev::before,
    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next::before {
        display: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev i,
    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev:hover,
    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next:hover {
        background-color: #bc0007
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots {
        position: static
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li:hover {
        border: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li.slick-active,
    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li.slick-active:hover {
        background-color: #bc0007
    }

    ._16bemAhd1LTwVuXAdmSVL2 .recommend .slick-dots li button::before {
        display: none
    }

    ._16bemAhd1LTwVuXAdmSVL2 .main {
        position: relative
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.cross-platform,
    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f2622d, #bc0007)
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #c30c0c;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fff;
        border-radius: 5px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo:hover::after {
        content: 'Play'
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption i.fas {
        color: #d00
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._16bemAhd1LTwVuXAdmSVL2 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._16bemAhd1LTwVuXAdmSVL2 .lobby-pagination li:hover {
        color: #fff
    }


    ._1VMj6a_yg4W03Wyw2fCLyb {
        background: #fff
    }

    .dK4KSQp7Uw36NbAQJhUii .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .dK4KSQp7Uw36NbAQJhUii .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .dK4KSQp7Uw36NbAQJhUii .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .dK4KSQp7Uw36NbAQJhUii .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #32b5e9;
        border-radius: 3px
    }

    .dK4KSQp7Uw36NbAQJhUii .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .dK4KSQp7Uw36NbAQJhUii .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .dK4KSQp7Uw36NbAQJhUii .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .dK4KSQp7Uw36NbAQJhUii .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #32b5e9
    }

    .dK4KSQp7Uw36NbAQJhUii .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .dK4KSQp7Uw36NbAQJhUii .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0 {
        display: block;
        font-size: 0
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0>li>span:hover {
        background: #21e519
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0>li.active>span {
        color: #000;
        background: #21e519
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0>li:hover>ol {
        display: block
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-0>li:hover>span:hover {
        color: #000
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #32b5e9;
        cursor: pointer
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1>li:hover {
        background-color: #21e519
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1>li:hover>ol {
        display: block
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-1>li:hover>span {
        color: #000
    }

    .dK4KSQp7Uw36NbAQJhUii .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .dK4KSQp7Uw36NbAQJhUii .banner>img {
        margin-bottom: 20px
    }

    .dK4KSQp7Uw36NbAQJhUii .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #32b5e9
    }

    .dK4KSQp7Uw36NbAQJhUii .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #32b5e9;
        border-radius: 8px 8px 0 0
    }

    .dK4KSQp7Uw36NbAQJhUii .headline>button {
        float: right;
        color: #32b5e9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend {
        height: 0;
        overflow: hidden
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend.show {
        height: auto;
        overflow: visible
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-track {
        margin: 0
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev,
    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev::before,
    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next::before {
        display: none
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev i,
    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev:hover,
    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next:hover {
        background-color: #32b5e9
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots {
        position: static
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li:hover {
        border: none
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li.slick-active,
    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li.slick-active:hover {
        background-color: #32b5e9
    }

    .dK4KSQp7Uw36NbAQJhUii .recommend .slick-dots li button::before {
        display: none
    }

    .dK4KSQp7Uw36NbAQJhUii .main {
        position: relative
    }

    .dK4KSQp7Uw36NbAQJhUii .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #32b5e9;
        border-radius: 10px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper.cross-platform,
    .dK4KSQp7Uw36NbAQJhUii .game-wrapper:hover {
        color: #000;
        background: #32b5e9
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .dK4KSQp7Uw36NbAQJhUii .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(45deg, #21e519, #32b5e9);
        border-radius: 5px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo:hover::after {
        content: 'Play'
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo figcaption i.fas {
        color: #d00
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .dK4KSQp7Uw36NbAQJhUii .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .dK4KSQp7Uw36NbAQJhUii .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .dK4KSQp7Uw36NbAQJhUii .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .dK4KSQp7Uw36NbAQJhUii .lobby-pagination li:hover {
        background-color: #32b5e9
    }


    ._1Ow0m8CFByhpNeY7TVts8M {
        background: #fff
    }

    .rmmhhGijmUqZw1SIG3SAA .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .rmmhhGijmUqZw1SIG3SAA .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .rmmhhGijmUqZw1SIG3SAA .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .rmmhhGijmUqZw1SIG3SAA .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #008ff1, #0033c1);
        border-radius: 3px
    }

    .rmmhhGijmUqZw1SIG3SAA .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .rmmhhGijmUqZw1SIG3SAA .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .rmmhhGijmUqZw1SIG3SAA .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .rmmhhGijmUqZw1SIG3SAA .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to right, #0033c1, #008ff1)
    }

    .rmmhhGijmUqZw1SIG3SAA .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .rmmhhGijmUqZw1SIG3SAA .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0 {
        display: block;
        font-size: 0
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0>li>span:hover {
        background: #ff0095
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0>li.active>span {
        color: #fff;
        background: #ff0095
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0>li:hover>ol {
        display: block
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #008ff1;
        cursor: pointer
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1>li:hover {
        background-color: #ff0095
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1>li:hover>ol {
        display: block
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-1>li:hover>span {
        color: #fff
    }

    .rmmhhGijmUqZw1SIG3SAA .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .rmmhhGijmUqZw1SIG3SAA .banner>img {
        margin-bottom: 20px
    }

    .rmmhhGijmUqZw1SIG3SAA .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: linear-gradient(to right, #0033c1, #008ff1)
    }

    .rmmhhGijmUqZw1SIG3SAA .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: linear-gradient(to right, #0033c1, #008ff1);
        border-radius: 8px 8px 0 0
    }

    .rmmhhGijmUqZw1SIG3SAA .headline>button {
        float: right;
        color: linear-gradient(to right, #0033c1, #008ff1);
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend {
        height: 0;
        overflow: hidden
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend.show {
        height: auto;
        overflow: visible
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-track {
        margin: 0
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev,
    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev::before,
    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next::before {
        display: none
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev i,
    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev:hover,
    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next:hover {
        background-color: linear-gradient(to right, #0033c1, #008ff1)
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots {
        position: static
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li:hover {
        border: none
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li.slick-active,
    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li.slick-active:hover {
        background-color: linear-gradient(to right, #0033c1, #008ff1)
    }

    .rmmhhGijmUqZw1SIG3SAA .recommend .slick-dots li button::before {
        display: none
    }

    .rmmhhGijmUqZw1SIG3SAA .main {
        position: relative
    }

    .rmmhhGijmUqZw1SIG3SAA .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper.cross-platform,
    .rmmhhGijmUqZw1SIG3SAA .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to top, #0033c1, #008ff1)
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .rmmhhGijmUqZw1SIG3SAA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ff0095;
        border-radius: 5px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo:hover::after {
        content: 'Play'
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo figcaption i.fas {
        color: #d00
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .rmmhhGijmUqZw1SIG3SAA .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination li:hover {
        background-color: #008ff1
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination li:hover {
        background-color: #008ff1
    }

    .rmmhhGijmUqZw1SIG3SAA .lobby-pagination li:hover {
        color: #fff
    }

    ._2SwyE2r0Hqf-bKVvuxS6aK {
        background: #fff
    }

    ._3mCYcGnNehLUboTvW8Udr3 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3mCYcGnNehLUboTvW8Udr3 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3mCYcGnNehLUboTvW8Udr3 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#31f8e8, #19768a);
        border-radius: 3px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3mCYcGnNehLUboTvW8Udr3 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #19768a
    }

    ._3mCYcGnNehLUboTvW8Udr3 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0>li>span:hover {
        background: #f41d70
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0>li.active>span {
        color: #fff;
        background: #f41d70
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #19768a;
        cursor: pointer
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1>li:hover {
        background-color: #f41d70
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3mCYcGnNehLUboTvW8Udr3 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3mCYcGnNehLUboTvW8Udr3 .banner>img {
        margin-bottom: 20px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #19768a
    }

    ._3mCYcGnNehLUboTvW8Udr3 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #19768a;
        border-radius: 8px 8px 0 0
    }

    ._3mCYcGnNehLUboTvW8Udr3 .headline>button {
        float: right;
        color: #19768a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-track {
        margin: 0
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev,
    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev::before,
    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next::before {
        display: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev i,
    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev:hover,
    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next:hover {
        background-color: #19768a
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots {
        position: static
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li:hover {
        border: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li.slick-active,
    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li.slick-active:hover {
        background-color: #19768a
    }

    ._3mCYcGnNehLUboTvW8Udr3 .recommend .slick-dots li button::before {
        display: none
    }

    ._3mCYcGnNehLUboTvW8Udr3 .main {
        position: relative
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.cross-platform,
    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#31f8e8, #19768a)
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f41d70;
        border-radius: 5px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo:hover::after {
        content: 'Play'
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3mCYcGnNehLUboTvW8Udr3 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3mCYcGnNehLUboTvW8Udr3 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3mCYcGnNehLUboTvW8Udr3 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._3mCYcGnNehLUboTvW8Udr3 .lobby-pagination li:hover {
        background-color: #19768a
    }


    ._3TE3UTtlYOWOhKJfU_0APe {
        background: #fff
    }

    .p10oqfnvwkgcbYjX61Ma_ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .p10oqfnvwkgcbYjX61Ma_ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .p10oqfnvwkgcbYjX61Ma_ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .p10oqfnvwkgcbYjX61Ma_ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%);
        border-radius: 3px
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .p10oqfnvwkgcbYjX61Ma_ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%)
    }

    .p10oqfnvwkgcbYjX61Ma_ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0 {
        display: block;
        font-size: 0
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0>li>span:hover {
        background: #642801
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0>li.active>span {
        color: #fff;
        background: #642801
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0>li:hover>ol {
        display: block
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f3b720;
        cursor: pointer
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1>li:hover {
        background-color: #642801
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1>li:hover>ol {
        display: block
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-1>li:hover>span {
        color: #fff
    }

    .p10oqfnvwkgcbYjX61Ma_ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .p10oqfnvwkgcbYjX61Ma_ .banner>img {
        margin-bottom: 20px
    }

    .p10oqfnvwkgcbYjX61Ma_ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f3b720
    }

    .p10oqfnvwkgcbYjX61Ma_ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f3b720;
        border-radius: 8px 8px 0 0
    }

    .p10oqfnvwkgcbYjX61Ma_ .headline>button {
        float: right;
        color: #f3b720;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend {
        height: 0;
        overflow: hidden
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend.show {
        height: auto;
        overflow: visible
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-track {
        margin: 0
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev,
    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev::before,
    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next::before {
        display: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev i,
    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev:hover,
    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next:hover {
        background-color: #f3b720
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots {
        position: static
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li:hover {
        border: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li.slick-active,
    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li.slick-active:hover {
        background-color: #f3b720
    }

    .p10oqfnvwkgcbYjX61Ma_ .recommend .slick-dots li button::before {
        display: none
    }

    .p10oqfnvwkgcbYjX61Ma_ .main {
        position: relative
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper.cross-platform,
    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper:hover {
        color: #fff;
        background: #f3b720
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%);
        border-radius: 5px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo:hover::after {
        content: 'Play'
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption i.fas {
        color: #d00
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .p10oqfnvwkgcbYjX61Ma_ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .p10oqfnvwkgcbYjX61Ma_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .p10oqfnvwkgcbYjX61Ma_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    .p10oqfnvwkgcbYjX61Ma_ .lobby-pagination li:hover {
        background-color: #f3b720
    }

    ._1X148xj7POIBjx5m7Go5Ub {
        background: #fff
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0>li>span:hover {
        background: #fa0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0>li.active>span {
        color: #fff;
        background: #fa0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0>li:hover>ol {
        display: block
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1>li:hover {
        background-color: #fa0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1>li:hover>ol {
        display: block
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .banner>img {
        margin-bottom: 20px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend {
        height: 0;
        overflow: hidden
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-track {
        margin: 0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev,
    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev::before,
    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next::before {
        display: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev i,
    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev:hover,
    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next:hover {
        background-color: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots {
        position: static
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li:hover {
        border: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li.slick-active,
    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .recommend .slick-dots li button::before {
        display: none
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .main {
        position: relative
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.cross-platform,
    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover {
        color: #fff;
        background: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fa0;
        border-radius: 5px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo:hover::after {
        content: 'Play'
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption i.fas {
        color: #d00
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .lobby-pagination li:hover {
        background-color: #fa0
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.cross-platform,
    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover {
        color: #fff;
        background: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1J5Xx-iE-MIieWdb0ccH9G .game-wrapper:hover {
        color: #000;
        background: #ffaa00
    }


    ._24r3KyVv5E5XgDvuTvXtbl {
        background: #fff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to right, #9846ff, #e92dff);
        border-radius: 3px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to right, #9846ff, #e92dff)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0>li>span:hover {
        background: #fd0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0>li.active>span {
        color: #000;
        background: #fd0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0>li:hover>ol {
        display: block
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #9846ff;
        cursor: pointer
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1>li:hover {
        background-color: #fd0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1>li:hover>ol {
        display: block
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-1>li:hover>span {
        color: #000
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .banner>img {
        margin-bottom: 20px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #9846ff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #9846ff;
        border-radius: 8px 8px 0 0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .headline>button {
        float: right;
        color: #9846ff;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend {
        height: 0;
        overflow: hidden
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-track {
        margin: 0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev,
    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev::before,
    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next::before {
        display: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev i,
    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev:hover,
    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next:hover {
        background-color: #9846ff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots {
        position: static
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li:hover {
        border: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li.slick-active,
    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li.slick-active:hover {
        background-color: #9846ff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .recommend .slick-dots li button::before {
        display: none
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .main {
        position: relative
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.cross-platform,
    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #9846ff, #e92dff)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fd0;
        border-radius: 5px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo:hover::after {
        content: 'Play'
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption i.fas {
        color: #d00
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li:hover {
        background-color: #9846ff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li:hover {
        background-color: #9846ff
    }

    ._163B_sxMZ8RLvkPPZHAMOQ .lobby-pagination li:hover {
        color: #fff
    }


    ._2cljmumwIwJF-FSOB6HLzN {
        background: #fff
    }

    .ub7qzj_ReDMhtQzv216QT .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .ub7qzj_ReDMhtQzv216QT .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .ub7qzj_ReDMhtQzv216QT .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .ub7qzj_ReDMhtQzv216QT .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #64127e;
        border-radius: 3px
    }

    .ub7qzj_ReDMhtQzv216QT .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .ub7qzj_ReDMhtQzv216QT .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .ub7qzj_ReDMhtQzv216QT .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ub7qzj_ReDMhtQzv216QT .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ub7qzj_ReDMhtQzv216QT .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ub7qzj_ReDMhtQzv216QT .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ub7qzj_ReDMhtQzv216QT .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .ub7qzj_ReDMhtQzv216QT .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .ub7qzj_ReDMhtQzv216QT .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .ub7qzj_ReDMhtQzv216QT .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .ub7qzj_ReDMhtQzv216QT .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .ub7qzj_ReDMhtQzv216QT .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #64127e
    }

    .ub7qzj_ReDMhtQzv216QT .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .ub7qzj_ReDMhtQzv216QT .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0 {
        display: block;
        font-size: 0
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0>li>span:hover {
        background: #9828bc
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0>li.active>span {
        color: #fff;
        background: #9828bc
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0>li:hover>ol {
        display: block
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #64127e;
        cursor: pointer
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1>li:hover {
        background-color: #9828bc
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1>li:hover>ol {
        display: block
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-1>li:hover>span {
        color: #fff
    }

    .ub7qzj_ReDMhtQzv216QT .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .ub7qzj_ReDMhtQzv216QT .banner>img {
        margin-bottom: 20px
    }

    .ub7qzj_ReDMhtQzv216QT .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #64127e
    }

    .ub7qzj_ReDMhtQzv216QT .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #64127e;
        border-radius: 8px 8px 0 0
    }

    .ub7qzj_ReDMhtQzv216QT .headline>button {
        float: right;
        color: #64127e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .ub7qzj_ReDMhtQzv216QT .recommend {
        height: 0;
        overflow: hidden
    }

    .ub7qzj_ReDMhtQzv216QT .recommend.show {
        height: auto;
        overflow: visible
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-track {
        margin: 0
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-prev,
    .ub7qzj_ReDMhtQzv216QT .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-prev::before,
    .ub7qzj_ReDMhtQzv216QT .recommend .slick-next::before {
        display: none
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-prev i,
    .ub7qzj_ReDMhtQzv216QT .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-prev:hover,
    .ub7qzj_ReDMhtQzv216QT .recommend .slick-next:hover {
        background-color: #64127e
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots {
        position: static
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li:hover {
        border: none
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li.slick-active,
    .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li.slick-active:hover {
        background-color: #64127e
    }

    .ub7qzj_ReDMhtQzv216QT .recommend .slick-dots li button::before {
        display: none
    }

    .ub7qzj_ReDMhtQzv216QT .main {
        position: relative
    }

    .ub7qzj_ReDMhtQzv216QT .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #64127e;
        border-radius: 10px
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper.cross-platform,
    .ub7qzj_ReDMhtQzv216QT .game-wrapper:hover {
        color: #fff;
        background: #64127e
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .ub7qzj_ReDMhtQzv216QT .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #9828bc;
        border-radius: 5px
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo:hover::after {
        content: 'Play'
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo figcaption i.fas {
        color: #d00
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .ub7qzj_ReDMhtQzv216QT .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ub7qzj_ReDMhtQzv216QT .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .ub7qzj_ReDMhtQzv216QT .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .ub7qzj_ReDMhtQzv216QT .lobby-pagination li:hover {
        background-color: #9828bc
    }


    ._79dmjw252i2nF5EJ2kZKw {
        background: #fff
    }

    ._6_KScQSmwC_9tYnw3DW6W .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._6_KScQSmwC_9tYnw3DW6W .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._6_KScQSmwC_9tYnw3DW6W .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._6_KScQSmwC_9tYnw3DW6W .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fddb00;
        border-radius: 3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #f2941a
    }

    ._6_KScQSmwC_9tYnw3DW6W .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0>li>span:hover {
        background: #fddb00
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0>li.active>span {
        color: #000;
        background: #fddb00
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0>li:hover>ol {
        display: block
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f2941a;
        cursor: pointer
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1>li:hover {
        background-color: #fddb00
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1>li:hover>ol {
        display: block
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-1>li:hover>span {
        color: #000
    }

    ._6_KScQSmwC_9tYnw3DW6W .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._6_KScQSmwC_9tYnw3DW6W .banner>img {
        margin-bottom: 20px
    }

    ._6_KScQSmwC_9tYnw3DW6W .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f2941a
    }

    ._6_KScQSmwC_9tYnw3DW6W .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f2941a;
        border-radius: 8px 8px 0 0
    }

    ._6_KScQSmwC_9tYnw3DW6W .headline>button {
        float: right;
        color: #f2941a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend {
        height: 0;
        overflow: hidden
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend.show {
        height: auto;
        overflow: visible
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-track {
        margin: 0
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev,
    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev::before,
    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next::before {
        display: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev i,
    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev:hover,
    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next:hover {
        background-color: #f2941a
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots {
        position: static
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li:hover {
        border: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li.slick-active,
    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li.slick-active:hover {
        background-color: #f2941a
    }

    ._6_KScQSmwC_9tYnw3DW6W .recommend .slick-dots li button::before {
        display: none
    }

    ._6_KScQSmwC_9tYnw3DW6W .main {
        position: relative
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.cross-platform,
    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover {
        color: #000;
        background: #fddb00
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f2941a;
        border-radius: 5px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo:hover::after {
        content: 'Play'
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption i.fas {
        color: #d00
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._6_KScQSmwC_9tYnw3DW6W .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._6_KScQSmwC_9tYnw3DW6W .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._6_KScQSmwC_9tYnw3DW6W .lobby-pagination li:hover {
        background-color: #fddb00
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.cross-platform,
    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper:hover {
        color: #000;
        background: #fddb00
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._6_KScQSmwC_9tYnw3DW6W .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._6_KScQSmwC_9tYnw3DW6W .search form button {
        color: #f2941a
    }


    ._2tXwNiFTKPOdC4Qky2h6ac {
        background: #fff
    }

    .yejtqlpWNCTDl1t1LEMTo .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .yejtqlpWNCTDl1t1LEMTo .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .yejtqlpWNCTDl1t1LEMTo .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .yejtqlpWNCTDl1t1LEMTo .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to top, #dc3c3c, #f6ba38);
        border-radius: 3px
    }

    .yejtqlpWNCTDl1t1LEMTo .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .yejtqlpWNCTDl1t1LEMTo .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .yejtqlpWNCTDl1t1LEMTo .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .yejtqlpWNCTDl1t1LEMTo .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .yejtqlpWNCTDl1t1LEMTo .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0 {
        display: block;
        font-size: 0
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0>li>span:hover {
        background: #74090f
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0>li.active>span {
        color: #fff;
        background: #74090f
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0>li:hover>ol {
        display: block
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ae0d15;
        cursor: pointer
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1>li:hover {
        background-color: #74090f
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1>li:hover>ol {
        display: block
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-1>li:hover>span {
        color: #fe5
    }

    .yejtqlpWNCTDl1t1LEMTo .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .yejtqlpWNCTDl1t1LEMTo .banner>img {
        margin-bottom: 20px
    }

    .yejtqlpWNCTDl1t1LEMTo .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #dc3c3c;
        border-radius: 8px 8px 0 0
    }

    .yejtqlpWNCTDl1t1LEMTo .headline>button {
        float: right;
        color: #dc3c3c;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend {
        height: 0;
        overflow: hidden
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend.show {
        height: auto;
        overflow: visible
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-track {
        margin: 0
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev,
    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev::before,
    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next::before {
        display: none
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev i,
    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev:hover,
    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next:hover {
        background-color: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots {
        position: static
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li:hover {
        border: none
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li.slick-active,
    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li.slick-active:hover {
        background-color: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .recommend .slick-dots li button::before {
        display: none
    }

    .yejtqlpWNCTDl1t1LEMTo .main {
        position: relative
    }

    .yejtqlpWNCTDl1t1LEMTo .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper.cross-platform,
    .yejtqlpWNCTDl1t1LEMTo .game-wrapper:hover {
        color: #fff;
        background: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .yejtqlpWNCTDl1t1LEMTo .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #da0c18;
        border-radius: 5px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo:hover::after {
        content: 'Play'
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo figcaption i.fas {
        color: #d00
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .yejtqlpWNCTDl1t1LEMTo .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination li:hover {
        background-color: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination li:hover {
        background-color: #dc3c3c
    }

    .yejtqlpWNCTDl1t1LEMTo .lobby-pagination li:hover {
        color: #fff
    }


    ._1gpisvs6m5LroMCRMSLI1v {
        background: #fff
    }

    ._2NMshEpzGZGIxOaOxeJcTA .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2NMshEpzGZGIxOaOxeJcTA .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2NMshEpzGZGIxOaOxeJcTA .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ecb522;
        border-radius: 3px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2NMshEpzGZGIxOaOxeJcTA .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0>li>span:hover {
        background: #1b2227
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0>li.active>span {
        color: #fff;
        background: #1b2227
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0>li:hover>ol {
        display: block
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ecb522;
        cursor: pointer
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1>li:hover {
        background-color: #1b2227
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1>li:hover>ol {
        display: block
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2NMshEpzGZGIxOaOxeJcTA .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2NMshEpzGZGIxOaOxeJcTA .banner>img {
        margin-bottom: 20px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ecb522;
        border-radius: 8px 8px 0 0
    }

    ._2NMshEpzGZGIxOaOxeJcTA .headline>button {
        float: right;
        color: #ecb522;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend {
        height: 0;
        overflow: hidden
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-track {
        margin: 0
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev,
    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev::before,
    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next::before {
        display: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev i,
    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev:hover,
    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next:hover {
        background-color: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots {
        position: static
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li:hover {
        border: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li.slick-active,
    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li.slick-active:hover {
        background-color: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .recommend .slick-dots li button::before {
        display: none
    }

    ._2NMshEpzGZGIxOaOxeJcTA .main {
        position: relative
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #1b2227;
        border-radius: 10px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.cross-platform,
    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper:hover {
        color: #fff;
        background: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ffe686;
        border-radius: 5px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo:hover::after {
        content: 'Play'
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption i.fas {
        color: #d00
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2NMshEpzGZGIxOaOxeJcTA .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li:hover {
        background-color: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li:hover {
        background-color: #ecb522
    }

    ._2NMshEpzGZGIxOaOxeJcTA .lobby-pagination li:hover {
        color: #fff
    }

 
    ._3bO8YpdcqqAar-vjGk8nN- {
        background: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3jH3FYFb5yPIw9euLUYqnj .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3jH3FYFb5yPIw9euLUYqnj .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fc0;
        border-radius: 3px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3jH3FYFb5yPIw9euLUYqnj .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0>li>span:hover {
        background: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0>li:hover>ol {
        display: block
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover {
        background-color: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover>ol {
        display: block
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover>span {
        color: #000
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .banner>img {
        margin-bottom: 20px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #fc0;
        border-radius: 8px 8px 0 0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .headline>button {
        float: right;
        color: #fc0;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend {
        height: 0;
        overflow: hidden
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-track {
        margin: 0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev,
    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev::before,
    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next::before {
        display: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev i,
    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev:hover,
    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next:hover {
        background-color: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots {
        position: static
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li:hover {
        border: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li.slick-active,
    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li.slick-active:hover {
        background-color: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .recommend .slick-dots li button::before {
        display: none
    }

    ._3jH3FYFb5yPIw9euLUYqnj .main {
        position: relative
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.cross-platform,
    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper:hover {
        color: #fff;
        background: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fc0;
        border-radius: 5px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo:hover::after {
        content: 'Play'
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption i.fas {
        color: #d00
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3jH3FYFb5yPIw9euLUYqnj .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li:hover {
        background-color: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li:hover {
        background-color: #fc0
    }

    ._3jH3FYFb5yPIw9euLUYqnj .lobby-pagination li:hover {
        color: #000
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover {
        background-color: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover>ol {
        display: block
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover>span {
        color: #000
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li {
        color: #fff
    }

    ._3jH3FYFb5yPIw9euLUYqnj .category-layer-1>li:hover {
        background: #fc0
    }


    .s6uJSFZ_VMNPfxn2hlfiw {
        background: #fff
    }

    ._3x439Wihi-q0oFHOdFcLDj .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3x439Wihi-q0oFHOdFcLDj .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3x439Wihi-q0oFHOdFcLDj .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3x439Wihi-q0oFHOdFcLDj .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #14c751;
        border-radius: 3px
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3x439Wihi-q0oFHOdFcLDj .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #d9d9d9
    }

    ._3x439Wihi-q0oFHOdFcLDj .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0>li>span:hover {
        background: #14c751
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0>li.active>span {
        color: #fff;
        background: #14c751
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0>li:hover>ol {
        display: block
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #d9d9d9;
        cursor: pointer
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1>li:hover {
        background-color: #14c751
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1>li:hover>ol {
        display: block
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3x439Wihi-q0oFHOdFcLDj .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3x439Wihi-q0oFHOdFcLDj .banner>img {
        margin-bottom: 20px
    }

    ._3x439Wihi-q0oFHOdFcLDj .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #d9d9d9
    }

    ._3x439Wihi-q0oFHOdFcLDj .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #d9d9d9;
        border-radius: 8px 8px 0 0
    }

    ._3x439Wihi-q0oFHOdFcLDj .headline>button {
        float: right;
        color: #d9d9d9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend {
        height: 0;
        overflow: hidden
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-track {
        margin: 0
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev,
    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev::before,
    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next::before {
        display: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev i,
    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev:hover,
    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next:hover {
        background-color: #d9d9d9
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots {
        position: static
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li:hover {
        border: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li.slick-active,
    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li.slick-active:hover {
        background-color: #d9d9d9
    }

    ._3x439Wihi-q0oFHOdFcLDj .recommend .slick-dots li button::before {
        display: none
    }

    ._3x439Wihi-q0oFHOdFcLDj .main {
        position: relative
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper.cross-platform,
    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper:hover {
        color: #000;
        background: #ffe401
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #14c751;
        border-radius: 5px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo:hover::after {
        content: 'Play'
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption i.fas {
        color: #d00
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3x439Wihi-q0oFHOdFcLDj .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li:hover {
        background-color: #14c751
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li:hover {
        background-color: #14c751
    }

    ._3x439Wihi-q0oFHOdFcLDj .lobby-pagination li:hover {
        color: #fff
    }


    ._8RdLB2pSpMpQPYSA4uCdC {
        background: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ad0200;
        border-radius: 3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0>li>span:hover {
        background: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0>li:hover>ol {
        display: block
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ad0200;
        cursor: pointer
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1>li:hover {
        background-color: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1>li:hover>ol {
        display: block
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-1>li:hover>span {
        color: #000
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .banner>img {
        margin-bottom: 20px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ad0200;
        border-radius: 8px 8px 0 0
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .headline>button {
        float: right;
        color: #ad0200;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend {
        height: 0;
        overflow: hidden
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-track {
        margin: 0
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-prev,
    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-prev::before,
    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-next::before {
        display: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-prev i,
    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-prev:hover,
    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-next:hover {
        background-color: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-dots {
        position: static
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-dots li:hover {
        border: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-dots li.slick-active,
    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-dots li.slick-active:hover {
        background-color: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .recommend .slick-dots li button::before {
        display: none
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .main {
        position: relative
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ad0200;
        border-radius: 10px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.cross-platform,
    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ad0200;
        border-radius: 5px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo:hover::after {
        content: 'Play'
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo figcaption i.fas {
        color: #d00
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .lobby-pagination li:hover {
        background-color: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ad0200;
        border-radius: 10px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.cross-platform,
    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3BXtdK7tW-uG-bF4v3B3bA .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }


    ._7pd3moXgVgPOL0wRG4BoG {
        background: #fff
    }

    ._1KRPzb74agmbrXROUR81xN .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1KRPzb74agmbrXROUR81xN .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1KRPzb74agmbrXROUR81xN .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1KRPzb74agmbrXROUR81xN .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #33b5e9;
        border-radius: 3px
    }

    ._1KRPzb74agmbrXROUR81xN .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1KRPzb74agmbrXROUR81xN .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1KRPzb74agmbrXROUR81xN .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1KRPzb74agmbrXROUR81xN .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1KRPzb74agmbrXROUR81xN .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1KRPzb74agmbrXROUR81xN .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1KRPzb74agmbrXROUR81xN .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1KRPzb74agmbrXROUR81xN .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1KRPzb74agmbrXROUR81xN .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1KRPzb74agmbrXROUR81xN .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1KRPzb74agmbrXROUR81xN .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1KRPzb74agmbrXROUR81xN .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #33b5e9
    }

    ._1KRPzb74agmbrXROUR81xN .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1KRPzb74agmbrXROUR81xN .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0>li>span:hover {
        background: #0062d5
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0>li.active>span {
        color: #fff;
        background: #0062d5
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0>li:hover>ol {
        display: block
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #33b5e9;
        cursor: pointer
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1>li:hover {
        background-color: #0062d5
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1>li:hover>ol {
        display: block
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1KRPzb74agmbrXROUR81xN .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1KRPzb74agmbrXROUR81xN .banner>img {
        margin-bottom: 20px
    }

    ._1KRPzb74agmbrXROUR81xN .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #33b5e9
    }

    ._1KRPzb74agmbrXROUR81xN .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #33b5e9;
        border-radius: 8px 8px 0 0
    }

    ._1KRPzb74agmbrXROUR81xN .headline>button {
        float: right;
        color: #33b5e9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1KRPzb74agmbrXROUR81xN .recommend {
        height: 0;
        overflow: hidden
    }

    ._1KRPzb74agmbrXROUR81xN .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-track {
        margin: 0
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-prev,
    ._1KRPzb74agmbrXROUR81xN .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-prev::before,
    ._1KRPzb74agmbrXROUR81xN .recommend .slick-next::before {
        display: none
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-prev i,
    ._1KRPzb74agmbrXROUR81xN .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-prev:hover,
    ._1KRPzb74agmbrXROUR81xN .recommend .slick-next:hover {
        background-color: #33b5e9
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots {
        position: static
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li:hover {
        border: none
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li.slick-active,
    ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li.slick-active:hover {
        background-color: #33b5e9
    }

    ._1KRPzb74agmbrXROUR81xN .recommend .slick-dots li button::before {
        display: none
    }

    ._1KRPzb74agmbrXROUR81xN .main {
        position: relative
    }

    ._1KRPzb74agmbrXROUR81xN .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper.cross-platform,
    ._1KRPzb74agmbrXROUR81xN .game-wrapper:hover {
        color: #fff;
        background: #33b5e9
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1KRPzb74agmbrXROUR81xN .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #33b5e9;
        border-radius: 5px
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo:hover::after {
        content: 'Play'
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo figcaption i.fas {
        color: #d00
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1KRPzb74agmbrXROUR81xN .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1KRPzb74agmbrXROUR81xN .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1KRPzb74agmbrXROUR81xN .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1KRPzb74agmbrXROUR81xN .lobby-pagination li:hover {
        background-color: #33b5e9
    }


    ._2AE1tb6xFKDZ1egHrU--YE {
        background: #fff
    }

    ._3PeVtaYd-TulHShVw4t2R_ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3PeVtaYd-TulHShVw4t2R_ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3PeVtaYd-TulHShVw4t2R_ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ea211d;
        border-radius: 3px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3PeVtaYd-TulHShVw4t2R_ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #a80000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0>li>span:hover {
        background: linear-gradient(to top, #fff95c, #ffa)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0>li.active>span {
        color: #ed1d1d;
        background: linear-gradient(to top, #fff95c, #ffa)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0>li:hover>ol {
        display: block
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-0>li:hover>span:hover {
        color: #ed1d1d
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ed1d1d;
        cursor: pointer
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1>li:hover {
        background-color: linear-gradient(to top, #fff95c, #ffa)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1>li:hover>ol {
        display: block
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-1>li:hover>span {
        color: #fff95c
    }

    ._3PeVtaYd-TulHShVw4t2R_ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3PeVtaYd-TulHShVw4t2R_ .banner>img {
        margin-bottom: 20px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #a80000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #a80000;
        border-radius: 8px 8px 0 0
    }

    ._3PeVtaYd-TulHShVw4t2R_ .headline>button {
        float: right;
        color: #a80000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend {
        height: 0;
        overflow: hidden
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-track {
        margin: 0
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev,
    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev::before,
    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next::before {
        display: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev i,
    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev:hover,
    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next:hover {
        background-color: #a80000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots {
        position: static
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li:hover {
        border: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li.slick-active,
    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li.slick-active:hover {
        background-color: #a80000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .recommend .slick-dots li button::before {
        display: none
    }

    ._3PeVtaYd-TulHShVw4t2R_ .main {
        position: relative
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.cross-platform,
    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper:hover {
        color: #fff;
        background: #a80000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ed1d1d;
        border-radius: 5px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo:hover::after {
        content: 'Play'
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption i.fas {
        color: #d00
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3PeVtaYd-TulHShVw4t2R_ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li:hover {
        background-color: #ed1d1d
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li:hover {
        background-color: #ed1d1d
    }

    ._3PeVtaYd-TulHShVw4t2R_ .lobby-pagination li:hover {
        color: #fff
    }


    .G2H369R4IUqLl_2B_23h {
        background: #fff
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f2622d, #bc0007);
        border-radius: 3px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #f6391b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0>li>span:hover {
        background: linear-gradient(#fef8c8, #e3ad1c)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0>li.active>span {
        color: #f6391b;
        background: linear-gradient(#fef8c8, #e3ad1c)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0>li:hover>ol {
        display: block
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-0>li:hover>span:hover {
        color: #f6391b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f6391b;
        cursor: pointer
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1>li:hover {
        background-color: #f6391b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1>li:hover>ol {
        display: block
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-1>li:hover>span {
        color: #ffec5a
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .banner>img {
        margin-bottom: 20px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f6391b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f6391b;
        border-radius: 8px 8px 0 0
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .headline>button {
        float: right;
        color: #f6391b;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend {
        height: 0;
        overflow: hidden
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-track {
        margin: 0
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev,
    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev::before,
    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next::before {
        display: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev i,
    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev:hover,
    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next:hover {
        background-color: #f6391b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots {
        position: static
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li:hover {
        border: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li.slick-active,
    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li.slick-active:hover {
        background-color: #f6391b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .recommend .slick-dots li button::before {
        display: none
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .main {
        position: relative
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.cross-platform,
    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f2622d, #bc0007)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #f6391b;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(#fef8c8, #e3ad1c);
        border-radius: 5px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo:hover::after {
        content: 'Play'
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption i.fas {
        color: #d00
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._2Ng3XUHTpUgZYJuwoJtNCt .lobby-pagination li:hover {
        color: #fff
    }


    .Ngml6RaPBym0Bhhe9uMdi {
        background: #fff
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 3px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #0550bb
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0>li>span:hover {
        background: #003580
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0>li.active>span {
        color: #fff;
        background: #003580
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0>li:hover>ol {
        display: block
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #0550bb;
        cursor: pointer
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1>li:hover {
        background-color: #003580
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1>li:hover>ol {
        display: block
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .banner>img {
        margin-bottom: 20px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0550bb
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #0550bb;
        border-radius: 8px 8px 0 0
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .headline>button {
        float: right;
        color: #0550bb;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend {
        height: 0;
        overflow: hidden
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-track {
        margin: 0
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev,
    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev::before,
    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next::before {
        display: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev i,
    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev:hover,
    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next:hover {
        background-color: #0550bb
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots {
        position: static
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li:hover {
        border: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li.slick-active,
    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li.slick-active:hover {
        background-color: #0550bb
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .recommend .slick-dots li button::before {
        display: none
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .main {
        position: relative
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.cross-platform,
    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%)
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 5px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo:hover::after {
        content: 'Play'
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption i.fas {
        color: #d00
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._2Y3dRYJ0i1JblZr2zb4_C5 .lobby-pagination li:hover {
        color: #fff
    }


    ._1SwSIh5jvflzUGDWZWcS6Y {
        background: #fff
    }

    .BG0PjIJTvm1LcfN1n074x .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .BG0PjIJTvm1LcfN1n074x .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .BG0PjIJTvm1LcfN1n074x .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .BG0PjIJTvm1LcfN1n074x .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #312f6e;
        border-radius: 3px
    }

    .BG0PjIJTvm1LcfN1n074x .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .BG0PjIJTvm1LcfN1n074x .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .BG0PjIJTvm1LcfN1n074x .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .BG0PjIJTvm1LcfN1n074x .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .BG0PjIJTvm1LcfN1n074x .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .BG0PjIJTvm1LcfN1n074x .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .BG0PjIJTvm1LcfN1n074x .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .BG0PjIJTvm1LcfN1n074x .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .BG0PjIJTvm1LcfN1n074x .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .BG0PjIJTvm1LcfN1n074x .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .BG0PjIJTvm1LcfN1n074x .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .BG0PjIJTvm1LcfN1n074x .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #eee
    }

    .BG0PjIJTvm1LcfN1n074x .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .BG0PjIJTvm1LcfN1n074x .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0 {
        display: block;
        font-size: 0
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #312f6e;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0>li>span:hover {
        background: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0>li.active>span {
        color: #fff;
        background: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0>li:hover>ol {
        display: block
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1>li {
        position: relative;
        display: block;
        color: #312f6e;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #312f6e;
        cursor: pointer
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1>li:hover {
        background-color: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1>li:hover>ol {
        display: block
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-1>li:hover>span {
        color: #fff
    }

    .BG0PjIJTvm1LcfN1n074x .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .BG0PjIJTvm1LcfN1n074x .banner>img {
        margin-bottom: 20px
    }

    .BG0PjIJTvm1LcfN1n074x .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #312f6e;
        border-radius: 8px 8px 0 0
    }

    .BG0PjIJTvm1LcfN1n074x .headline>button {
        float: right;
        color: #312f6e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .BG0PjIJTvm1LcfN1n074x .recommend {
        height: 0;
        overflow: hidden
    }

    .BG0PjIJTvm1LcfN1n074x .recommend.show {
        height: auto;
        overflow: visible
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-track {
        margin: 0
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-prev,
    .BG0PjIJTvm1LcfN1n074x .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-prev::before,
    .BG0PjIJTvm1LcfN1n074x .recommend .slick-next::before {
        display: none
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-prev i,
    .BG0PjIJTvm1LcfN1n074x .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-prev:hover,
    .BG0PjIJTvm1LcfN1n074x .recommend .slick-next:hover {
        background-color: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots {
        position: static
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li:hover {
        border: none
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li.slick-active,
    .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li.slick-active:hover {
        background-color: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .recommend .slick-dots li button::before {
        display: none
    }

    .BG0PjIJTvm1LcfN1n074x .main {
        position: relative
    }

    .BG0PjIJTvm1LcfN1n074x .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper.cross-platform,
    .BG0PjIJTvm1LcfN1n074x .game-wrapper:hover {
        color: #fff;
        background: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .BG0PjIJTvm1LcfN1n074x .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #312f6e;
        border-radius: 5px
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo:hover::after {
        content: 'Play'
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo figcaption i.fas {
        color: #d00
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .BG0PjIJTvm1LcfN1n074x .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination li:hover {
        background-color: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination li:hover {
        background-color: #312f6e
    }

    .BG0PjIJTvm1LcfN1n074x .lobby-pagination li:hover {
        color: #fff
    }

    ._1Cm07UOdbxM0UHxkLounPl {
        background: #fff
    }

    ._1QmQD7hk1JPEaP11vWavV2 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1QmQD7hk1JPEaP11vWavV2 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1QmQD7hk1JPEaP11vWavV2 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1QmQD7hk1JPEaP11vWavV2 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #bf0d0b
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0>li>span:hover {
        background: #333
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0>li.active>span {
        color: #fff;
        background: #333
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0>li:hover>ol {
        display: block
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #666;
        cursor: pointer
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1>li:hover {
        background-color: #333
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1>li:hover>ol {
        display: block
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1QmQD7hk1JPEaP11vWavV2 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1QmQD7hk1JPEaP11vWavV2 .banner>img {
        margin-bottom: 20px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._1QmQD7hk1JPEaP11vWavV2 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._1QmQD7hk1JPEaP11vWavV2 .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend {
        height: 0;
        overflow: hidden
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-track {
        margin: 0
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev,
    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev::before,
    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next::before {
        display: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev i,
    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev:hover,
    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next:hover {
        background-color: #666
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots {
        position: static
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li:hover {
        border: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li.slick-active,
    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._1QmQD7hk1JPEaP11vWavV2 .recommend .slick-dots li button::before {
        display: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .main {
        position: relative
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.cross-platform,
    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper:hover {
        color: #fff;
        background: #b21117
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #b21117;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ccc;
        border-radius: 5px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo:hover::after {
        content: 'Play'
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption i.fas {
        color: #d00
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1QmQD7hk1JPEaP11vWavV2 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1QmQD7hk1JPEaP11vWavV2 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1QmQD7hk1JPEaP11vWavV2 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #4b1110
    }

    ._1QmQD7hk1JPEaP11vWavV2 .lobby-pagination li:hover {
        background-color: #c20007
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #bf0d0b
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1QmQD7hk1JPEaP11vWavV2 .nav {
        padding-top: 0
    }


    ._2hHowNNp2MtBWYA4cr0XxF {
        background: #fff
    }

    .Pq8Lp81cZag_vaX9R4YSI .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .Pq8Lp81cZag_vaX9R4YSI .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .Pq8Lp81cZag_vaX9R4YSI .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .Pq8Lp81cZag_vaX9R4YSI .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 3px
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .Pq8Lp81cZag_vaX9R4YSI .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #0550bb
    }

    .Pq8Lp81cZag_vaX9R4YSI .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0 {
        display: block;
        font-size: 0
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0>li>span:hover {
        background: #003580
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0>li.active>span {
        color: #fff;
        background: #003580
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0>li:hover>ol {
        display: block
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #0550bb;
        cursor: pointer
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1>li:hover {
        background-color: #003580
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1>li:hover>ol {
        display: block
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-1>li:hover>span {
        color: #fff
    }

    .Pq8Lp81cZag_vaX9R4YSI .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .Pq8Lp81cZag_vaX9R4YSI .banner>img {
        margin-bottom: 20px
    }

    .Pq8Lp81cZag_vaX9R4YSI .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0550bb
    }

    .Pq8Lp81cZag_vaX9R4YSI .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #0550bb;
        border-radius: 8px 8px 0 0
    }

    .Pq8Lp81cZag_vaX9R4YSI .headline>button {
        float: right;
        color: #0550bb;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend {
        height: 0;
        overflow: hidden
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend.show {
        height: auto;
        overflow: visible
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-track {
        margin: 0
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev,
    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev::before,
    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next::before {
        display: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev i,
    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev:hover,
    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next:hover {
        background-color: #0550bb
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots {
        position: static
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li:hover {
        border: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li.slick-active,
    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li.slick-active:hover {
        background-color: #0550bb
    }

    .Pq8Lp81cZag_vaX9R4YSI .recommend .slick-dots li button::before {
        display: none
    }

    .Pq8Lp81cZag_vaX9R4YSI .main {
        position: relative
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper.cross-platform,
    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%)
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 5px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo:hover::after {
        content: 'Play'
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption i.fas {
        color: #d00
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .Pq8Lp81cZag_vaX9R4YSI .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li:hover {
        background-color: #3593fc
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li:hover {
        background-color: #3593fc
    }

    .Pq8Lp81cZag_vaX9R4YSI .lobby-pagination li:hover {
        color: #fff
    }


    ._1VEZVqjrdMpDN5aCL_Nrcl {
        background: #fff
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #0092be;
        border-radius: 3px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #0092be
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0>li>span:hover {
        background: #f05f22
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0>li.active>span {
        color: #fff;
        background: #f05f22
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0>li:hover>ol {
        display: block
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #0092be;
        cursor: pointer
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1>li:hover {
        background-color: #f05f22
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1>li:hover>ol {
        display: block
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .banner>img {
        margin-bottom: 20px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0092be
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #0092be;
        border-radius: 8px 8px 0 0
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .headline>button {
        float: right;
        color: #0092be;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend {
        height: 0;
        overflow: hidden
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-track {
        margin: 0
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-prev,
    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-prev::before,
    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-next::before {
        display: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-prev i,
    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-prev:hover,
    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-next:hover {
        background-color: #0092be
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-dots {
        position: static
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-dots li:hover {
        border: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-dots li.slick-active,
    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-dots li.slick-active:hover {
        background-color: #0092be
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .recommend .slick-dots li button::before {
        display: none
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .main {
        position: relative
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #0092be;
        border-radius: 10px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper.cross-platform,
    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper:hover {
        color: #fff;
        background: #0092be
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f05f22;
        border-radius: 5px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo:hover::after {
        content: 'Play'
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo figcaption i.fas {
        color: #d00
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2zRqZGA3AFEQ9afqOLR-5F .lobby-pagination li:hover {
        background-color: #0092be
    }


    .kDzxAJlUcOq2_G0W7h57P {
        background: #fff
    }

    ._18wb5j4LKgmDOBx1PSLik8 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._18wb5j4LKgmDOBx1PSLik8 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._18wb5j4LKgmDOBx1PSLik8 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #bd0000;
        border-radius: 3px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._18wb5j4LKgmDOBx1PSLik8 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #bd0000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0>li>span:hover {
        background: #5c1111
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0>li.active>span {
        color: #ffde03;
        background: #5c1111
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0>li:hover>ol {
        display: block
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-0>li:hover>span:hover {
        color: #ffde03
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #bd0000;
        cursor: pointer
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1>li:hover {
        background-color: #5c1111
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1>li:hover>ol {
        display: block
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-1>li:hover>span {
        color: #ffde03
    }

    ._18wb5j4LKgmDOBx1PSLik8 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._18wb5j4LKgmDOBx1PSLik8 .banner>img {
        margin-bottom: 20px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #bd0000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #bd0000;
        border-radius: 8px 8px 0 0
    }

    ._18wb5j4LKgmDOBx1PSLik8 .headline>button {
        float: right;
        color: #bd0000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend {
        height: 0;
        overflow: hidden
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-track {
        margin: 0
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev,
    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev::before,
    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next::before {
        display: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev i,
    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev:hover,
    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next:hover {
        background-color: #bd0000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots {
        position: static
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li:hover {
        border: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li.slick-active,
    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li.slick-active:hover {
        background-color: #bd0000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .recommend .slick-dots li button::before {
        display: none
    }

    ._18wb5j4LKgmDOBx1PSLik8 .main {
        position: relative
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #bd0000;
        border-radius: 10px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.cross-platform,
    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper:hover {
        color: #fff;
        background: #bd0000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #bd0000;
        border-radius: 5px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo:hover::after {
        content: 'Play'
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption i.fas {
        color: #d00
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._18wb5j4LKgmDOBx1PSLik8 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._18wb5j4LKgmDOBx1PSLik8 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._18wb5j4LKgmDOBx1PSLik8 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #4a1010
    }

    ._18wb5j4LKgmDOBx1PSLik8 .lobby-pagination li:hover {
        background-color: #bd0000
    }


    .XvSl4l1xz6k9Ea9qRkw_7 {
        background: #fff
    }

    ._3kdEet50rzItCz5OVBLX34 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3kdEet50rzItCz5OVBLX34 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3kdEet50rzItCz5OVBLX34 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3kdEet50rzItCz5OVBLX34 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #3ce897;
        border-radius: 3px
    }

    ._3kdEet50rzItCz5OVBLX34 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3kdEet50rzItCz5OVBLX34 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3kdEet50rzItCz5OVBLX34 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3kdEet50rzItCz5OVBLX34 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #3ce897
    }

    ._3kdEet50rzItCz5OVBLX34 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3kdEet50rzItCz5OVBLX34 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0>li>span:hover {
        background: #ffd000
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0>li.active>span {
        color: #fff;
        background: #ffd000
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #3ce897;
        cursor: pointer
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1>li:hover {
        background-color: #ffd000
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3kdEet50rzItCz5OVBLX34 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3kdEet50rzItCz5OVBLX34 .banner>img {
        margin-bottom: 20px
    }

    ._3kdEet50rzItCz5OVBLX34 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #3ce897
    }

    ._3kdEet50rzItCz5OVBLX34 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #3ce897;
        border-radius: 8px 8px 0 0
    }

    ._3kdEet50rzItCz5OVBLX34 .headline>button {
        float: right;
        color: #3ce897;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-track {
        margin: 0
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev,
    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev::before,
    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next::before {
        display: none
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev i,
    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev:hover,
    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next:hover {
        background-color: #3ce897
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots {
        position: static
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li:hover {
        border: none
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li.slick-active,
    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li.slick-active:hover {
        background-color: #3ce897
    }

    ._3kdEet50rzItCz5OVBLX34 .recommend .slick-dots li button::before {
        display: none
    }

    ._3kdEet50rzItCz5OVBLX34 .main {
        position: relative
    }

    ._3kdEet50rzItCz5OVBLX34 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #3ce897;
        border-radius: 10px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper.cross-platform,
    ._3kdEet50rzItCz5OVBLX34 .game-wrapper:hover {
        color: #fff;
        background: #3ce897
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3kdEet50rzItCz5OVBLX34 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #3ce897;
        border-radius: 5px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo:hover::after {
        content: 'Play'
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3kdEet50rzItCz5OVBLX34 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3kdEet50rzItCz5OVBLX34 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3kdEet50rzItCz5OVBLX34 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3kdEet50rzItCz5OVBLX34 .lobby-pagination li:hover {
        background-color: #3ce897
    }


    .S020gIlgvrX_TlRnKWX0m {
        background: #fff
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#ea000c, #b00e16);
        border-radius: 3px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #dc3c3c
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0>li>span:hover {
        background: #73090f
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0>li.active>span {
        color: #fff;
        background: #73090f
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0>li:hover>ol {
        display: block
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #b00e16;
        cursor: pointer
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1>li:hover {
        background-color: #73090f
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1>li:hover>ol {
        display: block
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .banner>img {
        margin-bottom: 20px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #b00e16
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #b00e16;
        border-radius: 8px 8px 0 0
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .headline>button {
        float: right;
        color: #b00e16;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend {
        height: 0;
        overflow: hidden
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-track {
        margin: 0
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev,
    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev::before,
    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next::before {
        display: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev i,
    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev:hover,
    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next:hover {
        background-color: #b00e16
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots {
        position: static
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li:hover {
        border: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li.slick-active,
    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li.slick-active:hover {
        background-color: #b00e16
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .recommend .slick-dots li button::before {
        display: none
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .main {
        position: relative
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.cross-platform,
    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper:hover {
        color: #fff;
        background: #dc3c3c
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #b00e16;
        border-radius: 5px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo:hover::after {
        content: 'Play'
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption i.fas {
        color: #d00
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._3Nes-MM2T9t0NxUtzQrfzJ .lobby-pagination li:hover {
        background-color: #b00e16
    }


    ._16OGgW33Hg47WbGun0PECI {
        background: #fff
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fddb00;
        border-radius: 3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #f2941a
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0>li>span:hover {
        background: #fddb00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0>li.active>span {
        color: #000;
        background: #fddb00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0>li:hover>ol {
        display: block
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f2941a;
        cursor: pointer
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1>li:hover {
        background-color: #fddb00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1>li:hover>ol {
        display: block
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-1>li:hover>span {
        color: #000
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .banner>img {
        margin-bottom: 20px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f2941a
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f2941a;
        border-radius: 8px 8px 0 0
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .headline>button {
        float: right;
        color: #f2941a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend {
        height: 0;
        overflow: hidden
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-track {
        margin: 0
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev,
    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev::before,
    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next::before {
        display: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev i,
    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev:hover,
    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next:hover {
        background-color: #f2941a
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots {
        position: static
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li:hover {
        border: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li.slick-active,
    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li.slick-active:hover {
        background-color: #f2941a
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .recommend .slick-dots li button::before {
        display: none
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .main {
        position: relative
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.cross-platform,
    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover {
        color: #000;
        background: #fddb00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f2941a;
        border-radius: 5px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo:hover::after {
        content: 'Play'
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption i.fas {
        color: #d00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .lobby-pagination li:hover {
        background-color: #fddb00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.cross-platform,
    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper:hover {
        color: #000;
        background: #fddb00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3TIPL_g9iTKGTqhu3M5oPv .search form button {
        color: #f2941a
    }


    ._1qU_A7USFYXUPKARt_pEwt {
        background: #fff
    }

    .kWFNBdlkN8Bl31_vhZIyB .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .kWFNBdlkN8Bl31_vhZIyB .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .kWFNBdlkN8Bl31_vhZIyB .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .kWFNBdlkN8Bl31_vhZIyB .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #371200;
        border-radius: 3px
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .kWFNBdlkN8Bl31_vhZIyB .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #371200
    }

    .kWFNBdlkN8Bl31_vhZIyB .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0 {
        display: block;
        font-size: 0
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0>li>span:hover {
        background: #7d0000
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0>li.active>span {
        color: #fff;
        background: #7d0000
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0>li:hover>ol {
        display: block
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #371200;
        cursor: pointer
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1>li:hover {
        background-color: #7d0000
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1>li:hover>ol {
        display: block
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-1>li:hover>span {
        color: #fff
    }

    .kWFNBdlkN8Bl31_vhZIyB .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .kWFNBdlkN8Bl31_vhZIyB .banner>img {
        margin-bottom: 20px
    }

    .kWFNBdlkN8Bl31_vhZIyB .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #371200
    }

    .kWFNBdlkN8Bl31_vhZIyB .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #371200;
        border-radius: 8px 8px 0 0
    }

    .kWFNBdlkN8Bl31_vhZIyB .headline>button {
        float: right;
        color: #371200;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend {
        height: 0;
        overflow: hidden
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend.show {
        height: auto;
        overflow: visible
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-track {
        margin: 0
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev,
    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev::before,
    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next::before {
        display: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev i,
    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev:hover,
    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next:hover {
        background-color: #371200
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots {
        position: static
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li:hover {
        border: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li.slick-active,
    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li.slick-active:hover {
        background-color: #371200
    }

    .kWFNBdlkN8Bl31_vhZIyB .recommend .slick-dots li button::before {
        display: none
    }

    .kWFNBdlkN8Bl31_vhZIyB .main {
        position: relative
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper.cross-platform,
    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper:hover {
        color: #fff;
        background: #7d0000
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #7d0000;
        border-radius: 5px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo:hover::after {
        content: 'Play'
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption i.fas {
        color: #d00
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .kWFNBdlkN8Bl31_vhZIyB .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .kWFNBdlkN8Bl31_vhZIyB .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .kWFNBdlkN8Bl31_vhZIyB .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #371200
    }

    .kWFNBdlkN8Bl31_vhZIyB .lobby-pagination li:hover {
        background-color: #7d0000
    }


    ._2jE4t3Ql8tEodt9Tb1brrP {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9cd03d6173af44ab2d6bfae215349fee.jpg) no-repeat center top
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #00aadf;
        border-radius: 3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #048db8
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0>li>span:hover {
        background: #31b5e9
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0>li.active>span {
        color: #ff0;
        background: #31b5e9
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-0>li:hover>span:hover {
        color: #ff0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #048db8;
        cursor: pointer
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1>li:hover {
        background-color: #31b5e9
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-1>li:hover>span {
        color: #ff0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .banner>img {
        margin-bottom: 20px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #048db8
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #048db8;
        border-radius: 8px 8px 0 0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .headline>button {
        float: right;
        color: #048db8;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-track {
        margin: 0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev,
    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev::before,
    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next::before {
        display: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev i,
    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev:hover,
    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next:hover {
        background-color: #048db8
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots {
        position: static
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li:hover {
        border: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li.slick-active,
    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li.slick-active:hover {
        background-color: #048db8
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .recommend .slick-dots li button::before {
        display: none
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .main {
        position: relative
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #002d97;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #0097c0;
        border-radius: 10px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9cd03d6173af44ab2d6bfae215349fee.jpg) no-repeat center top;
        cursor: pointer
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.cross-platform,
    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover {
        color: #fff;
        background: #00aadf
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #00729f;
        border-radius: 5px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo:hover::after {
        content: 'Play'
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .lobby-pagination li:hover {
        background-color: #00aadf
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #002d97;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #0097c0;
        border-radius: 10px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9cd03d6173af44ab2d6bfae215349fee.jpg) no-repeat center top;
        cursor: pointer
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.cross-platform,
    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper:hover {
        color: #fff;
        background: #00aadf
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3_q9v0lCecF4T2pMvlivQ0 .game-wrapper {
        background-color: #4ed9ff
    }


    .yuq43hKnvQq_oFbB_HDDW {
        background: #fff
    }

    ._1pt6JDoqIEKLP2DhchtMEc .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1pt6JDoqIEKLP2DhchtMEc .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1pt6JDoqIEKLP2DhchtMEc .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1pt6JDoqIEKLP2DhchtMEc .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0>li>span:hover {
        background: #fa0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0>li.active>span {
        color: #fff;
        background: #fa0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0>li:hover>ol {
        display: block
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1>li:hover {
        background-color: #fa0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1>li:hover>ol {
        display: block
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1pt6JDoqIEKLP2DhchtMEc .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .banner>img {
        margin-bottom: 20px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend {
        height: 0;
        overflow: hidden
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-track {
        margin: 0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev,
    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev::before,
    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next::before {
        display: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev i,
    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev:hover,
    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next:hover {
        background-color: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots {
        position: static
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li:hover {
        border: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li.slick-active,
    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .recommend .slick-dots li button::before {
        display: none
    }

    ._1pt6JDoqIEKLP2DhchtMEc .main {
        position: relative
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.cross-platform,
    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover {
        color: #fff;
        background: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fa0;
        border-radius: 5px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo:hover::after {
        content: 'Play'
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption i.fas {
        color: #d00
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1pt6JDoqIEKLP2DhchtMEc .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1pt6JDoqIEKLP2DhchtMEc .lobby-pagination li:hover {
        background-color: #fa0
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.cross-platform,
    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover {
        color: #fff;
        background: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1pt6JDoqIEKLP2DhchtMEc .game-wrapper:hover {
        color: #000;
        background: #ffaa00
    }


    .bYC6LbeamPCwlyHWS-C8i {
        background: #fff
    }

    ._1ss-ebQ42wHiRyanPvBnzI .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1ss-ebQ42wHiRyanPvBnzI .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1ss-ebQ42wHiRyanPvBnzI .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#31f8e8, #19768a);
        border-radius: 3px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1ss-ebQ42wHiRyanPvBnzI .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #19768a
    }

    ._1ss-ebQ42wHiRyanPvBnzI .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0>li>span:hover {
        background: #f41d70
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0>li.active>span {
        color: #fff;
        background: #f41d70
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0>li:hover>ol {
        display: block
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #19768a;
        cursor: pointer
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1>li:hover {
        background-color: #f41d70
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1>li:hover>ol {
        display: block
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1ss-ebQ42wHiRyanPvBnzI .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1ss-ebQ42wHiRyanPvBnzI .banner>img {
        margin-bottom: 20px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #19768a
    }

    ._1ss-ebQ42wHiRyanPvBnzI .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #19768a;
        border-radius: 8px 8px 0 0
    }

    ._1ss-ebQ42wHiRyanPvBnzI .headline>button {
        float: right;
        color: #19768a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend {
        height: 0;
        overflow: hidden
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-track {
        margin: 0
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev,
    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev::before,
    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next::before {
        display: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev i,
    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev:hover,
    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next:hover {
        background-color: #19768a
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots {
        position: static
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li:hover {
        border: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li.slick-active,
    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li.slick-active:hover {
        background-color: #19768a
    }

    ._1ss-ebQ42wHiRyanPvBnzI .recommend .slick-dots li button::before {
        display: none
    }

    ._1ss-ebQ42wHiRyanPvBnzI .main {
        position: relative
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.cross-platform,
    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#31f8e8, #19768a)
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #f41d70;
        border-radius: 5px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo:hover::after {
        content: 'Play'
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption i.fas {
        color: #d00
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1ss-ebQ42wHiRyanPvBnzI .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1ss-ebQ42wHiRyanPvBnzI .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1ss-ebQ42wHiRyanPvBnzI .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._1ss-ebQ42wHiRyanPvBnzI .lobby-pagination li:hover {
        background-color: #19768a
    }


    ._2uMA2eUcXP7SgWSHyobDfn {
        background: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1h4LEDZRLqOWnylW1QrWRL .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1h4LEDZRLqOWnylW1QrWRL .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#cabd86, #6f6144);
        border-radius: 3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1h4LEDZRLqOWnylW1QrWRL .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #e0e0e0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0>li>span:hover {
        background: #92845d
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0>li.active>span {
        color: #fff;
        background: #92845d
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0>li:hover>ol {
        display: block
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #e0e0e0;
        cursor: pointer
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1>li:hover {
        background-color: #92845d
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1>li:hover>ol {
        display: block
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .banner>img {
        margin-bottom: 20px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #6f6144
    }

    ._1h4LEDZRLqOWnylW1QrWRL .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #6f6144;
        border-radius: 8px 8px 0 0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .headline>button {
        float: right;
        color: #6f6144;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend {
        height: 0;
        overflow: hidden
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-track {
        margin: 0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev,
    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev::before,
    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next::before {
        display: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev i,
    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev:hover,
    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next:hover {
        background-color: #6f6144
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots {
        position: static
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li:hover {
        border: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li.slick-active,
    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li.slick-active:hover {
        background-color: #6f6144
    }

    ._1h4LEDZRLqOWnylW1QrWRL .recommend .slick-dots li button::before {
        display: none
    }

    ._1h4LEDZRLqOWnylW1QrWRL .main {
        position: relative
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.cross-platform,
    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#cabd86, #6f6144)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #6b5a35;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #e4dbb6;
        border-radius: 5px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo:hover::after {
        content: 'Play'
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption i.fas {
        color: #d00
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e0e0e0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li:hover {
        background-color: #c9b476
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.cross-platform,
    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#cabd86, #6f6144)
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1h4LEDZRLqOWnylW1QrWRL .game-wrapper:hover {
        border-color: #fff
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e0e0e0
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li:hover {
        background-color: #c9b476
    }

    ._1h4LEDZRLqOWnylW1QrWRL .lobby-pagination li:hover {
        color: #fff
    }


    .eat74gLxUJTKQEpQ_97VQ {
        background: #fff
    }

    ._1HOQ2348kFIdkpHym1C-IL .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1HOQ2348kFIdkpHym1C-IL .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1HOQ2348kFIdkpHym1C-IL .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1HOQ2348kFIdkpHym1C-IL .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #bc9a45;
        border-radius: 3px
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1HOQ2348kFIdkpHym1C-IL .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #e1d069
    }

    ._1HOQ2348kFIdkpHym1C-IL .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0>li>span:hover {
        background: #bc9a45
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0>li.active>span {
        color: #fff;
        background: #bc9a45
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0>li:hover>ol {
        display: block
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #e1d069;
        cursor: pointer
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1>li:hover {
        background-color: #bc9a45
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1>li:hover>ol {
        display: block
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1HOQ2348kFIdkpHym1C-IL .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1HOQ2348kFIdkpHym1C-IL .banner>img {
        margin-bottom: 20px
    }

    ._1HOQ2348kFIdkpHym1C-IL .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #e1d069
    }

    ._1HOQ2348kFIdkpHym1C-IL .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #e1d069;
        border-radius: 8px 8px 0 0
    }

    ._1HOQ2348kFIdkpHym1C-IL .headline>button {
        float: right;
        color: #e1d069;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend {
        height: 0;
        overflow: hidden
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-track {
        margin: 0
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev,
    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev::before,
    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next::before {
        display: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev i,
    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev:hover,
    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next:hover {
        background-color: #e1d069
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots {
        position: static
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li:hover {
        border: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li.slick-active,
    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li.slick-active:hover {
        background-color: #e1d069
    }

    ._1HOQ2348kFIdkpHym1C-IL .recommend .slick-dots li button::before {
        display: none
    }

    ._1HOQ2348kFIdkpHym1C-IL .main {
        position: relative
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper.cross-platform,
    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper:hover {
        color: #fff;
        background: #bc9a45
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #c4a700;
        border-radius: 5px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo:hover::after {
        content: 'Play'
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption i.fas {
        color: #d00
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1HOQ2348kFIdkpHym1C-IL .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1HOQ2348kFIdkpHym1C-IL .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1HOQ2348kFIdkpHym1C-IL .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e1d069
    }

    ._1HOQ2348kFIdkpHym1C-IL .lobby-pagination li:hover {
        background-color: #bc9a45
    }


    ._174zAODecba5fFmKFFTsc_ {
        background: #fff
    }

    ._8tsn2d0GKh49R5PUm1GyK .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._8tsn2d0GKh49R5PUm1GyK .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._8tsn2d0GKh49R5PUm1GyK .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._8tsn2d0GKh49R5PUm1GyK .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fe2949;
        border-radius: 3px
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._8tsn2d0GKh49R5PUm1GyK .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0>li>span:hover {
        background: #000
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0>li.active>span {
        color: #ff0;
        background: #000
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0>li:hover>ol {
        display: block
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-0>li:hover>span:hover {
        color: #ff0
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #fe2949;
        cursor: pointer
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1>li:hover {
        background-color: #000
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1>li:hover>ol {
        display: block
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-1>li:hover>span {
        color: #ff0
    }

    ._8tsn2d0GKh49R5PUm1GyK .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._8tsn2d0GKh49R5PUm1GyK .banner>img {
        margin-bottom: 20px
    }

    ._8tsn2d0GKh49R5PUm1GyK .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #fe2949;
        border-radius: 8px 8px 0 0
    }

    ._8tsn2d0GKh49R5PUm1GyK .headline>button {
        float: right;
        color: #fe2949;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend {
        height: 0;
        overflow: hidden
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend.show {
        height: auto;
        overflow: visible
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-track {
        margin: 0
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev,
    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev::before,
    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next::before {
        display: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev i,
    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev:hover,
    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next:hover {
        background-color: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots {
        position: static
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li:hover {
        border: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li.slick-active,
    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li.slick-active:hover {
        background-color: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .recommend .slick-dots li button::before {
        display: none
    }

    ._8tsn2d0GKh49R5PUm1GyK .main {
        position: relative
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper.cross-platform,
    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper:hover {
        color: #fff;
        background: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to right, #ef3c54, #f89729);
        border-radius: 5px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo:hover::after {
        content: 'Play'
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption i.fas {
        color: #d00
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._8tsn2d0GKh49R5PUm1GyK .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li:hover {
        background-color: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li:hover {
        background-color: #fe2949
    }

    ._8tsn2d0GKh49R5PUm1GyK .lobby-pagination li:hover {
        color: #fff
    }


    ._25FfvyTDnhtnInL121xlC6 {
        background: #fff
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #75848c;
        border-radius: 3px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #75848c
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0>li>span:hover {
        background: #565f64
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0>li.active>span {
        color: #fff;
        background: #565f64
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #75848c;
        cursor: pointer
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1>li:hover {
        background-color: #565f64
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .banner>img {
        margin-bottom: 20px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #75848c
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #75848c;
        border-radius: 8px 8px 0 0
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .headline>button {
        float: right;
        color: #75848c;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-track {
        margin: 0
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev,
    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev::before,
    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next::before {
        display: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev i,
    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev:hover,
    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next:hover {
        background-color: #75848c
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots {
        position: static
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li:hover {
        border: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li.slick-active,
    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li.slick-active:hover {
        background-color: #75848c
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .recommend .slick-dots li button::before {
        display: none
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .main {
        position: relative
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #75848c;
        border-radius: 10px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.cross-platform,
    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper:hover {
        color: #fff;
        background: #75848c
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #75848c;
        border-radius: 5px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo:hover::after {
        content: 'Play'
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #75848c
    }

    ._3A8H2uYgV0GiqimCbdM1H8 .lobby-pagination li:hover {
        background-color: #565f64
    }


    .Z5oUMfSaswmWNjZzXkVPi {
        background: #fff
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f2622d, #bc0007);
        border-radius: 3px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #f6391b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0>li>span:hover {
        background: linear-gradient(#fef8c8, #e3ad1c)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0>li.active>span {
        color: #f6391b;
        background: linear-gradient(#fef8c8, #e3ad1c)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0>li:hover>ol {
        display: block
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-0>li:hover>span:hover {
        color: #f6391b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f6391b;
        cursor: pointer
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1>li:hover {
        background-color: #f6391b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1>li:hover>ol {
        display: block
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-1>li:hover>span {
        color: #ffec5a
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .banner>img {
        margin-bottom: 20px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f6391b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f6391b;
        border-radius: 8px 8px 0 0
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .headline>button {
        float: right;
        color: #f6391b;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend {
        height: 0;
        overflow: hidden
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-track {
        margin: 0
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev,
    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev::before,
    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next::before {
        display: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev i,
    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev:hover,
    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next:hover {
        background-color: #f6391b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots {
        position: static
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li:hover {
        border: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li.slick-active,
    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li.slick-active:hover {
        background-color: #f6391b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .recommend .slick-dots li button::before {
        display: none
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .main {
        position: relative
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.cross-platform,
    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f2622d, #bc0007)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #f6391b;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(#fef8c8, #e3ad1c);
        border-radius: 5px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo:hover::after {
        content: 'Play'
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption i.fas {
        color: #d00
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._2ZJ2l31N2_2uagMSiZyhq4 .lobby-pagination li:hover {
        color: #fff
    }


    .KHsTISu5uWHrjjV0vVd4l {
        background: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3xAtTWKZICTTYznNFumNAG .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3xAtTWKZICTTYznNFumNAG .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3xAtTWKZICTTYznNFumNAG .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ff6911;
        border-radius: 3px
    }

    ._3xAtTWKZICTTYznNFumNAG .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3xAtTWKZICTTYznNFumNAG .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3xAtTWKZICTTYznNFumNAG .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3xAtTWKZICTTYznNFumNAG .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3xAtTWKZICTTYznNFumNAG .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0>li>span:hover {
        background: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0>li:hover>ol {
        display: block
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ff5900;
        cursor: pointer
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover {
        background-color: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover>ol {
        display: block
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover>span {
        color: #fff95c
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3xAtTWKZICTTYznNFumNAG .banner>img {
        margin-bottom: 20px
    }

    ._3xAtTWKZICTTYznNFumNAG .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ff6911;
        border-radius: 8px 8px 0 0
    }

    ._3xAtTWKZICTTYznNFumNAG .headline>button {
        float: right;
        color: #ff6911;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend {
        height: 0;
        overflow: hidden
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-track {
        margin: 0
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev,
    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev::before,
    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next::before {
        display: none
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev i,
    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev:hover,
    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next:hover {
        background-color: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots {
        position: static
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li:hover {
        border: none
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li.slick-active,
    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li.slick-active:hover {
        background-color: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .recommend .slick-dots li button::before {
        display: none
    }

    ._3xAtTWKZICTTYznNFumNAG .main {
        position: relative
    }

    ._3xAtTWKZICTTYznNFumNAG .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper.cross-platform,
    ._3xAtTWKZICTTYznNFumNAG .game-wrapper:hover {
        color: #fff;
        background: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3xAtTWKZICTTYznNFumNAG .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(#ff6918, #ff4800);
        border-radius: 5px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo:hover::after {
        content: 'Play'
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo figcaption i.fas {
        color: #d00
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3xAtTWKZICTTYznNFumNAG .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination li:hover {
        background-color: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination li:hover {
        background-color: #ff6911
    }

    ._3xAtTWKZICTTYznNFumNAG .lobby-pagination li:hover {
        color: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ff5900;
        cursor: pointer
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover {
        background-color: #fff
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover>ol {
        display: block
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover>span {
        color: #fff95c
    }

    ._3xAtTWKZICTTYznNFumNAG .category-layer-1>li:hover {
        background-color: #ff5900
    }


    ._7RztVfukb4QU92bnnAwum {
        background: #fff
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fbc20a;
        border-radius: 3px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #fbc20a
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0>li>span:hover {
        background: #ad7b20
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0>li.active>span {
        color: #fff;
        background: #ad7b20
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0>li:hover>ol {
        display: block
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #fbc20a;
        cursor: pointer
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1>li:hover {
        background-color: #ad7b20
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1>li:hover>ol {
        display: block
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-1>li:hover>span {
        color: #fff
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .banner>img {
        margin-bottom: 20px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fbc20a
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #fbc20a;
        border-radius: 8px 8px 0 0
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .headline>button {
        float: right;
        color: #fbc20a;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend {
        height: 0;
        overflow: hidden
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend.show {
        height: auto;
        overflow: visible
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-track {
        margin: 0
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev,
    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev::before,
    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next::before {
        display: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev i,
    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev:hover,
    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next:hover {
        background-color: #fbc20a
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots {
        position: static
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li:hover {
        border: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li.slick-active,
    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li.slick-active:hover {
        background-color: #fbc20a
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .recommend .slick-dots li button::before {
        display: none
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .main {
        position: relative
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #fbc20a;
        border-radius: 10px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.cross-platform,
    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper:hover {
        color: #fff;
        background: #fbc20a
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ad7b20;
        border-radius: 5px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo:hover::after {
        content: 'Play'
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption i.fas {
        color: #d00
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #fbc20a
    }

    ._15Aa5Ozbh6Ke9oHgTHEngW .lobby-pagination li:hover {
        background-color: #ad7b20
    }


    ._3KVT78rWEdCDgnvV-Dvb34 {
        background: #fff
    }

    ._3FYKnhCSL05bAie2pZHC81 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3FYKnhCSL05bAie2pZHC81 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3FYKnhCSL05bAie2pZHC81 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3FYKnhCSL05bAie2pZHC81 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ffc600;
        border-radius: 3px
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3FYKnhCSL05bAie2pZHC81 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #60bb00
    }

    ._3FYKnhCSL05bAie2pZHC81 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0>li>span:hover {
        background: #ffc600
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0>li.active>span {
        color: #000;
        background: #ffc600
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #60bb00;
        cursor: pointer
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1>li:hover {
        background-color: #ffc600
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-1>li:hover>span {
        color: #000
    }

    ._3FYKnhCSL05bAie2pZHC81 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3FYKnhCSL05bAie2pZHC81 .banner>img {
        margin-bottom: 20px
    }

    ._3FYKnhCSL05bAie2pZHC81 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #60bb00
    }

    ._3FYKnhCSL05bAie2pZHC81 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #60bb00;
        border-radius: 8px 8px 0 0
    }

    ._3FYKnhCSL05bAie2pZHC81 .headline>button {
        float: right;
        color: #60bb00;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-track {
        margin: 0
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev,
    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev::before,
    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next::before {
        display: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev i,
    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev:hover,
    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next:hover {
        background-color: #60bb00
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots {
        position: static
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li:hover {
        border: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li.slick-active,
    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li.slick-active:hover {
        background-color: #60bb00
    }

    ._3FYKnhCSL05bAie2pZHC81 .recommend .slick-dots li button::before {
        display: none
    }

    ._3FYKnhCSL05bAie2pZHC81 .main {
        position: relative
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #60bb00;
        border-radius: 10px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper.cross-platform,
    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper:hover {
        color: #fff;
        background: #ffc600
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #60bb00;
        border-radius: 5px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo:hover::after {
        content: 'Play'
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3FYKnhCSL05bAie2pZHC81 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3FYKnhCSL05bAie2pZHC81 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3FYKnhCSL05bAie2pZHC81 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3FYKnhCSL05bAie2pZHC81 .lobby-pagination li:hover {
        background-color: #ffc600
    }


    ._2XIy12s36G-uZWcTXMqePq {
        background: #fff
    }

    .ugv85xtmfwNcTVxF5C_Hd .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .ugv85xtmfwNcTVxF5C_Hd .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .ugv85xtmfwNcTVxF5C_Hd .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .ugv85xtmfwNcTVxF5C_Hd .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%);
        border-radius: 3px
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .ugv85xtmfwNcTVxF5C_Hd .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%)
    }

    .ugv85xtmfwNcTVxF5C_Hd .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0 {
        display: block;
        font-size: 0
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0>li>span:hover {
        background: #642801
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0>li.active>span {
        color: #fff;
        background: #642801
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0>li:hover>ol {
        display: block
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #f3b720;
        cursor: pointer
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1>li:hover {
        background-color: #642801
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1>li:hover>ol {
        display: block
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-1>li:hover>span {
        color: #fff
    }

    .ugv85xtmfwNcTVxF5C_Hd .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .ugv85xtmfwNcTVxF5C_Hd .banner>img {
        margin-bottom: 20px
    }

    .ugv85xtmfwNcTVxF5C_Hd .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #f3b720
    }

    .ugv85xtmfwNcTVxF5C_Hd .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #f3b720;
        border-radius: 8px 8px 0 0
    }

    .ugv85xtmfwNcTVxF5C_Hd .headline>button {
        float: right;
        color: #f3b720;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend {
        height: 0;
        overflow: hidden
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend.show {
        height: auto;
        overflow: visible
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-track {
        margin: 0
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev,
    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev::before,
    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next::before {
        display: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev i,
    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev:hover,
    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next:hover {
        background-color: #f3b720
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots {
        position: static
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li:hover {
        border: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li.slick-active,
    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li.slick-active:hover {
        background-color: #f3b720
    }

    .ugv85xtmfwNcTVxF5C_Hd .recommend .slick-dots li button::before {
        display: none
    }

    .ugv85xtmfwNcTVxF5C_Hd .main {
        position: relative
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper.cross-platform,
    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper:hover {
        color: #fff;
        background: #f3b720
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #fff468 0, #f3b720 33%, #eaa000 66%);
        border-radius: 5px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo:hover::after {
        content: 'Play'
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption i.fas {
        color: #d00
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .ugv85xtmfwNcTVxF5C_Hd .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ugv85xtmfwNcTVxF5C_Hd .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .ugv85xtmfwNcTVxF5C_Hd .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    .ugv85xtmfwNcTVxF5C_Hd .lobby-pagination li:hover {
        background-color: #f3b720
    }


    ._67NLFiBheDMIIpSWaza36 {
        background: #fff
    }

    ._13SzpQe5ZSHjpHBQeaF36r .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._13SzpQe5ZSHjpHBQeaF36r .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._13SzpQe5ZSHjpHBQeaF36r .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._13SzpQe5ZSHjpHBQeaF36r .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0>li>span:hover {
        background: #ffe54f
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0>li.active>span {
        color: #000;
        background: #ffe54f
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0>li:hover>ol {
        display: block
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ffe54f;
        cursor: pointer
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1>li:hover {
        background-color: #fff770
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1>li:hover>ol {
        display: block
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-1>li:hover>span {
        color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._13SzpQe5ZSHjpHBQeaF36r .banner>img {
        margin-bottom: 20px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._13SzpQe5ZSHjpHBQeaF36r .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend {
        height: 0;
        overflow: hidden
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend.show {
        height: auto;
        overflow: visible
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-track {
        margin: 0
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev,
    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev::before,
    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next::before {
        display: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev i,
    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev:hover,
    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next:hover {
        background-color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots {
        position: static
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li:hover {
        border: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li.slick-active,
    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .recommend .slick-dots li button::before {
        display: none
    }

    ._13SzpQe5ZSHjpHBQeaF36r .main {
        position: relative
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.cross-platform,
    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper:hover {
        color: #fff;
        background: #ffe54f
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fff770;
        border-radius: 5px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo:hover::after {
        content: 'Play'
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption i.fas {
        color: #d00
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._13SzpQe5ZSHjpHBQeaF36r .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._13SzpQe5ZSHjpHBQeaF36r .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._13SzpQe5ZSHjpHBQeaF36r .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._13SzpQe5ZSHjpHBQeaF36r .lobby-pagination li:hover {
        background-color: #ffe54f
    }


    ._2yUl2ckLJH3acDtpLctk8H {
        background: #fff
    }

    ._3lB5ZrDG6id6PkmgK5diLX .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3lB5ZrDG6id6PkmgK5diLX .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3lB5ZrDG6id6PkmgK5diLX .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#edc558, #cd9511);
        border-radius: 3px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3lB5ZrDG6id6PkmgK5diLX .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #cd9511
    }

    ._3lB5ZrDG6id6PkmgK5diLX .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0>li>span:hover {
        background: #a67504
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0>li.active>span {
        color: #fff;
        background: #a67504
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0>li:hover>ol {
        display: block
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #cd9511;
        cursor: pointer
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1>li:hover {
        background-color: #a67504
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1>li:hover>ol {
        display: block
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3lB5ZrDG6id6PkmgK5diLX .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3lB5ZrDG6id6PkmgK5diLX .banner>img {
        margin-bottom: 20px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #cd9511
    }

    ._3lB5ZrDG6id6PkmgK5diLX .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #cd9511;
        border-radius: 8px 8px 0 0
    }

    ._3lB5ZrDG6id6PkmgK5diLX .headline>button {
        float: right;
        color: #cd9511;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend {
        height: 0;
        overflow: hidden
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-track {
        margin: 0
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev,
    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev::before,
    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next::before {
        display: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev i,
    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev:hover,
    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next:hover {
        background-color: #cd9511
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots {
        position: static
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li:hover {
        border: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li.slick-active,
    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li.slick-active:hover {
        background-color: #cd9511
    }

    ._3lB5ZrDG6id6PkmgK5diLX .recommend .slick-dots li button::before {
        display: none
    }

    ._3lB5ZrDG6id6PkmgK5diLX .main {
        position: relative
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.cross-platform,
    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#edc558, #cd9511)
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #a67504;
        border-radius: 5px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo:hover::after {
        content: 'Play'
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption i.fas {
        color: #d00
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3lB5ZrDG6id6PkmgK5diLX .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3lB5ZrDG6id6PkmgK5diLX .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3lB5ZrDG6id6PkmgK5diLX .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._3lB5ZrDG6id6PkmgK5diLX .lobby-pagination li:hover {
        background-color: #a67504
    }


    .gz_VPh1Pdt96Ez2_HiaQe {
        background: #fff
    }

    .r93Fn6R6IGR0fSxhD2yXn .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .r93Fn6R6IGR0fSxhD2yXn .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .r93Fn6R6IGR0fSxhD2yXn .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .r93Fn6R6IGR0fSxhD2yXn .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .r93Fn6R6IGR0fSxhD2yXn .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0 {
        display: block;
        font-size: 0
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0>li>span:hover {
        background: #ff1c4f
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0>li.active>span {
        color: #fff;
        background: #ff1c4f
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0>li:hover>ol {
        display: block
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1>li:hover {
        background-color: #ff1c4f
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1>li:hover>ol {
        display: block
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-1>li:hover>span {
        color: #fff
    }

    .r93Fn6R6IGR0fSxhD2yXn .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .r93Fn6R6IGR0fSxhD2yXn .banner>img {
        margin-bottom: 20px
    }

    .r93Fn6R6IGR0fSxhD2yXn .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    .r93Fn6R6IGR0fSxhD2yXn .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend {
        height: 0;
        overflow: hidden
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend.show {
        height: auto;
        overflow: visible
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-track {
        margin: 0
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev,
    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev::before,
    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next::before {
        display: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev i,
    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev:hover,
    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next:hover {
        background-color: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots {
        position: static
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li:hover {
        border: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li.slick-active,
    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .recommend .slick-dots li button::before {
        display: none
    }

    .r93Fn6R6IGR0fSxhD2yXn .main {
        position: relative
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper.cross-platform,
    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper:hover {
        color: #fff;
        background: #ff1c4f
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ff1c4f;
        border-radius: 5px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo:hover::after {
        content: 'Play'
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption i.fas {
        color: #d00
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .r93Fn6R6IGR0fSxhD2yXn .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .r93Fn6R6IGR0fSxhD2yXn .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .r93Fn6R6IGR0fSxhD2yXn .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    .r93Fn6R6IGR0fSxhD2yXn .lobby-pagination li:hover {
        background-color: #ff1c4f
    }


    ._2fcf1gp9b2T30FJiemKF1A {
        background: #fff
    }

    ._2gAqNMknTGVsFRzhhX-4xc .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2gAqNMknTGVsFRzhhX-4xc .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2gAqNMknTGVsFRzhhX-4xc .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #c6010f;
        border-radius: 3px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2gAqNMknTGVsFRzhhX-4xc .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #c6010f
    }

    ._2gAqNMknTGVsFRzhhX-4xc .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0>li>span:hover {
        background: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0>li.active>span {
        color: #ffde03;
        background: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0>li:hover>ol {
        display: block
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-0>li:hover>span:hover {
        color: #ffde03
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #c6010f;
        cursor: pointer
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1>li:hover {
        background-color: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1>li:hover>ol {
        display: block
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-1>li:hover>span {
        color: #ffde03
    }

    ._2gAqNMknTGVsFRzhhX-4xc .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2gAqNMknTGVsFRzhhX-4xc .banner>img {
        margin-bottom: 20px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #93020d;
        border-radius: 8px 8px 0 0
    }

    ._2gAqNMknTGVsFRzhhX-4xc .headline>button {
        float: right;
        color: #93020d;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend {
        height: 0;
        overflow: hidden
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-track {
        margin: 0
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev,
    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev::before,
    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next::before {
        display: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev i,
    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev:hover,
    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next:hover {
        background-color: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots {
        position: static
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li:hover {
        border: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li.slick-active,
    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li.slick-active:hover {
        background-color: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .recommend .slick-dots li button::before {
        display: none
    }

    ._2gAqNMknTGVsFRzhhX-4xc .main {
        position: relative
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #93020d;
        border-radius: 10px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.cross-platform,
    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper:hover {
        color: #fff;
        background: #93020d
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #c6010f;
        border-radius: 5px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo:hover::after {
        content: 'Play'
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption i.fas {
        color: #d00
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2gAqNMknTGVsFRzhhX-4xc .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2gAqNMknTGVsFRzhhX-4xc .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2gAqNMknTGVsFRzhhX-4xc .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #c6010f
    }

    ._2gAqNMknTGVsFRzhhX-4xc .lobby-pagination li:hover {
        background-color: #93020d
    }


    .OGMMgmD7VJ4lm78lvqhHl {
        background: #fff
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f2622d, #bc0007);
        border-radius: 3px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #bc0007
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0>li>span:hover {
        background: #000
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0>li.active>span {
        color: #fff;
        background: #000
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0>li:hover>ol {
        display: block
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #bc0007;
        cursor: pointer
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1>li:hover {
        background-color: #000
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1>li:hover>ol {
        display: block
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .banner>img {
        margin-bottom: 20px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #bc0007
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #bc0007;
        border-radius: 8px 8px 0 0
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .headline>button {
        float: right;
        color: #bc0007;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend {
        height: 0;
        overflow: hidden
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-track {
        margin: 0
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev,
    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev::before,
    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next::before {
        display: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev i,
    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev:hover,
    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next:hover {
        background-color: #bc0007
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots {
        position: static
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li:hover {
        border: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li.slick-active,
    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li.slick-active:hover {
        background-color: #bc0007
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .recommend .slick-dots li button::before {
        display: none
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .main {
        position: relative
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.cross-platform,
    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f2622d, #bc0007)
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #c30c0c;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fff;
        border-radius: 5px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo:hover::after {
        content: 'Play'
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption i.fas {
        color: #d00
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li:hover {
        background-color: #d9000b
    }

    ._2KNqz_hDFLfRNvyBPb8bmm .lobby-pagination li:hover {
        color: #fff
    }


    ._1mRV1SN59o9qloIMLsHb-M {
        background: #fff
    }

    ._1k8pC2qYpc6H1_9agzAePi .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1k8pC2qYpc6H1_9agzAePi .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1k8pC2qYpc6H1_9agzAePi .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1k8pC2qYpc6H1_9agzAePi .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #1e9c0f;
        border-radius: 3px
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1k8pC2qYpc6H1_9agzAePi .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #1e9c0f
    }

    ._1k8pC2qYpc6H1_9agzAePi .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0>li>span:hover {
        background: #00c3ef
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0>li.active>span {
        color: #fff;
        background: #00c3ef
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0>li:hover>ol {
        display: block
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #1e9c0f;
        cursor: pointer
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1>li:hover {
        background-color: #00c3ef
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1>li:hover>ol {
        display: block
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1k8pC2qYpc6H1_9agzAePi .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1k8pC2qYpc6H1_9agzAePi .banner>img {
        margin-bottom: 20px
    }

    ._1k8pC2qYpc6H1_9agzAePi .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #1e9c0f
    }

    ._1k8pC2qYpc6H1_9agzAePi .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #1e9c0f;
        border-radius: 8px 8px 0 0
    }

    ._1k8pC2qYpc6H1_9agzAePi .headline>button {
        float: right;
        color: #1e9c0f;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend {
        height: 0;
        overflow: hidden
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-track {
        margin: 0
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev,
    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev::before,
    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next::before {
        display: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev i,
    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev:hover,
    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next:hover {
        background-color: #1e9c0f
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots {
        position: static
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li:hover {
        border: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li.slick-active,
    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li.slick-active:hover {
        background-color: #1e9c0f
    }

    ._1k8pC2qYpc6H1_9agzAePi .recommend .slick-dots li button::before {
        display: none
    }

    ._1k8pC2qYpc6H1_9agzAePi .main {
        position: relative
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper.cross-platform,
    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper:hover {
        color: #fff;
        background: #1e9c0f
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #00c3ef;
        border-radius: 5px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo:hover::after {
        content: 'Play'
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption i.fas {
        color: #d00
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1k8pC2qYpc6H1_9agzAePi .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1k8pC2qYpc6H1_9agzAePi .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1k8pC2qYpc6H1_9agzAePi .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._1k8pC2qYpc6H1_9agzAePi .lobby-pagination li:hover {
        background-color: #1e9c0f
    }


    ._3iu04RDPBswbnY6RmGtjNI {
        background: #fff
    }

    ._6HIWHxEa43nbLaFNGAeI6 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._6HIWHxEa43nbLaFNGAeI6 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._6HIWHxEa43nbLaFNGAeI6 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #32b5e9;
        border-radius: 3px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._6HIWHxEa43nbLaFNGAeI6 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #32b5e9
    }

    ._6HIWHxEa43nbLaFNGAeI6 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0>li>span:hover {
        background: #21e519
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0>li.active>span {
        color: #000;
        background: #21e519
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0>li:hover>ol {
        display: block
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #32b5e9;
        cursor: pointer
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1>li:hover {
        background-color: #21e519
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1>li:hover>ol {
        display: block
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-1>li:hover>span {
        color: #000
    }

    ._6HIWHxEa43nbLaFNGAeI6 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._6HIWHxEa43nbLaFNGAeI6 .banner>img {
        margin-bottom: 20px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #32b5e9
    }

    ._6HIWHxEa43nbLaFNGAeI6 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #32b5e9;
        border-radius: 8px 8px 0 0
    }

    ._6HIWHxEa43nbLaFNGAeI6 .headline>button {
        float: right;
        color: #32b5e9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend {
        height: 0;
        overflow: hidden
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-track {
        margin: 0
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev,
    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev::before,
    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next::before {
        display: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev i,
    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev:hover,
    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next:hover {
        background-color: #32b5e9
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots {
        position: static
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li:hover {
        border: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li.slick-active,
    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li.slick-active:hover {
        background-color: #32b5e9
    }

    ._6HIWHxEa43nbLaFNGAeI6 .recommend .slick-dots li button::before {
        display: none
    }

    ._6HIWHxEa43nbLaFNGAeI6 .main {
        position: relative
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #32b5e9;
        border-radius: 10px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.cross-platform,
    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper:hover {
        color: #000;
        background: #32b5e9
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(45deg, #21e519, #32b5e9);
        border-radius: 5px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo:hover::after {
        content: 'Play'
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption i.fas {
        color: #d00
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._6HIWHxEa43nbLaFNGAeI6 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._6HIWHxEa43nbLaFNGAeI6 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._6HIWHxEa43nbLaFNGAeI6 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._6HIWHxEa43nbLaFNGAeI6 .lobby-pagination li:hover {
        background-color: #32b5e9
    }


    ._2OPx8FB6Rpd-_wNtrsWQKN {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4b2401c2a01847d233bef21ceb46a69f.jpg) no-repeat center top
    }

    ._3GwxMTI2mRCnann4C49TtA .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3GwxMTI2mRCnann4C49TtA .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3GwxMTI2mRCnann4C49TtA .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3GwxMTI2mRCnann4C49TtA .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #011e1e;
        border-radius: 3px
    }

    ._3GwxMTI2mRCnann4C49TtA .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3GwxMTI2mRCnann4C49TtA .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3GwxMTI2mRCnann4C49TtA .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3GwxMTI2mRCnann4C49TtA .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #011e1e
    }

    ._3GwxMTI2mRCnann4C49TtA .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3GwxMTI2mRCnann4C49TtA .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0>li>span:hover {
        background: #547878
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0>li.active>span {
        color: #fff;
        background: #547878
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0>li:hover>ol {
        display: block
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #011e1e;
        cursor: pointer
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1>li:hover {
        background-color: #547878
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1>li:hover>ol {
        display: block
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3GwxMTI2mRCnann4C49TtA .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3GwxMTI2mRCnann4C49TtA .banner>img {
        margin-bottom: 20px
    }

    ._3GwxMTI2mRCnann4C49TtA .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #011e1e
    }

    ._3GwxMTI2mRCnann4C49TtA .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #011e1e;
        border-radius: 8px 8px 0 0
    }

    ._3GwxMTI2mRCnann4C49TtA .headline>button {
        float: right;
        color: #011e1e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend {
        height: 0;
        overflow: hidden
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-track {
        margin: 0
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev,
    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev::before,
    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next::before {
        display: none
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev i,
    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev:hover,
    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next:hover {
        background-color: #011e1e
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots {
        position: static
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li:hover {
        border: none
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li.slick-active,
    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li.slick-active:hover {
        background-color: #011e1e
    }

    ._3GwxMTI2mRCnann4C49TtA .recommend .slick-dots li button::before {
        display: none
    }

    ._3GwxMTI2mRCnann4C49TtA .main {
        position: relative
    }

    ._3GwxMTI2mRCnann4C49TtA .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4b2401c2a01847d233bef21ceb46a69f.jpg) no-repeat center top;
        cursor: pointer
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.cross-platform,
    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover {
        color: #fff;
        background: #547878
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #547878;
        border-radius: 5px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo:hover::after {
        content: 'Play'
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo figcaption i.fas {
        color: #d00
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3GwxMTI2mRCnann4C49TtA .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3GwxMTI2mRCnann4C49TtA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3GwxMTI2mRCnann4C49TtA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #547878
    }

    ._3GwxMTI2mRCnann4C49TtA .lobby-pagination li:hover {
        background-color: #011e1e
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover {
        border-color: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4b2401c2a01847d233bef21ceb46a69f.jpg) no-repeat center top;
        cursor: pointer
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.cross-platform,
    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover {
        color: #fff;
        background: #547878
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3GwxMTI2mRCnann4C49TtA .game-wrapper:hover {
        border-color: #547878
    }


    .gNEGfKV_9Xj4anhEAiNk3 {
        background: #fff
    }

    .nnqxuFpykycl7XPOsg4ih .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .nnqxuFpykycl7XPOsg4ih .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .nnqxuFpykycl7XPOsg4ih .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .nnqxuFpykycl7XPOsg4ih .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#ffe48e, #a97642);
        border-radius: 3px
    }

    .nnqxuFpykycl7XPOsg4ih .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .nnqxuFpykycl7XPOsg4ih .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .nnqxuFpykycl7XPOsg4ih .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .nnqxuFpykycl7XPOsg4ih .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .nnqxuFpykycl7XPOsg4ih .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .nnqxuFpykycl7XPOsg4ih .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .nnqxuFpykycl7XPOsg4ih .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .nnqxuFpykycl7XPOsg4ih .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .nnqxuFpykycl7XPOsg4ih .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .nnqxuFpykycl7XPOsg4ih .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .nnqxuFpykycl7XPOsg4ih .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .nnqxuFpykycl7XPOsg4ih .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #a97642
    }

    .nnqxuFpykycl7XPOsg4ih .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .nnqxuFpykycl7XPOsg4ih .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0 {
        display: block;
        font-size: 0
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0>li>span:hover {
        background: #6a4611
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0>li.active>span {
        color: #fff;
        background: #6a4611
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0>li:hover>ol {
        display: block
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #a97642;
        cursor: pointer
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1>li:hover {
        background-color: #6a4611
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1>li:hover>ol {
        display: block
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-1>li:hover>span {
        color: #fff
    }

    .nnqxuFpykycl7XPOsg4ih .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .nnqxuFpykycl7XPOsg4ih .banner>img {
        margin-bottom: 20px
    }

    .nnqxuFpykycl7XPOsg4ih .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #a97642
    }

    .nnqxuFpykycl7XPOsg4ih .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #a97642;
        border-radius: 8px 8px 0 0
    }

    .nnqxuFpykycl7XPOsg4ih .headline>button {
        float: right;
        color: #a97642;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .nnqxuFpykycl7XPOsg4ih .recommend {
        height: 0;
        overflow: hidden
    }

    .nnqxuFpykycl7XPOsg4ih .recommend.show {
        height: auto;
        overflow: visible
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-track {
        margin: 0
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-prev,
    .nnqxuFpykycl7XPOsg4ih .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-prev::before,
    .nnqxuFpykycl7XPOsg4ih .recommend .slick-next::before {
        display: none
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-prev i,
    .nnqxuFpykycl7XPOsg4ih .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-prev:hover,
    .nnqxuFpykycl7XPOsg4ih .recommend .slick-next:hover {
        background-color: #a97642
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots {
        position: static
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li:hover {
        border: none
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li.slick-active,
    .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li.slick-active:hover {
        background-color: #a97642
    }

    .nnqxuFpykycl7XPOsg4ih .recommend .slick-dots li button::before {
        display: none
    }

    .nnqxuFpykycl7XPOsg4ih .main {
        position: relative
    }

    .nnqxuFpykycl7XPOsg4ih .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper.cross-platform,
    .nnqxuFpykycl7XPOsg4ih .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#ffe48e, #a97642)
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .nnqxuFpykycl7XPOsg4ih .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #db0000;
        border-radius: 5px
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo:hover::after {
        content: 'Play'
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo figcaption i.fas {
        color: #d00
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .nnqxuFpykycl7XPOsg4ih .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .nnqxuFpykycl7XPOsg4ih .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .nnqxuFpykycl7XPOsg4ih .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .nnqxuFpykycl7XPOsg4ih .lobby-pagination li:hover {
        background-color: #e5c16c
    }


    ._3Tb6hotCikJY7U7ADtQfvD {
        background: #fff
    }

    ._2AazBUcbGZpujqZpOjwc4h .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2AazBUcbGZpujqZpOjwc4h .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2AazBUcbGZpujqZpOjwc4h .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2AazBUcbGZpujqZpOjwc4h .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#c870f6, #8d54f6);
        border-radius: 3px
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2AazBUcbGZpujqZpOjwc4h .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0>li>span:hover {
        background: #fff
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0>li.active>span {
        color: #8d54f6;
        background: #fff
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0>li:hover>ol {
        display: block
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-0>li:hover>span:hover {
        color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #8d54f6;
        cursor: pointer
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1>li:hover {
        background-color: #c870f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1>li:hover>ol {
        display: block
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-1>li:hover>span {
        color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2AazBUcbGZpujqZpOjwc4h .banner>img {
        margin-bottom: 20px
    }

    ._2AazBUcbGZpujqZpOjwc4h .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #8d54f6;
        border-radius: 8px 8px 0 0
    }

    ._2AazBUcbGZpujqZpOjwc4h .headline>button {
        float: right;
        color: #8d54f6;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend {
        height: 0;
        overflow: hidden
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-track {
        margin: 0
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev,
    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev::before,
    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next::before {
        display: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev i,
    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev:hover,
    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next:hover {
        background-color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots {
        position: static
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li:hover {
        border: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li.slick-active,
    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li.slick-active:hover {
        background-color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .recommend .slick-dots li button::before {
        display: none
    }

    ._2AazBUcbGZpujqZpOjwc4h .main {
        position: relative
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #8d54f6;
        border-radius: 10px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper.cross-platform,
    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#c870f6, #8d54f6)
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(#c870f6, #8d54f6);
        border-radius: 5px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo:hover::after {
        content: 'Play'
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption i.fas {
        color: #d00
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2AazBUcbGZpujqZpOjwc4h .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li:hover {
        background-color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li:hover {
        background-color: #8d54f6
    }

    ._2AazBUcbGZpujqZpOjwc4h .lobby-pagination li:hover {
        color: #fff
    }


    .MoMJr5g55Gi9jtfTU5fgN {
        background: #fff
    }

    ._3LoKbSZihsM4CkXQk99kJt .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3LoKbSZihsM4CkXQk99kJt .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3LoKbSZihsM4CkXQk99kJt .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3LoKbSZihsM4CkXQk99kJt .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #68b022;
        border-radius: 3px
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3LoKbSZihsM4CkXQk99kJt .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #68b022
    }

    ._3LoKbSZihsM4CkXQk99kJt .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0>li>span:hover {
        background: #000
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0>li.active>span {
        color: #fff;
        background: #000
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0>li:hover>ol {
        display: block
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #68b022;
        cursor: pointer
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1>li:hover {
        background-color: #000
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1>li:hover>ol {
        display: block
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3LoKbSZihsM4CkXQk99kJt .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3LoKbSZihsM4CkXQk99kJt .banner>img {
        margin-bottom: 20px
    }

    ._3LoKbSZihsM4CkXQk99kJt .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #68b022
    }

    ._3LoKbSZihsM4CkXQk99kJt .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #68b022;
        border-radius: 8px 8px 0 0
    }

    ._3LoKbSZihsM4CkXQk99kJt .headline>button {
        float: right;
        color: #68b022;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend {
        height: 0;
        overflow: hidden
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-track {
        margin: 0
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev,
    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev::before,
    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next::before {
        display: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev i,
    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev:hover,
    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next:hover {
        background-color: #68b022
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots {
        position: static
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li:hover {
        border: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li.slick-active,
    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li.slick-active:hover {
        background-color: #68b022
    }

    ._3LoKbSZihsM4CkXQk99kJt .recommend .slick-dots li button::before {
        display: none
    }

    ._3LoKbSZihsM4CkXQk99kJt .main {
        position: relative
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #68b022;
        border-radius: 10px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper.cross-platform,
    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper:hover {
        color: #000;
        background: #68b022
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #000;
        border-radius: 5px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo:hover::after {
        content: 'Play'
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption i.fas {
        color: #d00
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3LoKbSZihsM4CkXQk99kJt .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3LoKbSZihsM4CkXQk99kJt .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3LoKbSZihsM4CkXQk99kJt .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3LoKbSZihsM4CkXQk99kJt .lobby-pagination li:hover {
        background-color: #68b022
    }


    .ug_Is1DoLThBlPE--Rsnt {
        background: #fff
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #000;
        border-radius: 3px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0>li>span:hover {
        background: #ff1c4f
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0>li.active>span {
        color: #fff;
        background: #ff1c4f
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0>li:hover>ol {
        display: block
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1>li:hover {
        background-color: #ff1c4f
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1>li:hover>ol {
        display: block
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .banner>img {
        margin-bottom: 20px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend {
        height: 0;
        overflow: hidden
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-track {
        margin: 0
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev,
    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev::before,
    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next::before {
        display: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev i,
    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev:hover,
    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next:hover {
        background-color: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots {
        position: static
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li:hover {
        border: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li.slick-active,
    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .recommend .slick-dots li button::before {
        display: none
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .main {
        position: relative
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.cross-platform,
    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper:hover {
        color: #fff;
        background: #ff1c4f
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ff1c4f;
        border-radius: 5px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo:hover::after {
        content: 'Play'
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption i.fas {
        color: #d00
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._2CzvjX_1iJX5MOOH6SNpNT .lobby-pagination li:hover {
        background-color: #ff1c4f
    }


    .cmyMApvL9cUJbVLu7PL8t {
        background: #fff
    }

    ._3hYY73WRrpAPXY59_2dhXg .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3hYY73WRrpAPXY59_2dhXg .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3hYY73WRrpAPXY59_2dhXg .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3hYY73WRrpAPXY59_2dhXg .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #1e7bbb;
        border-radius: 3px
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3hYY73WRrpAPXY59_2dhXg .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #1e7bbb
    }

    ._3hYY73WRrpAPXY59_2dhXg .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0>li>span:hover {
        background: red
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0>li.active>span {
        color: #fff;
        background: red
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0>li:hover>ol {
        display: block
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #1e7bbb;
        cursor: pointer
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1>li:hover {
        background-color: red
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1>li:hover>ol {
        display: block
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3hYY73WRrpAPXY59_2dhXg .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3hYY73WRrpAPXY59_2dhXg .banner>img {
        margin-bottom: 20px
    }

    ._3hYY73WRrpAPXY59_2dhXg .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #1e7bbb
    }

    ._3hYY73WRrpAPXY59_2dhXg .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #1e7bbb;
        border-radius: 8px 8px 0 0
    }

    ._3hYY73WRrpAPXY59_2dhXg .headline>button {
        float: right;
        color: #1e7bbb;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend {
        height: 0;
        overflow: hidden
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-track {
        margin: 0
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev,
    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev::before,
    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next::before {
        display: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev i,
    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev:hover,
    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next:hover {
        background-color: #1e7bbb
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots {
        position: static
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li:hover {
        border: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li.slick-active,
    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li.slick-active:hover {
        background-color: #1e7bbb
    }

    ._3hYY73WRrpAPXY59_2dhXg .recommend .slick-dots li button::before {
        display: none
    }

    ._3hYY73WRrpAPXY59_2dhXg .main {
        position: relative
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper.cross-platform,
    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper:hover {
        color: #fff;
        background: #1e7bbb
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: red;
        border-radius: 5px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo:hover::after {
        content: 'Play'
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption i.fas {
        color: #d00
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3hYY73WRrpAPXY59_2dhXg .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3hYY73WRrpAPXY59_2dhXg .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3hYY73WRrpAPXY59_2dhXg .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #1e7bbb
    }

    ._3hYY73WRrpAPXY59_2dhXg .lobby-pagination li:hover {
        background-color: red
    }


    .XGwQxhOI-HGpdHQI7UVIc {
        background: #fff
    }

    ._17zVkxCcbEyl2TsjGlb9w- .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._17zVkxCcbEyl2TsjGlb9w- .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._17zVkxCcbEyl2TsjGlb9w- .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ff800d;
        border-radius: 3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._17zVkxCcbEyl2TsjGlb9w- .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0>li>span:hover {
        background: #333
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0>li.active>span {
        color: #fff;
        background: #333
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0>li:hover>ol {
        display: block
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ff800d;
        cursor: pointer
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1>li:hover {
        background-color: #333
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1>li:hover>ol {
        display: block
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-1>li:hover>span {
        color: #fff
    }

    ._17zVkxCcbEyl2TsjGlb9w- .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._17zVkxCcbEyl2TsjGlb9w- .banner>img {
        margin-bottom: 20px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ff800d;
        border-radius: 8px 8px 0 0
    }

    ._17zVkxCcbEyl2TsjGlb9w- .headline>button {
        float: right;
        color: #ff800d;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend {
        height: 0;
        overflow: hidden
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend.show {
        height: auto;
        overflow: visible
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-track {
        margin: 0
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev,
    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev::before,
    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next::before {
        display: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev i,
    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev:hover,
    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next:hover {
        background-color: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots {
        position: static
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li:hover {
        border: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li.slick-active,
    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li.slick-active:hover {
        background-color: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .recommend .slick-dots li button::before {
        display: none
    }

    ._17zVkxCcbEyl2TsjGlb9w- .main {
        position: relative
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ff800d;
        border-radius: 10px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.cross-platform,
    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover {
        color: #fff;
        background: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #ff800d;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #333;
        border-radius: 5px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo:hover::after {
        content: 'Play'
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption i.fas {
        color: #d00
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li:hover {
        background-color: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ff800d;
        border-radius: 10px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.cross-platform,
    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper:hover {
        color: #fff;
        background: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._17zVkxCcbEyl2TsjGlb9w- .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li:hover {
        background-color: #ff800d
    }

    ._17zVkxCcbEyl2TsjGlb9w- .lobby-pagination li:hover {
        color: #fff
    }


    ._3fUMape4g2Jcb6_hH-AVaF {
        background: #fff
    }

    ._2aBkkFU2lhfATKyagEcvNH .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2aBkkFU2lhfATKyagEcvNH .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2aBkkFU2lhfATKyagEcvNH .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2aBkkFU2lhfATKyagEcvNH .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #404040;
        border-radius: 3px
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2aBkkFU2lhfATKyagEcvNH .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #333
    }

    ._2aBkkFU2lhfATKyagEcvNH .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0>li>span:hover {
        background: #fff
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0>li:hover>ol {
        display: block
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #333;
        cursor: pointer
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1>li:hover {
        background-color: #fff
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1>li:hover>ol {
        display: block
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-1>li:hover>span {
        color: #000
    }

    ._2aBkkFU2lhfATKyagEcvNH .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2aBkkFU2lhfATKyagEcvNH .banner>img {
        margin-bottom: 20px
    }

    ._2aBkkFU2lhfATKyagEcvNH .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #333
    }

    ._2aBkkFU2lhfATKyagEcvNH .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #333;
        border-radius: 8px 8px 0 0
    }

    ._2aBkkFU2lhfATKyagEcvNH .headline>button {
        float: right;
        color: #333;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend {
        height: 0;
        overflow: hidden
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-track {
        margin: 0
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev,
    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev::before,
    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next::before {
        display: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev i,
    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev:hover,
    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next:hover {
        background-color: #333
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots {
        position: static
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li:hover {
        border: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li.slick-active,
    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li.slick-active:hover {
        background-color: #333
    }

    ._2aBkkFU2lhfATKyagEcvNH .recommend .slick-dots li button::before {
        display: none
    }

    ._2aBkkFU2lhfATKyagEcvNH .main {
        position: relative
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #6b6b6b;
        border-radius: 10px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper.cross-platform,
    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper:hover {
        color: #fff;
        background: #6b6b6b
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(#6b6b6b, #818181);
        border-radius: 5px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo:hover::after {
        content: 'Play'
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption i.fas {
        color: #d00
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2aBkkFU2lhfATKyagEcvNH .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li:hover {
        background-color: #737373
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li:hover {
        background-color: #737373
    }

    ._2aBkkFU2lhfATKyagEcvNH .lobby-pagination li:hover {
        color: #fff
    }


    .aKmmxPaEc7XDM4jxZKIKM {
        background: #fff
    }

    .fz91vugiboqq7Gq6Ky03A .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .fz91vugiboqq7Gq6Ky03A .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .fz91vugiboqq7Gq6Ky03A .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .fz91vugiboqq7Gq6Ky03A .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #312f6e;
        border-radius: 3px
    }

    .fz91vugiboqq7Gq6Ky03A .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .fz91vugiboqq7Gq6Ky03A .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .fz91vugiboqq7Gq6Ky03A .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .fz91vugiboqq7Gq6Ky03A .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .fz91vugiboqq7Gq6Ky03A .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .fz91vugiboqq7Gq6Ky03A .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .fz91vugiboqq7Gq6Ky03A .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .fz91vugiboqq7Gq6Ky03A .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .fz91vugiboqq7Gq6Ky03A .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .fz91vugiboqq7Gq6Ky03A .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .fz91vugiboqq7Gq6Ky03A .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .fz91vugiboqq7Gq6Ky03A .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #eee
    }

    .fz91vugiboqq7Gq6Ky03A .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .fz91vugiboqq7Gq6Ky03A .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0 {
        display: block;
        font-size: 0
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #312f6e;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0>li>span:hover {
        background: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0>li.active>span {
        color: #fff;
        background: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0>li:hover>ol {
        display: block
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li {
        position: relative;
        display: block;
        color: #312f6e;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #eee;
        cursor: pointer
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li:hover {
        background-color: #eee
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li:hover>ol {
        display: block
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li:hover>span {
        color: #fff
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .fz91vugiboqq7Gq6Ky03A .banner>img {
        margin-bottom: 20px
    }

    .fz91vugiboqq7Gq6Ky03A .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #312f6e;
        border-radius: 8px 8px 0 0
    }

    .fz91vugiboqq7Gq6Ky03A .headline>button {
        float: right;
        color: #312f6e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .fz91vugiboqq7Gq6Ky03A .recommend {
        height: 0;
        overflow: hidden
    }

    .fz91vugiboqq7Gq6Ky03A .recommend.show {
        height: auto;
        overflow: visible
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-track {
        margin: 0
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-prev,
    .fz91vugiboqq7Gq6Ky03A .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-prev::before,
    .fz91vugiboqq7Gq6Ky03A .recommend .slick-next::before {
        display: none
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-prev i,
    .fz91vugiboqq7Gq6Ky03A .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-prev:hover,
    .fz91vugiboqq7Gq6Ky03A .recommend .slick-next:hover {
        background-color: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots {
        position: static
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li:hover {
        border: none
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li.slick-active,
    .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li.slick-active:hover {
        background-color: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .recommend .slick-dots li button::before {
        display: none
    }

    .fz91vugiboqq7Gq6Ky03A .main {
        position: relative
    }

    .fz91vugiboqq7Gq6Ky03A .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #312f6e;
        border-radius: 10px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.cross-platform,
    .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover {
        color: #fff;
        background: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #312f6e;
        border-radius: 5px
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo:hover::after {
        content: 'Play'
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo figcaption i.fas {
        color: #d00
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .fz91vugiboqq7Gq6Ky03A .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination li:hover {
        background-color: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #312f6e;
        border-radius: 10px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.cross-platform,
    .fz91vugiboqq7Gq6Ky03A .game-wrapper:hover {
        color: #fff;
        background: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .fz91vugiboqq7Gq6Ky03A .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .fz91vugiboqq7Gq6Ky03A .category-layer-1>li:hover {
        background-color: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination li:hover {
        background-color: #312f6e
    }

    .fz91vugiboqq7Gq6Ky03A .lobby-pagination li:hover {
        color: #fff
    }


    ._3jNNbCJcxoXzT3mz9oYuyA {
        background: #fff
    }

    .oQ8DXxDEjsd3UduvM-cKr .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .oQ8DXxDEjsd3UduvM-cKr .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .oQ8DXxDEjsd3UduvM-cKr .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .oQ8DXxDEjsd3UduvM-cKr .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #333;
        border-radius: 3px
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .oQ8DXxDEjsd3UduvM-cKr .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #333
    }

    .oQ8DXxDEjsd3UduvM-cKr .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0 {
        display: block;
        font-size: 0
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0>li>span:hover {
        background: red
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0>li.active>span {
        color: #fff;
        background: red
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0>li:hover>ol {
        display: block
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #333;
        cursor: pointer
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1>li:hover {
        background-color: red
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1>li:hover>ol {
        display: block
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-1>li:hover>span {
        color: #fff
    }

    .oQ8DXxDEjsd3UduvM-cKr .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .oQ8DXxDEjsd3UduvM-cKr .banner>img {
        margin-bottom: 20px
    }

    .oQ8DXxDEjsd3UduvM-cKr .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #333
    }

    .oQ8DXxDEjsd3UduvM-cKr .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #333;
        border-radius: 8px 8px 0 0
    }

    .oQ8DXxDEjsd3UduvM-cKr .headline>button {
        float: right;
        color: #333;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend {
        height: 0;
        overflow: hidden
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend.show {
        height: auto;
        overflow: visible
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-track {
        margin: 0
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev,
    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev::before,
    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next::before {
        display: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev i,
    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev:hover,
    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next:hover {
        background-color: #333
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots {
        position: static
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li:hover {
        border: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li.slick-active,
    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li.slick-active:hover {
        background-color: #333
    }

    .oQ8DXxDEjsd3UduvM-cKr .recommend .slick-dots li button::before {
        display: none
    }

    .oQ8DXxDEjsd3UduvM-cKr .main {
        position: relative
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper.cross-platform,
    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper:hover {
        color: #fff;
        background: #333
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: red;
        border-radius: 5px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo:hover::after {
        content: 'Play'
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption i.fas {
        color: #d00
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .oQ8DXxDEjsd3UduvM-cKr .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .oQ8DXxDEjsd3UduvM-cKr .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .oQ8DXxDEjsd3UduvM-cKr .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #333
    }

    .oQ8DXxDEjsd3UduvM-cKr .lobby-pagination li:hover {
        background-color: red
    }


    ._1bIfcyIjwmOFtF5gpNZ_l4 {
        background: #fff
    }

    ._2fMmx5SkEg_woWDUBJa93H .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2fMmx5SkEg_woWDUBJa93H .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2fMmx5SkEg_woWDUBJa93H .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2fMmx5SkEg_woWDUBJa93H .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ff0300;
        border-radius: 3px
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2fMmx5SkEg_woWDUBJa93H .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to bottom, #ff8e00 0%, red 100%)
    }

    ._2fMmx5SkEg_woWDUBJa93H .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0>li>span:hover {
        background: #000
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0>li.active>span {
        color: #fff;
        background: #000
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0>li:hover>ol {
        display: block
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ff0300;
        cursor: pointer
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1>li:hover {
        background-color: #000
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1>li:hover>ol {
        display: block
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2fMmx5SkEg_woWDUBJa93H .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2fMmx5SkEg_woWDUBJa93H .banner>img {
        margin-bottom: 20px
    }

    ._2fMmx5SkEg_woWDUBJa93H .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ff0300
    }

    ._2fMmx5SkEg_woWDUBJa93H .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ff0300;
        border-radius: 8px 8px 0 0
    }

    ._2fMmx5SkEg_woWDUBJa93H .headline>button {
        float: right;
        color: #ff0300;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend {
        height: 0;
        overflow: hidden
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-track {
        margin: 0
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev,
    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev::before,
    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next::before {
        display: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev i,
    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev:hover,
    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next:hover {
        background-color: #ff0300
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots {
        position: static
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li:hover {
        border: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li.slick-active,
    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li.slick-active:hover {
        background-color: #ff0300
    }

    ._2fMmx5SkEg_woWDUBJa93H .recommend .slick-dots li button::before {
        display: none
    }

    ._2fMmx5SkEg_woWDUBJa93H .main {
        position: relative
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper.cross-platform,
    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #ff8e00 0%, red 100%)
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #000;
        border-radius: 5px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo:hover::after {
        content: 'Play'
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption i.fas {
        color: #d00
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2fMmx5SkEg_woWDUBJa93H .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2fMmx5SkEg_woWDUBJa93H .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2fMmx5SkEg_woWDUBJa93H .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._2fMmx5SkEg_woWDUBJa93H .lobby-pagination li:hover {
        background-color: #ff0300
    }


    ._3uRv7ySInhWnxBkKZg3sG1 {
        background: #fff
    }

    ._2PRyaquLkiSyd07IB7MAU- .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2PRyaquLkiSyd07IB7MAU- .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2PRyaquLkiSyd07IB7MAU- .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2PRyaquLkiSyd07IB7MAU- .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #e1c27d;
        border-radius: 3px
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2PRyaquLkiSyd07IB7MAU- .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #e1c27d
    }

    ._2PRyaquLkiSyd07IB7MAU- .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0>li>span:hover {
        background: #fff
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0>li.active>span {
        color: #e1c27d;
        background: #fff
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0>li:hover>ol {
        display: block
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-0>li:hover>span:hover {
        color: #e1c27d
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #e1d069;
        cursor: pointer
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1>li:hover {
        background-color: #c8a24e
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1>li:hover>ol {
        display: block
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-1>li:hover>span {
        color: #fff
    }

    ._2PRyaquLkiSyd07IB7MAU- .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2PRyaquLkiSyd07IB7MAU- .banner>img {
        margin-bottom: 20px
    }

    ._2PRyaquLkiSyd07IB7MAU- .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #c8a24e
    }

    ._2PRyaquLkiSyd07IB7MAU- .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #c8a24e;
        border-radius: 8px 8px 0 0
    }

    ._2PRyaquLkiSyd07IB7MAU- .headline>button {
        float: right;
        color: #c8a24e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend {
        height: 0;
        overflow: hidden
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-track {
        margin: 0
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev,
    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev::before,
    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next::before {
        display: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev i,
    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev:hover,
    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next:hover {
        background-color: #c8a24e
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots {
        position: static
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li:hover {
        border: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li.slick-active,
    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li.slick-active:hover {
        background-color: #c8a24e
    }

    ._2PRyaquLkiSyd07IB7MAU- .recommend .slick-dots li button::before {
        display: none
    }

    ._2PRyaquLkiSyd07IB7MAU- .main {
        position: relative
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #c8a24e;
        border-radius: 10px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper.cross-platform,
    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper:hover {
        color: #fff;
        background: #c8a24e
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #e1c27d;
        border-radius: 5px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo:hover::after {
        content: 'Play'
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption i.fas {
        color: #d00
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2PRyaquLkiSyd07IB7MAU- .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2PRyaquLkiSyd07IB7MAU- .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2PRyaquLkiSyd07IB7MAU- .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2PRyaquLkiSyd07IB7MAU- .lobby-pagination li:hover {
        background-color: #c8a24e
    }

    ._3SGkEzzMeLDTKF-6cd1L1X {
        background: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #327267;
        border-radius: 3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #242424
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0>li>span:hover {
        background: #327267
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0>li.active>span {
        color: #fff;
        background: #327267
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0>li:hover>ol {
        display: block
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #242424;
        cursor: pointer
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1>li:hover {
        background-color: #327267
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1>li:hover>ol {
        display: block
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .banner>img {
        margin-bottom: 20px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #242424
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #242424;
        border-radius: 8px 8px 0 0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .headline>button {
        float: right;
        color: #242424;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend {
        height: 0;
        overflow: hidden
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-track {
        margin: 0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev,
    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev::before,
    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next::before {
        display: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev i,
    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev:hover,
    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next:hover {
        background-color: #242424
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots {
        position: static
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li:hover {
        border: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li.slick-active,
    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li.slick-active:hover {
        background-color: #242424
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .recommend .slick-dots li button::before {
        display: none
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .main {
        position: relative
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.cross-platform,
    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover {
        color: #fff;
        background: #327267
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #3a8278;
        border-radius: 5px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo:hover::after {
        content: 'Play'
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption i.fas {
        color: #d00
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e0e0e0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li:hover {
        background-color: #43998b
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.cross-platform,
    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover {
        color: #fff;
        background: #327267
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .game-wrapper:hover {
        border-color: #fff
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e0e0e0
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li:hover {
        background-color: #43998b
    }

    ._3hDYQ00XQd-FNlBI0GXYHo .lobby-pagination li:hover {
        color: #fff
    }


    ._2VZAkByQeoMtLoMxuUpIwV {
        background: #fff
    }

    ._1n3j7lCpy38HLgwsMRfYeO .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1n3j7lCpy38HLgwsMRfYeO .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1n3j7lCpy38HLgwsMRfYeO .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #b21117;
        border-radius: 3px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1n3j7lCpy38HLgwsMRfYeO .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #eee
    }

    ._1n3j7lCpy38HLgwsMRfYeO .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #b21117;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0>li>span:hover {
        background: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0>li.active>span {
        color: #fff;
        background: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0>li:hover>ol {
        display: block
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li {
        position: relative;
        display: block;
        color: #b21117;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #eee;
        cursor: pointer
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li:hover {
        background-color: #eee
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li:hover>ol {
        display: block
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1n3j7lCpy38HLgwsMRfYeO .banner>img {
        margin-bottom: 20px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #b21117;
        border-radius: 8px 8px 0 0
    }

    ._1n3j7lCpy38HLgwsMRfYeO .headline>button {
        float: right;
        color: #b21117;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend {
        height: 0;
        overflow: hidden
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-track {
        margin: 0
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev,
    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev::before,
    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next::before {
        display: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev i,
    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev:hover,
    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next:hover {
        background-color: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots {
        position: static
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li:hover {
        border: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li.slick-active,
    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li.slick-active:hover {
        background-color: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .recommend .slick-dots li button::before {
        display: none
    }

    ._1n3j7lCpy38HLgwsMRfYeO .main {
        position: relative
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #b21117;
        border-radius: 10px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.cross-platform,
    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper:hover {
        color: #fff;
        background: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #b21117;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #eee;
        border-radius: 5px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo:hover::after {
        content: 'Play'
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption i.fas {
        color: #d00
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1n3j7lCpy38HLgwsMRfYeO .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li:hover {
        background-color: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .category-layer-1>li:hover {
        background-color: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li:hover {
        background-color: #b21117
    }

    ._1n3j7lCpy38HLgwsMRfYeO .lobby-pagination li:hover {
        color: #fff
    }


    ._1-bEFrz_NJ5-Ors8xtb77K {
        background: #fff
    }

    ._3VmcGLYdlN55fyIDZFWGXm .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3VmcGLYdlN55fyIDZFWGXm .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3VmcGLYdlN55fyIDZFWGXm .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #dbdeee;
        border-radius: 3px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3VmcGLYdlN55fyIDZFWGXm .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #dbdeee
    }

    ._3VmcGLYdlN55fyIDZFWGXm .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0>li>span:hover {
        background: #2e2691
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0>li.active>span {
        color: #fff;
        background: #2e2691
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0>li:hover>ol {
        display: block
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #2e2691;
        cursor: pointer
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1>li:hover {
        background-color: #453ade
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1>li:hover>ol {
        display: block
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3VmcGLYdlN55fyIDZFWGXm .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3VmcGLYdlN55fyIDZFWGXm .banner>img {
        margin-bottom: 20px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #dbdeee
    }

    ._3VmcGLYdlN55fyIDZFWGXm .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #dbdeee;
        border-radius: 8px 8px 0 0
    }

    ._3VmcGLYdlN55fyIDZFWGXm .headline>button {
        float: right;
        color: #dbdeee;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend {
        height: 0;
        overflow: hidden
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-track {
        margin: 0
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev,
    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev::before,
    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next::before {
        display: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev i,
    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev:hover,
    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next:hover {
        background-color: #dbdeee
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots {
        position: static
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li:hover {
        border: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li.slick-active,
    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li.slick-active:hover {
        background-color: #dbdeee
    }

    ._3VmcGLYdlN55fyIDZFWGXm .recommend .slick-dots li button::before {
        display: none
    }

    ._3VmcGLYdlN55fyIDZFWGXm .main {
        position: relative
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #dbdeee;
        border-radius: 10px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.cross-platform,
    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper:hover {
        color: #fff;
        background: #2e2691
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #453ade;
        border-radius: 5px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo:hover::after {
        content: 'Play'
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption i.fas {
        color: #d00
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3VmcGLYdlN55fyIDZFWGXm .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3VmcGLYdlN55fyIDZFWGXm .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3VmcGLYdlN55fyIDZFWGXm .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #dbdeee
    }

    ._3VmcGLYdlN55fyIDZFWGXm .lobby-pagination li:hover {
        background-color: #453ade
    }
</style>
<style>
    ._3yjHpvg0wWH02hNqpd6kRC {
        background: #fff
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(#f3cd35, #d88528);
        border-radius: 3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #d88527
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0>li>span:hover {
        background: #9b5107
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0>li.active>span {
        color: #fff;
        background: #9b5107
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0>li:hover>ol {
        display: block
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #d88527;
        cursor: pointer
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1>li:hover {
        background-color: #9b5107
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1>li:hover>ol {
        display: block
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-1>li:hover>span {
        color: #fff
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .banner>img {
        margin-bottom: 20px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #d88527
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #d88527;
        border-radius: 8px 8px 0 0
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .headline>button {
        float: right;
        color: #d88527;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend {
        height: 0;
        overflow: hidden
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-track {
        margin: 0
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev,
    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev::before,
    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next::before {
        display: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev i,
    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev:hover,
    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next:hover {
        background-color: #d88527
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots {
        position: static
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li:hover {
        border: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li.slick-active,
    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li.slick-active:hover {
        background-color: #d88527
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .recommend .slick-dots li button::before {
        display: none
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .main {
        position: relative
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.cross-platform,
    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f3cd35, #d88528)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fbe23e;
        border-radius: 5px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo:hover::after {
        content: 'Play'
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption i.fas {
        color: #d00
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #555
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .lobby-pagination li:hover {
        background-color: #d68a3e
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.cross-platform,
    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(#f3cd35, #d88528)
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1QfFvkSoqSdZkj2Z8ytBOA .game-wrapper:hover {
        border-color: #fff
    }


    ._1e2-7aRK9rGB6zXYyVckDZ {
        background: #fff
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #00a0e9;
        border-radius: 3px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #00a0e9
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0>li>span:hover {
        background: #006d9c
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0>li.active>span {
        color: #fff;
        background: #006d9c
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0>li:hover>ol {
        display: block
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #00a0e9;
        cursor: pointer
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1>li:hover {
        background-color: #006d9c
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1>li:hover>ol {
        display: block
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .banner>img {
        margin-bottom: 20px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #006d9c
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #006d9c;
        border-radius: 8px 8px 0 0
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .headline>button {
        float: right;
        color: #006d9c;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend {
        height: 0;
        overflow: hidden
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-track {
        margin: 0
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev,
    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev::before,
    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next::before {
        display: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev i,
    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev:hover,
    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next:hover {
        background-color: #006d9c
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots {
        position: static
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li:hover {
        border: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li.slick-active,
    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li.slick-active:hover {
        background-color: #006d9c
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .recommend .slick-dots li button::before {
        display: none
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .main {
        position: relative
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #555;
        border-radius: 10px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.cross-platform,
    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper:hover {
        color: #fff;
        background: #00a0e9
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #00a0e9;
        border-radius: 5px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo:hover::after {
        content: 'Play'
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption i.fas {
        color: #d00
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._3-LTeGhY1o4qY_HBdUC7v8 .lobby-pagination li:hover {
        background-color: #00a0e9
    }


    .hPIEexPPt8xvZ0jP-0e2p {
        background: #fff
    }

    .pBHG7AaIYz_OynR24Ug6E .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .pBHG7AaIYz_OynR24Ug6E .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .pBHG7AaIYz_OynR24Ug6E .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .pBHG7AaIYz_OynR24Ug6E .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 3px
    }

    .pBHG7AaIYz_OynR24Ug6E .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .pBHG7AaIYz_OynR24Ug6E .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .pBHG7AaIYz_OynR24Ug6E .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .pBHG7AaIYz_OynR24Ug6E .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #0550bb
    }

    .pBHG7AaIYz_OynR24Ug6E .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .pBHG7AaIYz_OynR24Ug6E .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0 {
        display: block;
        font-size: 0
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0>li>span:hover {
        background: #003580
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0>li.active>span {
        color: #fff;
        background: #003580
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0>li:hover>ol {
        display: block
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #0550bb;
        cursor: pointer
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1>li:hover {
        background-color: #003580
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1>li:hover>ol {
        display: block
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-1>li:hover>span {
        color: #fff
    }

    .pBHG7AaIYz_OynR24Ug6E .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .pBHG7AaIYz_OynR24Ug6E .banner>img {
        margin-bottom: 20px
    }

    .pBHG7AaIYz_OynR24Ug6E .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #0550bb
    }

    .pBHG7AaIYz_OynR24Ug6E .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #0550bb;
        border-radius: 8px 8px 0 0
    }

    .pBHG7AaIYz_OynR24Ug6E .headline>button {
        float: right;
        color: #0550bb;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend {
        height: 0;
        overflow: hidden
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend.show {
        height: auto;
        overflow: visible
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-track {
        margin: 0
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev,
    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev::before,
    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next::before {
        display: none
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev i,
    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev:hover,
    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next:hover {
        background-color: #0550bb
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots {
        position: static
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li:hover {
        border: none
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li.slick-active,
    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li.slick-active:hover {
        background-color: #0550bb
    }

    .pBHG7AaIYz_OynR24Ug6E .recommend .slick-dots li button::before {
        display: none
    }

    .pBHG7AaIYz_OynR24Ug6E .main {
        position: relative
    }

    .pBHG7AaIYz_OynR24Ug6E .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper.cross-platform,
    .pBHG7AaIYz_OynR24Ug6E .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%)
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .pBHG7AaIYz_OynR24Ug6E .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #11dac9 10%, #389dff 55%, #0550bb 100%);
        border-radius: 5px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo:hover::after {
        content: 'Play'
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo figcaption i.fas {
        color: #d00
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .pBHG7AaIYz_OynR24Ug6E .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination li:hover {
        background-color: #3593fc
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination li:hover {
        background-color: #3593fc
    }

    .pBHG7AaIYz_OynR24Ug6E .lobby-pagination li:hover {
        color: #fff
    }


    ._1qbx8dw3KT5JLuWdcKHAln {
        background: #fff
    }

    ._3b6Um3orsnKlaPImV-1jWb .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3b6Um3orsnKlaPImV-1jWb .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3b6Um3orsnKlaPImV-1jWb .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3b6Um3orsnKlaPImV-1jWb .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #e1472b;
        border-radius: 3px
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3b6Um3orsnKlaPImV-1jWb .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #e1472b
    }

    ._3b6Um3orsnKlaPImV-1jWb .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0>li>span:hover {
        background: #ef9c32
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0>li.active>span {
        color: #fff;
        background: #ef9c32
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0>li:hover>ol {
        display: block
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #e1472b;
        cursor: pointer
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1>li:hover {
        background-color: #ef9c32
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1>li:hover>ol {
        display: block
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3b6Um3orsnKlaPImV-1jWb .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3b6Um3orsnKlaPImV-1jWb .banner>img {
        margin-bottom: 20px
    }

    ._3b6Um3orsnKlaPImV-1jWb .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #e1472b
    }

    ._3b6Um3orsnKlaPImV-1jWb .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #e1472b;
        border-radius: 8px 8px 0 0
    }

    ._3b6Um3orsnKlaPImV-1jWb .headline>button {
        float: right;
        color: #e1472b;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend {
        height: 0;
        overflow: hidden
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-track {
        margin: 0
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev,
    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev::before,
    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next::before {
        display: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev i,
    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev:hover,
    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next:hover {
        background-color: #e1472b
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots {
        position: static
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li:hover {
        border: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li.slick-active,
    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li.slick-active:hover {
        background-color: #e1472b
    }

    ._3b6Um3orsnKlaPImV-1jWb .recommend .slick-dots li button::before {
        display: none
    }

    ._3b6Um3orsnKlaPImV-1jWb .main {
        position: relative
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #333;
        border-radius: 10px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper.cross-platform,
    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper:hover {
        color: #fff;
        background: #e1472b
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ef9c32;
        border-radius: 5px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo:hover::after {
        content: 'Play'
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption i.fas {
        color: #d00
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3b6Um3orsnKlaPImV-1jWb .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3b6Um3orsnKlaPImV-1jWb .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3b6Um3orsnKlaPImV-1jWb .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #000
    }

    ._3b6Um3orsnKlaPImV-1jWb .lobby-pagination li:hover {
        background-color: #e1472b
    }


    .ytvbeq5k0VkcHal5sK4uL {
        background: #fff
    }

    .lLxlRYCxytooEEM7oqQT_ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .lLxlRYCxytooEEM7oqQT_ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .lLxlRYCxytooEEM7oqQT_ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .lLxlRYCxytooEEM7oqQT_ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #7439de;
        border-radius: 3px
    }

    .lLxlRYCxytooEEM7oqQT_ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .lLxlRYCxytooEEM7oqQT_ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .lLxlRYCxytooEEM7oqQT_ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .lLxlRYCxytooEEM7oqQT_ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #5778f1
    }

    .lLxlRYCxytooEEM7oqQT_ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .lLxlRYCxytooEEM7oqQT_ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0 {
        display: block;
        font-size: 0
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0>li>span:hover {
        background: #fff
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0>li.active>span {
        color: #5662d4;
        background: #fff
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0>li:hover>ol {
        display: block
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-0>li:hover>span:hover {
        color: #5662d4
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #5778f1;
        cursor: pointer
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1>li:hover {
        background-color: #505ec6
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1>li:hover>ol {
        display: block
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-1>li:hover>span {
        color: #fff
    }

    .lLxlRYCxytooEEM7oqQT_ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .lLxlRYCxytooEEM7oqQT_ .banner>img {
        margin-bottom: 20px
    }

    .lLxlRYCxytooEEM7oqQT_ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #1f205b
    }

    .lLxlRYCxytooEEM7oqQT_ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #1f205b;
        border-radius: 8px 8px 0 0
    }

    .lLxlRYCxytooEEM7oqQT_ .headline>button {
        float: right;
        color: #1f205b;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend {
        height: 0;
        overflow: hidden
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend.show {
        height: auto;
        overflow: visible
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-track {
        margin: 0
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev,
    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev::before,
    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next::before {
        display: none
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev i,
    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev:hover,
    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next:hover {
        background-color: #1f205b
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots {
        position: static
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li:hover {
        border: none
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li.slick-active,
    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li.slick-active:hover {
        background-color: #1f205b
    }

    .lLxlRYCxytooEEM7oqQT_ .recommend .slick-dots li button::before {
        display: none
    }

    .lLxlRYCxytooEEM7oqQT_ .main {
        position: relative
    }

    .lLxlRYCxytooEEM7oqQT_ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccae5d;
        border-radius: 10px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper.cross-platform,
    .lLxlRYCxytooEEM7oqQT_ .game-wrapper:hover {
        color: #fff;
        background: #5ea9f5
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .lLxlRYCxytooEEM7oqQT_ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #54aaf5;
        border-radius: 5px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo:hover::after {
        content: 'Play'
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo figcaption i.fas {
        color: #d00
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .lLxlRYCxytooEEM7oqQT_ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .lLxlRYCxytooEEM7oqQT_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .lLxlRYCxytooEEM7oqQT_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #fff;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #5ea9f5
    }

    .lLxlRYCxytooEEM7oqQT_ .lobby-pagination li:hover {
        background-color: #5778f1
    }


    ._3dOkz2JgfKUCyhQF4eZ35E {
        background: #fff
    }

    ._24Lo0iJM1E45pSAZ3okn0C .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._24Lo0iJM1E45pSAZ3okn0C .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._24Lo0iJM1E45pSAZ3okn0C .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #c80f19;
        border-radius: 3px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._24Lo0iJM1E45pSAZ3okn0C .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #c80f19
    }

    ._24Lo0iJM1E45pSAZ3okn0C .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0>li>span:hover {
        background: #970b13
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0>li.active>span {
        color: #fff;
        background: #970b13
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0>li:hover>ol {
        display: block
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #c80f19;
        cursor: pointer
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1>li:hover {
        background-color: #970b13
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1>li:hover>ol {
        display: block
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-1>li:hover>span {
        color: #fff
    }

    ._24Lo0iJM1E45pSAZ3okn0C .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._24Lo0iJM1E45pSAZ3okn0C .banner>img {
        margin-bottom: 20px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #c80f19
    }

    ._24Lo0iJM1E45pSAZ3okn0C .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #c80f19;
        border-radius: 8px 8px 0 0
    }

    ._24Lo0iJM1E45pSAZ3okn0C .headline>button {
        float: right;
        color: #c80f19;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend {
        height: 0;
        overflow: hidden
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend.show {
        height: auto;
        overflow: visible
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-track {
        margin: 0
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev,
    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev::before,
    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next::before {
        display: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev i,
    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev:hover,
    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next:hover {
        background-color: #c80f19
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots {
        position: static
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li:hover {
        border: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li.slick-active,
    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li.slick-active:hover {
        background-color: #c80f19
    }

    ._24Lo0iJM1E45pSAZ3okn0C .recommend .slick-dots li button::before {
        display: none
    }

    ._24Lo0iJM1E45pSAZ3okn0C .main {
        position: relative
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.cross-platform,
    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper:hover {
        color: #fff;
        background: #c80f19
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #c80f19;
        border-radius: 5px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo:hover::after {
        content: 'Play'
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption i.fas {
        color: #d00
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._24Lo0iJM1E45pSAZ3okn0C .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._24Lo0iJM1E45pSAZ3okn0C .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._24Lo0iJM1E45pSAZ3okn0C .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._24Lo0iJM1E45pSAZ3okn0C .lobby-pagination li:hover {
        background-color: #c80f19
    }


    ._2XqxpcbG0bf69nSD1zkcpB {
        background: #fff
    }

    .AMxvTZL7ZK0T0TXqUHjMD .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .AMxvTZL7ZK0T0TXqUHjMD .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .AMxvTZL7ZK0T0TXqUHjMD .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #33b5e9;
        border-radius: 3px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .AMxvTZL7ZK0T0TXqUHjMD .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #33b5e9
    }

    .AMxvTZL7ZK0T0TXqUHjMD .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0 {
        display: block;
        font-size: 0
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0>li>span:hover {
        background: #0062d5
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0>li.active>span {
        color: #fff;
        background: #0062d5
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0>li:hover>ol {
        display: block
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #33b5e9;
        cursor: pointer
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1>li:hover {
        background-color: #0062d5
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1>li:hover>ol {
        display: block
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-1>li:hover>span {
        color: #fff
    }

    .AMxvTZL7ZK0T0TXqUHjMD .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .AMxvTZL7ZK0T0TXqUHjMD .banner>img {
        margin-bottom: 20px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #33b5e9
    }

    .AMxvTZL7ZK0T0TXqUHjMD .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #33b5e9;
        border-radius: 8px 8px 0 0
    }

    .AMxvTZL7ZK0T0TXqUHjMD .headline>button {
        float: right;
        color: #33b5e9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend {
        height: 0;
        overflow: hidden
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend.show {
        height: auto;
        overflow: visible
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-track {
        margin: 0
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev,
    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev::before,
    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next::before {
        display: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev i,
    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev:hover,
    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next:hover {
        background-color: #33b5e9
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots {
        position: static
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li:hover {
        border: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li.slick-active,
    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li.slick-active:hover {
        background-color: #33b5e9
    }

    .AMxvTZL7ZK0T0TXqUHjMD .recommend .slick-dots li button::before {
        display: none
    }

    .AMxvTZL7ZK0T0TXqUHjMD .main {
        position: relative
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.cross-platform,
    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper:hover {
        color: #fff;
        background: #33b5e9
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #33b5e9;
        border-radius: 5px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo:hover::after {
        content: 'Play'
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption i.fas {
        color: #d00
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .AMxvTZL7ZK0T0TXqUHjMD .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .AMxvTZL7ZK0T0TXqUHjMD .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .AMxvTZL7ZK0T0TXqUHjMD .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .AMxvTZL7ZK0T0TXqUHjMD .lobby-pagination li:hover {
        background-color: #33b5e9
    }


    ._2upM5ibOL9eiuM2z8QQr9h {
        background: #fff
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #64127e;
        border-radius: 3px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #64127e
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0>li>span:hover {
        background: #9828bc
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0>li.active>span {
        color: #fff;
        background: #9828bc
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0>li:hover>ol {
        display: block
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #64127e;
        cursor: pointer
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1>li:hover {
        background-color: #9828bc
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1>li:hover>ol {
        display: block
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .banner>img {
        margin-bottom: 20px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #64127e
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #64127e;
        border-radius: 8px 8px 0 0
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .headline>button {
        float: right;
        color: #64127e;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend {
        height: 0;
        overflow: hidden
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-track {
        margin: 0
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev,
    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev::before,
    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next::before {
        display: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev i,
    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev:hover,
    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next:hover {
        background-color: #64127e
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots {
        position: static
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li:hover {
        border: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li.slick-active,
    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li.slick-active:hover {
        background-color: #64127e
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .recommend .slick-dots li button::before {
        display: none
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .main {
        position: relative
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #64127e;
        border-radius: 10px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.cross-platform,
    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper:hover {
        color: #fff;
        background: #64127e
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #9828bc;
        border-radius: 5px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo:hover::after {
        content: 'Play'
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption i.fas {
        color: #d00
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3S4MrbV8YE7fFMtn-nzsmQ .lobby-pagination li:hover {
        background-color: #9828bc
    }
</style>
<style>
    ._3yH4rdhlMIDzZigrXFXrgP {
        background: #fff
    }

    ._1YEicTU70gJNn3xyIx3doB .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1YEicTU70gJNn3xyIx3doB .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1YEicTU70gJNn3xyIx3doB .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1YEicTU70gJNn3xyIx3doB .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to right, #9846ff, #e92dff);
        border-radius: 3px
    }

    ._1YEicTU70gJNn3xyIx3doB .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1YEicTU70gJNn3xyIx3doB .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1YEicTU70gJNn3xyIx3doB .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1YEicTU70gJNn3xyIx3doB .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to right, #9846ff, #e92dff)
    }

    ._1YEicTU70gJNn3xyIx3doB .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1YEicTU70gJNn3xyIx3doB .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0>li>span:hover {
        background: #fd0
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0>li.active>span {
        color: #000;
        background: #fd0
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0>li:hover>ol {
        display: block
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #9846ff;
        cursor: pointer
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1>li:hover {
        background-color: #fd0
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1>li:hover>ol {
        display: block
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-1>li:hover>span {
        color: #000
    }

    ._1YEicTU70gJNn3xyIx3doB .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1YEicTU70gJNn3xyIx3doB .banner>img {
        margin-bottom: 20px
    }

    ._1YEicTU70gJNn3xyIx3doB .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #9846ff
    }

    ._1YEicTU70gJNn3xyIx3doB .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #9846ff;
        border-radius: 8px 8px 0 0
    }

    ._1YEicTU70gJNn3xyIx3doB .headline>button {
        float: right;
        color: #9846ff;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend {
        height: 0;
        overflow: hidden
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-track {
        margin: 0
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev,
    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev::before,
    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next::before {
        display: none
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev i,
    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev:hover,
    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next:hover {
        background-color: #9846ff
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots {
        position: static
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li:hover {
        border: none
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li.slick-active,
    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li.slick-active:hover {
        background-color: #9846ff
    }

    ._1YEicTU70gJNn3xyIx3doB .recommend .slick-dots li button::before {
        display: none
    }

    ._1YEicTU70gJNn3xyIx3doB .main {
        position: relative
    }

    ._1YEicTU70gJNn3xyIx3doB .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper.cross-platform,
    ._1YEicTU70gJNn3xyIx3doB .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #9846ff, #e92dff)
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1YEicTU70gJNn3xyIx3doB .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fd0;
        border-radius: 5px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo:hover::after {
        content: 'Play'
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo figcaption i.fas {
        color: #d00
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1YEicTU70gJNn3xyIx3doB .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination li:hover {
        background-color: #9846ff
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination li:hover {
        background-color: #9846ff
    }

    ._1YEicTU70gJNn3xyIx3doB .lobby-pagination li:hover {
        color: #fff
    }


    .pNjRDgh29duKPidsRFH0g {
        background: #fff
    }

    .x7P09tRsDnt6_TZMjXcu_ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .x7P09tRsDnt6_TZMjXcu_ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .x7P09tRsDnt6_TZMjXcu_ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .x7P09tRsDnt6_TZMjXcu_ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ffa509;
        border-radius: 3px
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .x7P09tRsDnt6_TZMjXcu_ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ffa509
    }

    .x7P09tRsDnt6_TZMjXcu_ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0 {
        display: block;
        font-size: 0
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0>li>span:hover {
        background: #ffe659
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0>li.active>span {
        color: #fff;
        background: #ffe659
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0>li:hover>ol {
        display: block
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ffa509;
        cursor: pointer
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1>li:hover {
        background-color: #ffe659
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1>li:hover>ol {
        display: block
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-1>li:hover>span {
        color: #fff
    }

    .x7P09tRsDnt6_TZMjXcu_ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .x7P09tRsDnt6_TZMjXcu_ .banner>img {
        margin-bottom: 20px
    }

    .x7P09tRsDnt6_TZMjXcu_ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ffa509
    }

    .x7P09tRsDnt6_TZMjXcu_ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ffa509;
        border-radius: 8px 8px 0 0
    }

    .x7P09tRsDnt6_TZMjXcu_ .headline>button {
        float: right;
        color: #ffa509;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend {
        height: 0;
        overflow: hidden
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend.show {
        height: auto;
        overflow: visible
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-track {
        margin: 0
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev,
    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev::before,
    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next::before {
        display: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev i,
    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev:hover,
    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next:hover {
        background-color: #ffa509
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots {
        position: static
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li:hover {
        border: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li.slick-active,
    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li.slick-active:hover {
        background-color: #ffa509
    }

    .x7P09tRsDnt6_TZMjXcu_ .recommend .slick-dots li button::before {
        display: none
    }

    .x7P09tRsDnt6_TZMjXcu_ .main {
        position: relative
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ffa509;
        border-radius: 10px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper.cross-platform,
    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper:hover {
        color: #fff;
        background: #ffa509
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ffe659;
        border-radius: 5px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo:hover::after {
        content: 'Play'
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption i.fas {
        color: #d00
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .x7P09tRsDnt6_TZMjXcu_ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .x7P09tRsDnt6_TZMjXcu_ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .x7P09tRsDnt6_TZMjXcu_ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .x7P09tRsDnt6_TZMjXcu_ .lobby-pagination li:hover {
        background-color: #ffe659
    }


    ._3mHzsWv0sR2ruj4Hsr7MmS {
        background: #fff
    }

    .tJYlGO3wfooKUvO9LScoN .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .tJYlGO3wfooKUvO9LScoN .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .tJYlGO3wfooKUvO9LScoN .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .tJYlGO3wfooKUvO9LScoN .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ffce77;
        border-radius: 3px
    }

    .tJYlGO3wfooKUvO9LScoN .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .tJYlGO3wfooKUvO9LScoN .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .tJYlGO3wfooKUvO9LScoN .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .tJYlGO3wfooKUvO9LScoN .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .tJYlGO3wfooKUvO9LScoN .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .tJYlGO3wfooKUvO9LScoN .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .tJYlGO3wfooKUvO9LScoN .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .tJYlGO3wfooKUvO9LScoN .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .tJYlGO3wfooKUvO9LScoN .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .tJYlGO3wfooKUvO9LScoN .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .tJYlGO3wfooKUvO9LScoN .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .tJYlGO3wfooKUvO9LScoN .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .tJYlGO3wfooKUvO9LScoN .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0 {
        display: block;
        font-size: 0
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0>li>span:hover {
        background: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0>li.active>span {
        color: #fff;
        background: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0>li:hover>ol {
        display: block
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ffce77;
        cursor: pointer
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1>li:hover {
        background-color: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1>li:hover>ol {
        display: block
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-1>li:hover>span {
        color: #fff
    }

    .tJYlGO3wfooKUvO9LScoN .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .tJYlGO3wfooKUvO9LScoN .banner>img {
        margin-bottom: 20px
    }

    .tJYlGO3wfooKUvO9LScoN .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ffce77;
        border-radius: 8px 8px 0 0
    }

    .tJYlGO3wfooKUvO9LScoN .headline>button {
        float: right;
        color: #ffce77;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .tJYlGO3wfooKUvO9LScoN .recommend {
        height: 0;
        overflow: hidden
    }

    .tJYlGO3wfooKUvO9LScoN .recommend.show {
        height: auto;
        overflow: visible
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-track {
        margin: 0
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-prev,
    .tJYlGO3wfooKUvO9LScoN .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-prev::before,
    .tJYlGO3wfooKUvO9LScoN .recommend .slick-next::before {
        display: none
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-prev i,
    .tJYlGO3wfooKUvO9LScoN .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-prev:hover,
    .tJYlGO3wfooKUvO9LScoN .recommend .slick-next:hover {
        background-color: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots {
        position: static
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li:hover {
        border: none
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li.slick-active,
    .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li.slick-active:hover {
        background-color: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .recommend .slick-dots li button::before {
        display: none
    }

    .tJYlGO3wfooKUvO9LScoN .main {
        position: relative
    }

    .tJYlGO3wfooKUvO9LScoN .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ffce77;
        border-radius: 10px
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper.cross-platform,
    .tJYlGO3wfooKUvO9LScoN .game-wrapper:hover {
        color: #fff;
        background: #ffce77
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .tJYlGO3wfooKUvO9LScoN .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ffce77;
        border-radius: 5px
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo:hover::after {
        content: 'Play'
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo figcaption i.fas {
        color: #d00
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .tJYlGO3wfooKUvO9LScoN .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tJYlGO3wfooKUvO9LScoN .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .tJYlGO3wfooKUvO9LScoN .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ff913a
    }

    .tJYlGO3wfooKUvO9LScoN .lobby-pagination li:hover {
        background-color: #ffce77
    }


    ._39jM_RBQB0byFhl7Bc_Pgl {
        background: #fff
    }

    ._3JHmygdhVZXkx87ILnOYeF .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3JHmygdhVZXkx87ILnOYeF .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3JHmygdhVZXkx87ILnOYeF .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3JHmygdhVZXkx87ILnOYeF .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to right, #9bb6fb, #37d7f9);
        border-radius: 3px
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3JHmygdhVZXkx87ILnOYeF .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #37d7f9
    }

    ._3JHmygdhVZXkx87ILnOYeF .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #1b2435;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0>li>span:hover {
        background: #fff
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0>li.active>span {
        color: #1b2435;
        background: #fff
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0>li:hover>ol {
        display: block
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-0>li:hover>span:hover {
        color: #1b2435
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1>li {
        position: relative;
        display: block;
        color: #1b2435;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #37d7f9;
        cursor: pointer
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1>li:hover {
        background-color: #fff
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1>li:hover>ol {
        display: block
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-1>li:hover>span {
        color: #1b2435
    }

    ._3JHmygdhVZXkx87ILnOYeF .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3JHmygdhVZXkx87ILnOYeF .banner>img {
        margin-bottom: 20px
    }

    ._3JHmygdhVZXkx87ILnOYeF .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #37d7f9
    }

    ._3JHmygdhVZXkx87ILnOYeF .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #37d7f9;
        border-radius: 8px 8px 0 0
    }

    ._3JHmygdhVZXkx87ILnOYeF .headline>button {
        float: right;
        color: #37d7f9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend {
        height: 0;
        overflow: hidden
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-track {
        margin: 0
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-prev,
    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-prev::before,
    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-next::before {
        display: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-prev i,
    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-prev:hover,
    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-next:hover {
        background-color: #37d7f9
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-dots {
        position: static
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-dots li:hover {
        border: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-dots li.slick-active,
    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-dots li.slick-active:hover {
        background-color: #37d7f9
    }

    ._3JHmygdhVZXkx87ILnOYeF .recommend .slick-dots li button::before {
        display: none
    }

    ._3JHmygdhVZXkx87ILnOYeF .main {
        position: relative
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #1b2435;
        border-radius: 10px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper.cross-platform,
    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper:hover {
        color: #fff;
        background: #37d7f9
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #1b2435;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #e1eefe;
        border-radius: 5px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo:hover::after {
        content: 'Play'
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo figcaption i.fas {
        color: #d00
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3JHmygdhVZXkx87ILnOYeF .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3JHmygdhVZXkx87ILnOYeF .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3JHmygdhVZXkx87ILnOYeF .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #1b2435;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3JHmygdhVZXkx87ILnOYeF .lobby-pagination li:hover {
        background-color: #37d7f9
    }


    ._1hVbsMBorvPJfdw1wn7Ocd {
        background: #fff
    }

    .A16g0UwjUVsNshOkekZxK .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    .A16g0UwjUVsNshOkekZxK .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    .A16g0UwjUVsNshOkekZxK .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    .A16g0UwjUVsNshOkekZxK .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ecb522;
        border-radius: 3px
    }

    .A16g0UwjUVsNshOkekZxK .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    .A16g0UwjUVsNshOkekZxK .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    .A16g0UwjUVsNshOkekZxK .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .A16g0UwjUVsNshOkekZxK .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .A16g0UwjUVsNshOkekZxK .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .A16g0UwjUVsNshOkekZxK .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    .A16g0UwjUVsNshOkekZxK .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    .A16g0UwjUVsNshOkekZxK .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .A16g0UwjUVsNshOkekZxK .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    .A16g0UwjUVsNshOkekZxK .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    .A16g0UwjUVsNshOkekZxK .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    .A16g0UwjUVsNshOkekZxK .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ecb522
    }

    .A16g0UwjUVsNshOkekZxK .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .A16g0UwjUVsNshOkekZxK .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0 {
        display: block;
        font-size: 0
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0>li>span:hover {
        background: #1b2227
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0>li.active>span {
        color: #fff;
        background: #1b2227
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0>li:hover>ol {
        display: block
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ecb522;
        cursor: pointer
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1>li>span {
        position: relative;
        display: block
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1>li:hover {
        background-color: #1b2227
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1>li:hover>ol {
        display: block
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-1>li:hover>span {
        color: #fff
    }

    .A16g0UwjUVsNshOkekZxK .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    .A16g0UwjUVsNshOkekZxK .banner>img {
        margin-bottom: 20px
    }

    .A16g0UwjUVsNshOkekZxK .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ecb522
    }

    .A16g0UwjUVsNshOkekZxK .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ecb522;
        border-radius: 8px 8px 0 0
    }

    .A16g0UwjUVsNshOkekZxK .headline>button {
        float: right;
        color: #ecb522;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    .A16g0UwjUVsNshOkekZxK .recommend {
        height: 0;
        overflow: hidden
    }

    .A16g0UwjUVsNshOkekZxK .recommend.show {
        height: auto;
        overflow: visible
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-track {
        margin: 0
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-prev,
    .A16g0UwjUVsNshOkekZxK .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-prev::before,
    .A16g0UwjUVsNshOkekZxK .recommend .slick-next::before {
        display: none
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-prev i,
    .A16g0UwjUVsNshOkekZxK .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-prev:hover,
    .A16g0UwjUVsNshOkekZxK .recommend .slick-next:hover {
        background-color: #ecb522
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-dots {
        position: static
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-dots li:hover {
        border: none
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-dots li.slick-active,
    .A16g0UwjUVsNshOkekZxK .recommend .slick-dots li.slick-active:hover {
        background-color: #ecb522
    }

    .A16g0UwjUVsNshOkekZxK .recommend .slick-dots li button::before {
        display: none
    }

    .A16g0UwjUVsNshOkekZxK .main {
        position: relative
    }

    .A16g0UwjUVsNshOkekZxK .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ecb522;
        border-radius: 10px
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper.cross-platform,
    .A16g0UwjUVsNshOkekZxK .game-wrapper:hover {
        color: #fff;
        background: #ecb522
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .A16g0UwjUVsNshOkekZxK .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .A16g0UwjUVsNshOkekZxK .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .A16g0UwjUVsNshOkekZxK .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .A16g0UwjUVsNshOkekZxK .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #1b2227;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ffe08f;
        border-radius: 5px
    }

    .A16g0UwjUVsNshOkekZxK .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .A16g0UwjUVsNshOkekZxK .game-logo:hover::after {
        content: 'Play'
    }

    .A16g0UwjUVsNshOkekZxK .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .A16g0UwjUVsNshOkekZxK .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .A16g0UwjUVsNshOkekZxK .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .A16g0UwjUVsNshOkekZxK .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .A16g0UwjUVsNshOkekZxK .game-logo figcaption i.fas {
        color: #d00
    }

    .A16g0UwjUVsNshOkekZxK .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .A16g0UwjUVsNshOkekZxK .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .A16g0UwjUVsNshOkekZxK .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    .A16g0UwjUVsNshOkekZxK .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    .A16g0UwjUVsNshOkekZxK .lobby-pagination li:hover {
        background-color: #ecb522
    }


    ._39sIPkIhpZ41Mv0E23hHW- {
        background: #fff
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ecb522;
        border-radius: 3px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0>li>span:hover {
        background: #1b2227
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0>li.active>span {
        color: #fff;
        background: #1b2227
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0>li:hover>ol {
        display: block
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ecb522;
        cursor: pointer
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1>li:hover {
        background-color: #1b2227
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1>li:hover>ol {
        display: block
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-1>li:hover>span {
        color: #fff
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .banner>img {
        margin-bottom: 20px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ecb522;
        border-radius: 8px 8px 0 0
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .headline>button {
        float: right;
        color: #ecb522;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend {
        height: 0;
        overflow: hidden
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-track {
        margin: 0
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev,
    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev::before,
    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next::before {
        display: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev i,
    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev:hover,
    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next:hover {
        background-color: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots {
        position: static
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li:hover {
        border: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li.slick-active,
    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li.slick-active:hover {
        background-color: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .recommend .slick-dots li button::before {
        display: none
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .main {
        position: relative
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #1b2227;
        border-radius: 10px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.cross-platform,
    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper:hover {
        color: #fff;
        background: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ffe686;
        border-radius: 5px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo:hover::after {
        content: 'Play'
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption i.fas {
        color: #d00
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li:hover {
        background-color: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li:hover {
        background-color: #ecb522
    }

    ._3AdaNGuhHtUC1p2xj_JlRD .lobby-pagination li:hover {
        color: #fff
    }


    ._3OkKZsJ6wIckbaTndvozBJ {
        background: #fff
    }

    ._39EtLvmM0UYWbzf-x1998 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._39EtLvmM0UYWbzf-x1998 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._39EtLvmM0UYWbzf-x1998 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._39EtLvmM0UYWbzf-x1998 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #14c751;
        border-radius: 3px
    }

    ._39EtLvmM0UYWbzf-x1998 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._39EtLvmM0UYWbzf-x1998 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._39EtLvmM0UYWbzf-x1998 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._39EtLvmM0UYWbzf-x1998 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #d9d9d9
    }

    ._39EtLvmM0UYWbzf-x1998 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._39EtLvmM0UYWbzf-x1998 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0>li>span:hover {
        background: #14c751
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0>li.active>span {
        color: #fff;
        background: #14c751
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0>li:hover>ol {
        display: block
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #d9d9d9;
        cursor: pointer
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1>li:hover {
        background-color: #14c751
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1>li:hover>ol {
        display: block
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-1>li:hover>span {
        color: #fff
    }

    ._39EtLvmM0UYWbzf-x1998 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._39EtLvmM0UYWbzf-x1998 .banner>img {
        margin-bottom: 20px
    }

    ._39EtLvmM0UYWbzf-x1998 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #d9d9d9
    }

    ._39EtLvmM0UYWbzf-x1998 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #d9d9d9;
        border-radius: 8px 8px 0 0
    }

    ._39EtLvmM0UYWbzf-x1998 .headline>button {
        float: right;
        color: #d9d9d9;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend {
        height: 0;
        overflow: hidden
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-track {
        margin: 0
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev,
    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev::before,
    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next::before {
        display: none
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev i,
    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev:hover,
    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next:hover {
        background-color: #d9d9d9
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots {
        position: static
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li:hover {
        border: none
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li.slick-active,
    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li.slick-active:hover {
        background-color: #d9d9d9
    }

    ._39EtLvmM0UYWbzf-x1998 .recommend .slick-dots li button::before {
        display: none
    }

    ._39EtLvmM0UYWbzf-x1998 .main {
        position: relative
    }

    ._39EtLvmM0UYWbzf-x1998 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper.cross-platform,
    ._39EtLvmM0UYWbzf-x1998 .game-wrapper:hover {
        color: #000;
        background: #ffe401
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._39EtLvmM0UYWbzf-x1998 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #14c751;
        border-radius: 5px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo:hover::after {
        content: 'Play'
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo figcaption i.fas {
        color: #d00
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._39EtLvmM0UYWbzf-x1998 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination li:hover {
        background-color: #14c751
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination li:hover {
        background-color: #14c751
    }

    ._39EtLvmM0UYWbzf-x1998 .lobby-pagination li:hover {
        color: #fff
    }


    ._3rNH71Wr1idkpI-p_O7WaN {
        background: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #fc0;
        border-radius: 3px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #000;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0>li>span:hover {
        background: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0>li:hover>ol {
        display: block
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover {
        background-color: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover>ol {
        display: block
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover>span {
        color: #000
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .banner>img {
        margin-bottom: 20px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #fc0;
        border-radius: 8px 8px 0 0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .headline>button {
        float: right;
        color: #fc0;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend {
        height: 0;
        overflow: hidden
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-track {
        margin: 0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev,
    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev::before,
    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next::before {
        display: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev i,
    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev:hover,
    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next:hover {
        background-color: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots {
        position: static
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li:hover {
        border: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li.slick-active,
    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li.slick-active:hover {
        background-color: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .recommend .slick-dots li button::before {
        display: none
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .main {
        position: relative
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #000;
        border-radius: 10px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.cross-platform,
    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper:hover {
        color: #fff;
        background: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #fc0;
        border-radius: 5px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo:hover::after {
        content: 'Play'
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption i.fas {
        color: #d00
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li:hover {
        background-color: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li:hover {
        background-color: #fc0
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .lobby-pagination li:hover {
        color: #000
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li {
        position: relative;
        display: block;
        color: #000;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover {
        background-color: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover>ol {
        display: block
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover>span {
        color: #000
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li {
        color: #fff
    }

    ._1b3KGCjyV-aAvmJ0223vr2 .category-layer-1>li:hover {
        background: #fc0
    }

    .Tix5ekr3IBwQuAORcVDO_ {
        background: #fff
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #4396f2;
        border-radius: 3px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0>li>span:hover {
        background: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0>li.active>span {
        color: #fff;
        background: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0>li:hover>ol {
        display: block
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #222;
        cursor: pointer
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1>li:hover {
        background-color: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1>li:hover>ol {
        display: block
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-1>li:hover>span {
        color: #fff
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .banner>img {
        margin-bottom: 20px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #4396f2;
        border-radius: 8px 8px 0 0
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .headline>button {
        float: right;
        color: #4396f2;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend {
        height: 0;
        overflow: hidden
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend.show {
        height: auto;
        overflow: visible
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-track {
        margin: 0
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev,
    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev::before,
    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next::before {
        display: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev i,
    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev:hover,
    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next:hover {
        background-color: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots {
        position: static
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li:hover {
        border: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li.slick-active,
    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li.slick-active:hover {
        background-color: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .recommend .slick-dots li button::before {
        display: none
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .main {
        position: relative
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #4396f2;
        border-radius: 10px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.cross-platform,
    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper:hover {
        color: #fff;
        background: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #4396f2;
        border-radius: 5px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo:hover::after {
        content: 'Play'
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption i.fas {
        color: #d00
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e6e6e6
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li:hover {
        background-color: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #e6e6e6
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li:hover {
        background-color: #4396f2
    }

    ._12HhuS3DV0c8Ag6gcVN5tO .lobby-pagination li:hover {
        background: #4396f2
    }

    ._17m_T29XqnQSIhmYd2wG7Q {
        background: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._2478YQsfFz3oL8idZSV8iB .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._2478YQsfFz3oL8idZSV8iB .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._2478YQsfFz3oL8idZSV8iB .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ad0200;
        border-radius: 3px
    }

    ._2478YQsfFz3oL8idZSV8iB .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._2478YQsfFz3oL8idZSV8iB .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._2478YQsfFz3oL8idZSV8iB .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._2478YQsfFz3oL8idZSV8iB .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._2478YQsfFz3oL8idZSV8iB .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0>li>span:hover {
        background: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0>li.active>span {
        color: #000;
        background: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0>li:hover>ol {
        display: block
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ad0200;
        cursor: pointer
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1>li:hover {
        background-color: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1>li:hover>ol {
        display: block
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-1>li:hover>span {
        color: #000
    }

    ._2478YQsfFz3oL8idZSV8iB .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._2478YQsfFz3oL8idZSV8iB .banner>img {
        margin-bottom: 20px
    }

    ._2478YQsfFz3oL8idZSV8iB .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #ad0200;
        border-radius: 8px 8px 0 0
    }

    ._2478YQsfFz3oL8idZSV8iB .headline>button {
        float: right;
        color: #ad0200;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend {
        height: 0;
        overflow: hidden
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend.show {
        height: auto;
        overflow: visible
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-track {
        margin: 0
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-prev,
    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-prev::before,
    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-next::before {
        display: none
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-prev i,
    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-prev:hover,
    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-next:hover {
        background-color: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-dots {
        position: static
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-dots li:hover {
        border: none
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-dots li.slick-active,
    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-dots li.slick-active:hover {
        background-color: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .recommend .slick-dots li button::before {
        display: none
    }

    ._2478YQsfFz3oL8idZSV8iB .main {
        position: relative
    }

    ._2478YQsfFz3oL8idZSV8iB .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ad0200;
        border-radius: 10px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.cross-platform,
    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ad0200;
        border-radius: 5px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo:hover::after {
        content: 'Play'
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo figcaption i.fas {
        color: #d00
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._2478YQsfFz3oL8idZSV8iB .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2478YQsfFz3oL8idZSV8iB .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._2478YQsfFz3oL8idZSV8iB .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._2478YQsfFz3oL8idZSV8iB .lobby-pagination li:hover {
        background-color: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ad0200;
        border-radius: 10px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.cross-platform,
    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._2478YQsfFz3oL8idZSV8iB .game-wrapper:hover {
        color: #fff;
        background: #ad0200
    }


    ._17-uUeuwfLRGb4NHCaG_yo {
        background: #fff
    }

    ._3h-XGaugHzITGSfk51jAzD .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3h-XGaugHzITGSfk51jAzD .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3h-XGaugHzITGSfk51jAzD .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3h-XGaugHzITGSfk51jAzD .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #779cf8 10%, #8db8f9 55%, #b1dcfa 100%);
        border-radius: 3px
    }

    ._3h-XGaugHzITGSfk51jAzD .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3h-XGaugHzITGSfk51jAzD .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3h-XGaugHzITGSfk51jAzD .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3h-XGaugHzITGSfk51jAzD .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to bottom, #779cf8 10%, #8db8f9 55%, #b1dcfa 100%)
    }

    ._3h-XGaugHzITGSfk51jAzD .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3h-XGaugHzITGSfk51jAzD .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0>li>span:hover {
        background: #feec5c
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0>li.active>span {
        color: #000;
        background: #feec5c
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0>li:hover>ol {
        display: block
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #7195f6;
        cursor: pointer
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1>li:hover {
        background-color: #feec5c
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1>li:hover>ol {
        display: block
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-1>li:hover>span {
        color: #000
    }

    ._3h-XGaugHzITGSfk51jAzD .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3h-XGaugHzITGSfk51jAzD .banner>img {
        margin-bottom: 20px
    }

    ._3h-XGaugHzITGSfk51jAzD .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #779cf8
    }

    ._3h-XGaugHzITGSfk51jAzD .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #779cf8;
        border-radius: 8px 8px 0 0
    }

    ._3h-XGaugHzITGSfk51jAzD .headline>button {
        float: right;
        color: linear-gradient(to bottom, #779cf8 10%, #8db8f9 55%, #b1dcfa 100%);
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend {
        height: 0;
        overflow: hidden
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-track {
        margin: 0
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev,
    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev::before,
    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next::before {
        display: none
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev i,
    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev:hover,
    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next:hover {
        background-color: linear-gradient(to bottom, #779cf8 10%, #8db8f9 55%, #b1dcfa 100%)
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots {
        position: static
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li:hover {
        border: none
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li.slick-active,
    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li.slick-active:hover {
        background-color: #779cf8
    }

    ._3h-XGaugHzITGSfk51jAzD .recommend .slick-dots li button::before {
        display: none
    }

    ._3h-XGaugHzITGSfk51jAzD .main {
        position: relative
    }

    ._3h-XGaugHzITGSfk51jAzD .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper.cross-platform,
    ._3h-XGaugHzITGSfk51jAzD .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #779cf8 10%, #8db8f9 55%, #b1dcfa 100%)
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3h-XGaugHzITGSfk51jAzD .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #000;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #feec5c;
        border-radius: 5px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo:hover::after {
        content: 'Play'
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo figcaption i.fas {
        color: #d00
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3h-XGaugHzITGSfk51jAzD .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination li:hover {
        background-color: #779cf8
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination li:hover {
        background-color: #779cf8
    }

    ._3h-XGaugHzITGSfk51jAzD .lobby-pagination li:hover {
        color: #fff
    }

    ._1ag6e4zL4iiHaRxrwiOc84 {
        background: #fff
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: linear-gradient(to bottom, #00a0fe 0%, #00b1ff 100%);
        border-radius: 3px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: linear-gradient(to bottom, #00a0fe 0%, #00b1ff 100%)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0>li>span:hover {
        background: linear-gradient(to bottom, #f6fbff 0%, #b2e1ff 100%)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0>li.active>span {
        color: #000;
        background: linear-gradient(to bottom, #f6fbff 0%, #b2e1ff 100%)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0>li:hover>ol {
        display: block
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-0>li:hover>span:hover {
        color: #000
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #00a0fe;
        cursor: pointer
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1>li:hover {
        background-color: linear-gradient(to bottom, #f6fbff 0%, #b2e1ff 100%)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1>li:hover>ol {
        display: block
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-1>li:hover>span {
        color: #000
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .banner>img {
        margin-bottom: 20px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #00a0fe
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #00a0fe;
        border-radius: 8px 8px 0 0
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .headline>button {
        float: right;
        color: linear-gradient(to bottom, #00a0fe 0%, #00b1ff 100%);
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend {
        height: 0;
        overflow: hidden
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend.show {
        height: auto;
        overflow: visible
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-track {
        margin: 0
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-prev,
    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-prev::before,
    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-next::before {
        display: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-prev i,
    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-prev:hover,
    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-next:hover {
        background-color: linear-gradient(to bottom, #00a0fe 0%, #00b1ff 100%)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-dots {
        position: static
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-dots li:hover {
        border: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-dots li.slick-active,
    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-dots li.slick-active:hover {
        background-color: #00a0fe
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .recommend .slick-dots li button::before {
        display: none
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .main {
        position: relative
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper.cross-platform,
    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper:hover {
        color: #fff;
        background: linear-gradient(to bottom, #00a0fe 0%, #00b1ff 100%)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: linear-gradient(to bottom, #00a0fe 0%, #00b1ff 100%);
        border-radius: 5px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo:hover::after {
        content: 'Play'
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo figcaption i.fas {
        color: #d00
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination li:hover {
        background-color: #3593fc
    }

    ._1vKW4bunpt_hgcX6rX9OsJ .lobby-pagination li:hover {
        color: #fff
    }

    .a7il0i5ajih4toKsUPJq4 {
        background: #fff
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #ea211d;
        border-radius: 3px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #a80000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0>li>span:hover {
        background: linear-gradient(to top, #fff95c, #ffa)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0>li.active>span {
        color: #ed1d1d;
        background: linear-gradient(to top, #fff95c, #ffa)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0>li:hover>ol {
        display: block
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-0>li:hover>span:hover {
        color: #ed1d1d
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #ed1d1d;
        cursor: pointer
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1>li:hover {
        background-color: linear-gradient(to top, #fff95c, #ffa)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1>li:hover>ol {
        display: block
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-1>li:hover>span {
        color: #fff95c
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .banner>img {
        margin-bottom: 20px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #a80000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #a80000;
        border-radius: 8px 8px 0 0
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .headline>button {
        float: right;
        color: #a80000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend {
        height: 0;
        overflow: hidden
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend.show {
        height: auto;
        overflow: visible
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-track {
        margin: 0
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev,
    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev::before,
    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next::before {
        display: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev i,
    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev:hover,
    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next:hover {
        background-color: #a80000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots {
        position: static
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li:hover {
        border: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li.slick-active,
    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li.slick-active:hover {
        background-color: #a80000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .recommend .slick-dots li button::before {
        display: none
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .main {
        position: relative
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.cross-platform,
    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper:hover {
        color: #fff;
        background: #a80000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #ed1d1d;
        border-radius: 5px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo:hover::after {
        content: 'Play'
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption i.fas {
        color: #d00
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li:hover {
        background-color: #ed1d1d
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li:hover {
        background-color: #ed1d1d
    }

    ._3r2PzVw35sCQ6MQNyjIGUb .lobby-pagination li:hover {
        color: #fff
    }


    .RrpXGd-1lqKY5bx2XZtl4 {
        background: #fff
    }

    ._14xqnXfFgfe05UoSr1YqSh .wrapper {
        width: 850px;
        position: relative;
        margin: 0 auto
    }

    ._14xqnXfFgfe05UoSr1YqSh .logo {
        position: relative;
        height: 80px;
        display: inline-block
    }

    ._14xqnXfFgfe05UoSr1YqSh .logo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        max-width: 600px;
        max-height: 70px
    }

    ._14xqnXfFgfe05UoSr1YqSh .search {
        position: absolute;
        top: 20px;
        right: 0;
        width: 200px;
        height: 40px;
        padding: 5px;
        background: #4aaf6d;
        border-radius: 3px
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form>* {
        display: inline-block;
        height: 30px;
        vertical-align: top;
        border: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input {
        width: 150px;
        margin-right: 5px;
        padding: 0 5px;
        color: #000;
        font-size: 12px;
        line-height: 30px;
        background-color: #fff;
        border: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input:focus::-moz-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input:focus:-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input:focus::-ms-input-placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input:focus::placeholder {
        color: rgba(32, 30, 30, 0.3)
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input::-moz-placeholder {
        color: #000;
        -moz-transition: all 0.3s;
        transition: all 0.3s
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input:-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input::-ms-input-placeholder {
        color: #000;
        -ms-transition: all 0.3s;
        transition: all 0.3s
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form input::placeholder {
        color: #000;
        transition: all 0.3s
    }

    ._14xqnXfFgfe05UoSr1YqSh .search form button {
        width: 30px;
        color: #fff;
        font-size: 20px;
        background-color: transparent;
        cursor: pointer;
        border: none;
        outline: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .nav {
        margin-bottom: 15px;
        padding: 10px 0 0;
        min-height: 50px;
        background: #000
    }

    ._14xqnXfFgfe05UoSr1YqSh .nav ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .nav h4 {
        margin: 0;
        color: #fff;
        line-height: 50px
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0 {
        display: block;
        font-size: 0
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0>li {
        position: relative;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        cursor: pointer
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0>li>span {
        display: inline-block;
        padding: 0 15px;
        color: #fff;
        border-radius: 15px;
        font-size: 15px;
        line-height: 30px
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0>li>span:hover {
        background: #4aaf6d
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0>li.active>span {
        color: #fff;
        background: #4aaf6d
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0>li:hover>ol {
        display: block
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-0>li:hover>span:hover {
        color: #fff
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1 {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        padding: 10px 0 0;
        text-align: center;
        z-index: 2
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1>li {
        position: relative;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 30px;
        background-color: #000;
        cursor: pointer
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1>li>span {
        position: relative;
        display: block
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1>li>span>i {
        position: absolute;
        top: 8px;
        right: 8px
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1>li:hover {
        background-color: #4aaf6d
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1>li:hover>ol {
        display: block
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-1>li:hover>span {
        color: #fff
    }

    ._14xqnXfFgfe05UoSr1YqSh .category-layer-2 {
        top: 0;
        left: 100%;
        margin: 0;
        padding: 0
    }

    ._14xqnXfFgfe05UoSr1YqSh .banner>img {
        margin-bottom: 20px
    }

    ._14xqnXfFgfe05UoSr1YqSh .headline {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    ._14xqnXfFgfe05UoSr1YqSh .headline>span {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        color: #fff;
        font-size: 15px;
        line-height: 30px;
        background-color: #000;
        border-radius: 8px 8px 0 0
    }

    ._14xqnXfFgfe05UoSr1YqSh .headline>button {
        float: right;
        color: #000;
        font-size: 15px;
        line-height: 30px;
        text-decoration: none;
        padding: 0 15px
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend {
        height: 0;
        overflow: hidden
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend.show {
        height: auto;
        overflow: visible
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-track {
        margin: 0
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev,
    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next {
        top: 93px;
        width: 45px;
        height: 45px;
        background-color: #ededed;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev::before,
    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next::before {
        display: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev i,
    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next i {
        vertical-align: middle;
        color: #fff;
        font-size: 27px
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev:hover,
    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next:hover {
        background-color: #000
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-prev {
        left: -60px;
        padding-left: 14px;
        text-align: left
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-next {
        right: -60px;
        padding-right: 14px;
        text-align: right
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots {
        position: static
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li {
        width: 14px;
        height: 14px;
        min-height: 0;
        font-size: 0;
        background-color: #9e9e9e;
        border: none;
        border-radius: 10px
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li:hover {
        border: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li.slick-active,
    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li.slick-active:hover {
        background-color: #000
    }

    ._14xqnXfFgfe05UoSr1YqSh .recommend .slick-dots li button::before {
        display: none
    }

    ._14xqnXfFgfe05UoSr1YqSh .main {
        position: relative
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        color: #000;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc;
        border-radius: 10px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper:hover {
        border-color: #fff;
        cursor: pointer
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper.cross-platform,
    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper:hover {
        color: #fff;
        background: #4aaf6d
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        color: #fff;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        background: #4aaf6d;
        border-radius: 5px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo:hover::after {
        content: 'Play'
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption i.fas {
        color: #d00
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo figcaption i.far {
        color: #b2b2b2
    }

    ._14xqnXfFgfe05UoSr1YqSh .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li:hover {
        background-color: #4aaf6d
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination {
        display: block;
        margin: 20px auto 15px;
        text-align: center;
        font-size: 0
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li {
        display: inline-block;
        margin: 0 3px;
        padding: 0 10px;
        color: #000;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        vertical-align: top;
        background-color: #ccc
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li:hover {
        background-color: #4aaf6d
    }

    ._14xqnXfFgfe05UoSr1YqSh .lobby-pagination li:hover {
        color: #fff
    }

    ._2WA9RBgAs6TqIurOePgNba {
        height: 100vh;
        font-family: "Microsoft YaHei";
        background: #040301 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2bc2a6a362b090b754f839b1dbc27b6e.jpg) no-repeat top
    }

    ._2WA9RBgAs6TqIurOePgNba header {
        padding-top: 82px;
        text-align: center
    }

    ._2WA9RBgAs6TqIurOePgNba header p {
        margin: 0;
        font-weight: bold
    }

    ._2WA9RBgAs6TqIurOePgNba header p._3y3lDicGr3l7eN9zmatN0Z {
        margin-bottom: 7px;
        color: #fff;
        font-size: 32px
    }

    ._2WA9RBgAs6TqIurOePgNba header p._29XPnbhBvuMQj_k_OyfPqM {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 25px;
        padding: 0 10px;
        color: #d60000;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        background-color: #fff;
        border-radius: 5px
    }

    ._2WA9RBgAs6TqIurOePgNba header p.PAHgfTh5Yb1Qiie1JHPn- {
        margin-bottom: 15px;
        color: #ffe400;
        font-size: 18px
    }

    ._2WA9RBgAs6TqIurOePgNba main {
        height: 325px;
        background-color: rgba(176, 134, 103, 0.8)
    }

    ._3tnnTDgq6ONU7oKzmIiwmS {
        width: 850px;
        margin: 0 auto
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul {
        padding: 0;
        margin: 0;
        font-size: 0;
        text-align: left;
        list-style: none;
        outline: none
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li {
        display: inline-block;
        width: 140px;
        height: 139px;
        vertical-align: top;
        margin: 10px 15px 0;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/16219d6d33ac9505bbfcb4214c10a827.png) no-repeat center top;
        cursor: pointer
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li:hover {
        background-position: center bottom
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li img {
        display: inline-block;
        width: 110px;
        height: 110px;
        vertical-align: top
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-list ul li p {
        margin: 0
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow {
        display: inline-block;
        width: 25px;
        height: 41px;
        background-repeat: no-repeat;
        background-position: center top
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow:before {
        display: none
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow:hover {
        background-position: center bottom
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow.slick-prev {
        left: -45px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4005a6e6535d76ad484241125799a617.png)
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-arrow.slick-next {
        right: -45px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c140a8c956367e562a021418c1231e65.png)
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-dots {
        bottom: -26px
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li {
        margin: 0
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li button:before {
        opacity: 1;
        color: #97908b
    }

    ._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li.slick-active button:before,
    ._3G2yUPDTnZOnMO-hH8nXo- .slick-dots li:hover button:before {
        color: #e8e2dd
    }


    ._27LBCEpNgwzP4MEGKfPZ81 {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._27LBCEpNgwzP4MEGKfPZ81 h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._27LBCEpNgwzP4MEGKfPZ81 h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._27LBCEpNgwzP4MEGKfPZ81 h4 {
        font-size: 14px
    }

    ._27LBCEpNgwzP4MEGKfPZ81>ul {
        list-style: none
    }

    ._27LBCEpNgwzP4MEGKfPZ81 ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._27LBCEpNgwzP4MEGKfPZ81 p,
    ._27LBCEpNgwzP4MEGKfPZ81 li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._27LBCEpNgwzP4MEGKfPZ81 p {
        margin: 1em 0
    }

    ._27LBCEpNgwzP4MEGKfPZ81 p._1P2KT5L6_SAwmWgYXJpHIF {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._27LBCEpNgwzP4MEGKfPZ81 p._1P2KT5L6_SAwmWgYXJpHIF img {
        width: 33%
    }

    ._27LBCEpNgwzP4MEGKfPZ81 .mp4dTCYOn9n7vh4fuAmDV {
        color: #0a5d83;
        font-weight: bolder
    }

    ._27LBCEpNgwzP4MEGKfPZ81 table {
        width: 100%
    }

    ._27LBCEpNgwzP4MEGKfPZ81 table thead tr,
    ._27LBCEpNgwzP4MEGKfPZ81 table thead th,
    ._27LBCEpNgwzP4MEGKfPZ81 table thead td,
    ._27LBCEpNgwzP4MEGKfPZ81 table tbody tr,
    ._27LBCEpNgwzP4MEGKfPZ81 table tbody th,
    ._27LBCEpNgwzP4MEGKfPZ81 table tbody td,
    ._27LBCEpNgwzP4MEGKfPZ81 table tfoot tr,
    ._27LBCEpNgwzP4MEGKfPZ81 table tfoot th,
    ._27LBCEpNgwzP4MEGKfPZ81 table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._27LBCEpNgwzP4MEGKfPZ81 table thead th,
    ._27LBCEpNgwzP4MEGKfPZ81 table tbody th,
    ._27LBCEpNgwzP4MEGKfPZ81 table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._1VqDMm33qszGaSSF1BefIA {
        width: 100%;
        height: 471px;
        background-image: none;
        border-bottom: none
    }

    .Fyjjbbtu7ez2tp4P1u_9X {
        position: relative;
        width: 1420px;
        margin: 0 auto;
        color: #fff
    }

    ._13SSqi-CXmhSukDpitbsQ2 {
        padding: 0px 0 0
    }

    ._13SSqi-CXmhSukDpitbsQ2>.Fyjjbbtu7ez2tp4P1u_9X {
        width: 100% !important
    }

    ._1-yWFlhUDV6YxE5gmEsLcL h3._2vRQgHg9l4SuSwbkD6c-k {
        height: 81px;
        margin: 30px auto;
        color: #337c9d;
        font-family: roboto;
        font-size: 28px;
        font-weight: 900;
        line-height: 81px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/73df74b431b4aa45769fa170ab3dd3c0.png) no-repeat center;
        text-transform: uppercase
    }

    ._1-yWFlhUDV6YxE5gmEsLcL ul {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0
    }

    ._1-yWFlhUDV6YxE5gmEsLcL ul li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._3LoZp49K5CfZeIIBXXzJl3 {
        margin-bottom: 38px
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul li {
        width: 25%;
        padding: 10px 25px;
        font-size: 14px;
        color: #000;
        list-style: none
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul li>div {
        width: 216px
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul li:hover ._1gmUVQ59sITtImF_lHqmK2 {
        background-position: center bottom
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul li+li {
        border-left: 1px solid #357e9f
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul p {
        margin: 0;
        padding: 0
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul p.mStjgcADwBgprsQLlvjuO {
        margin: 0 0 8px;
        font-weight: bold
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul ._1gmUVQ59sITtImF_lHqmK2 {
        display: inline-block;
        width: 80px;
        height: 80px;
        background-position: center top;
        background-repeat: no-repeat
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul ._1gmUVQ59sITtImF_lHqmK2._3yetCKse8TV8AU6dmIRjYU {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/dc48010aff1e485c24fa69a82764c1e7.png)
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul ._1gmUVQ59sITtImF_lHqmK2.AWnHEtcNyYA2Yv83nmiOe {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e838c036cc1e5277112c12140106b3f2.png)
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul ._1gmUVQ59sITtImF_lHqmK2.fyMhH1fLqHQ-PnRQXE6WF {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7915932139e655714bdd2a3fa34c45cc.png)
    }

    ._3LoZp49K5CfZeIIBXXzJl3 ul ._1gmUVQ59sITtImF_lHqmK2._1KagPnhT0_wjWFvoqCY07F {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/09cf522ac9e22530b223e0a9a069d6a2.png)
    }

    .oa8cG3PNnpHYKCLaolVrO section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        gap: 29.78px
    }

    .oa8cG3PNnpHYKCLaolVrO section>iframe,
    .oa8cG3PNnpHYKCLaolVrO section>div {
        height: 484.439px
    }

    .oa8cG3PNnpHYKCLaolVrO section>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .oa8cG3PNnpHYKCLaolVrO iframe {
        width: 861.758px;
        border-radius: 35.441px;
        border: none;
        overflow: hidden
    }

    .oa8cG3PNnpHYKCLaolVrO .QCz2ydVmZhdFHfCNNaQfT {
        width: 528px;
        overflow: hidden
    }

    .oa8cG3PNnpHYKCLaolVrO .QCz2ydVmZhdFHfCNNaQfT ul {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .oa8cG3PNnpHYKCLaolVrO .QCz2ydVmZhdFHfCNNaQfT ul li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        height: 151px
    }

    .oa8cG3PNnpHYKCLaolVrO .QCz2ydVmZhdFHfCNNaQfT ul li img {
        width: 98%
    }

    .XNisDZ1AJQihr1DR7Y0Q ul {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -moz-column-gap: 8px;
        column-gap: 8px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li {
        position: relative;
        display: block;
        width: 157px;
        height: 358px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/02cc0ecc63d443259c981dd198932942.png) no-repeat 50%;
        border: 2px solid #cff3ff;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0px 6px 0px 0px #125c7e
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li ._32pTzTcd7z9BsChkxAe-0q {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .title {
        position: absolute;
        top: 12px;
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .title h2 {
        margin: 0;
        color: #337c9d;
        font-size: 21px;
        font-family: roboto;
        font-weight: 900
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .title img {
        width: 22px;
        height: 22px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .content {
        display: none;
        margin-top: 32px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .content>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .content p {
        width: 113px;
        height: 26.753px;
        margin: 0
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .content p span {
        padding: 4px;
        color: #1f6d70;
        font-size: 10.256px;
        font-weight: 500;
        text-align: center;
        background: linear-gradient(90deg, #cff3ff -2.65%, #fff 111.95%)
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .content button {
        width: 121px;
        height: 30.821px;
        padding: 0;
        font-size: 11.708px;
        font-weight: 500;
        text-transform: uppercase;
        background: linear-gradient(to bottom, #a5e3f9, #1981a6);
        border-radius: 17.908px;
        border: none
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .content button:hover {
        background: #ff955e
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol {
        position: absolute;
        top: 0;
        left: -30px;
        width: 200px;
        height: 300px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol img {
        width: 100%;
        height: 100%;
        margin-top: 58px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol.live {
        left: -24px;
        width: 186px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol.slot,
    .XNisDZ1AJQihr1DR7Y0Q ul li .idol.fish {
        left: -24px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol.board {
        left: -26px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol.lottery {
        left: -100px;
        width: 285px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li .idol.cock {
        left: -15px;
        width: 255px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active {
        width: 411px;
        padding: 16px;
        transition: width 1s;
        overflow: visible
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active .title {
        -ms-flex-pack: start;
        justify-content: start
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active .title img {
        display: none;
        transition: all 1s
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active .content {
        display: block
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active .idol {
        top: 11px;
        left: 44%;
        width: 200px;
        margin-bottom: 27px;
        margin-right: 15px
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active .idol img {
        margin-top: 0;
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        transition: all 1s
    }

    .XNisDZ1AJQihr1DR7Y0Q ul li.active .idol.lottery {
        width: 230px
    }

    .sSjuPS4iQOOTyi0FRHDlB {
        margin: 57px 0
    }

    ._2APLVdiTol5Ao8YIbWo2AS {
        margin: 0 0 40px !important;
        padding: 0 50px !important
    }

    ._2APLVdiTol5Ao8YIbWo2AS li {
        width: 158px !important;
        height: 33px;
        line-height: 33px;
        padding: 0 4px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #064054;
        border: 2px solid #337c9d;
        border-radius: 16px
    }

    ._2APLVdiTol5Ao8YIbWo2AS li:hover,
    ._2APLVdiTol5Ao8YIbWo2AS li.active {
        color: #337c90;
        background-color: #fff
    }

    ._2APLVdiTol5Ao8YIbWo2AS .slick-slide {
        text-align: center
    }

    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 28px;
        height: 35px;
        background: no-repeat center top;
        opacity: 0.6;
        z-index: 1
    }

    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow:before {
        content: none
    }

    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow:hover {
        opacity: 1
    }

    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow.slick-prev,
    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow._1AYfGCEn7-bzWASPhFgSp5 {
        left: 10px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/00f521e584564c60a135f3e25a83cb6a.png)
    }

    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow.slick-next,
    ._2APLVdiTol5Ao8YIbWo2AS .slick-arrow._3JCZ7QpxqYPifSi9Y8y3rx {
        right: 10px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/252016665eff4529bac4ab9fa6d20674.png)
    }

    ._3ppcwOkSyQWl-WAP_h_oej {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 32px
    }

    ._3ppcwOkSyQWl-WAP_h_oej li {
        display: block !important
    }

    ._3ppcwOkSyQWl-WAP_h_oej li figure {
        display: block;
        width: 160px;
        height: 160px;
        margin: 0 auto 10px
    }

    ._3ppcwOkSyQWl-WAP_h_oej li figure img {
        max-width: 100%;
        max-height: 100%
    }

    ._3ppcwOkSyQWl-WAP_h_oej ._3BWGcllC2hbMA9nLJl5G7Y {
        width: 210px;
        height: 33px;
        line-height: 33px;
        padding: 0;
        color: #fff;
        font-size: 20px;
        text-align: center;
        background: linear-gradient(to bottom, #a5e3f9, #1981a6);
        border-radius: 16px;
        border: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    ._3ppcwOkSyQWl-WAP_h_oej ._3BWGcllC2hbMA9nLJl5G7Y:hover {
        background: #ff955e
    }

    ._32RZPMC6RN8w5D_uvcwEmk {
        background: linear-gradient(0deg, #fff 16.25%, #cff3ff 56.87%, #fff 88.65%)
    }

    ._32RZPMC6RN8w5D_uvcwEmk section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left {
        width: 590px
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .title {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 73px;
        gap: 24px;
        color: #337c9d
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .title figure {
        width: 100.88px;
        height: 100.88px
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .title figure img {
        width: 100%;
        height: 100%
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .title h2 {
        margin: 0;
        font-family: roboto;
        font-size: 40.511px;
        font-weight: 900;
        text-transform: uppercase
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .title p {
        font-size: 30.738px;
        font-weight: 400
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .icons {
        display: -ms-flexbox;
        display: flex;
        width: 424px;
        height: 218.78px;
        margin-left: 60px;
        -moz-column-gap: 17px;
        column-gap: 17px
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .icons li {
        width: 203.1px;
        height: 209.38px
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .icons li a {
        display: block;
        height: 100%;
        text-align: center
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .icons li a img:first-child {
        width: 137.78px;
        height: 137.78px;
        margin-bottom: 11px
    }

    ._32RZPMC6RN8w5D_uvcwEmk .left .icons li a img:last-child {
        width: 203px;
        height: 61px
    }

    ._7k5oge2RnSaKBSLIpcYcR {
        margin-bottom: 60px
    }

    ._7k5oge2RnSaKBSLIpcYcR li+li {
        margin-left: 16px
    }

    ._7k5oge2RnSaKBSLIpcYcR li {
        position: relative;
        display: inline-block !important;
        vertical-align: top;
        width: 278px;
        height: 204px;
        text-align: center;
        background-position: center top;
        background-repeat: no-repeat
    }

    ._7k5oge2RnSaKBSLIpcYcR li:before {
        content: '';
        display: block;
        width: 100%;
        height: 174px
    }

    ._7k5oge2RnSaKBSLIpcYcR li ._3g9tZbhQXlWlZAo_sc1U6v {
        display: block;
        height: 30px;
        color: #fff;
        font-size: 14.559px;
        line-height: 30px;
        background: linear-gradient(to top, #357e9f, #6bb0c8)
    }

    ._7k5oge2RnSaKBSLIpcYcR li.JUsChE5KOE1_J_71ymv7p:before {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/deb5537ba67a64aa280ba1d54d558c3d.png)
    }

    ._7k5oge2RnSaKBSLIpcYcR li._2P-vaHZDmvirGdLtHl6iPM:before {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5ba88c851676a9f927255739c454540a.png)
    }

    ._7k5oge2RnSaKBSLIpcYcR li._2KuUmQILeFXSHU8b0GtqO5:before {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5ae1c5a438e7445b79c61575e850c29f.png)
    }

    ._7k5oge2RnSaKBSLIpcYcR li._2enxMMX6O1-wkuf-ecRGSa:before {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a6638e8dd51dd7edce290576667074b7.png)
    }

    ._7k5oge2RnSaKBSLIpcYcR li._2cGOHR59Vy4IDlaiUJfDBH:before {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fb6ca9797586d4adce91d21792eebeb5.jpg)
    }

    ._3jmQvQUSvXDrCuYmhBPe9G {
        width: 1420px;
        height: 2px;
        margin: 32px auto;
        background-color: #6ea9be
    }

    @-webkit-keyframes pQzfl2N0s_6y73Py3y4qq {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(359deg)
        }
    }

    @keyframes pQzfl2N0s_6y73Py3y4qq {
        from {
            transform: rotate(0deg)
        }

        to {
            transform: rotate(359deg)
        }
    }

 
    ._2ipLBKOU2fxaI0U1M5_tZ5 {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 h4 {
        font-size: 14px
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5>ul {
        list-style: none
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 p,
    ._2ipLBKOU2fxaI0U1M5_tZ5 li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 p {
        margin: 1em 0
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 p._1szs58c79lGMlXmLKbE7dZ {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 p._1szs58c79lGMlXmLKbE7dZ img {
        width: 33%
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 .SFnFHLCAOsJYnCMwWZpnS {
        color: #0a5d83;
        font-weight: bolder
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 table {
        width: 100%
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 table thead tr,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table thead th,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table thead td,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody tr,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody th,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody td,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot tr,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot th,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._2ipLBKOU2fxaI0U1M5_tZ5 table thead th,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tbody th,
    ._2ipLBKOU2fxaI0U1M5_tZ5 table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._1TnYRkaViwbLOpAV1skNGF {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._1TnYRkaViwbLOpAV1skNGF h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._1TnYRkaViwbLOpAV1skNGF h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._1TnYRkaViwbLOpAV1skNGF h4 {
        font-size: 14px
    }

    ._1TnYRkaViwbLOpAV1skNGF>ul {
        list-style: none
    }

    ._1TnYRkaViwbLOpAV1skNGF ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._1TnYRkaViwbLOpAV1skNGF p,
    ._1TnYRkaViwbLOpAV1skNGF li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._1TnYRkaViwbLOpAV1skNGF p {
        margin: 1em 0
    }

    ._1TnYRkaViwbLOpAV1skNGF p.F2Va9krd8My3ntbxl14Gs {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._1TnYRkaViwbLOpAV1skNGF p.F2Va9krd8My3ntbxl14Gs img {
        width: 33%
    }

    ._1TnYRkaViwbLOpAV1skNGF ._1GGZ54tpZFmU5Cex5IOEHa {
        color: #0a5d83;
        font-weight: bolder
    }

    ._1TnYRkaViwbLOpAV1skNGF table {
        width: 100%
    }

    ._1TnYRkaViwbLOpAV1skNGF table thead tr,
    ._1TnYRkaViwbLOpAV1skNGF table thead th,
    ._1TnYRkaViwbLOpAV1skNGF table thead td,
    ._1TnYRkaViwbLOpAV1skNGF table tbody tr,
    ._1TnYRkaViwbLOpAV1skNGF table tbody th,
    ._1TnYRkaViwbLOpAV1skNGF table tbody td,
    ._1TnYRkaViwbLOpAV1skNGF table tfoot tr,
    ._1TnYRkaViwbLOpAV1skNGF table tfoot th,
    ._1TnYRkaViwbLOpAV1skNGF table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._1TnYRkaViwbLOpAV1skNGF table thead th,
    ._1TnYRkaViwbLOpAV1skNGF table tbody th,
    ._1TnYRkaViwbLOpAV1skNGF table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }


    .QZORIY-_I7vtZOcv6TGBs {
        padding-top: 5rem
    }


    ._2FduAQr_AZpdk5PkLCEAP1 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e2f472deb5f6a6f42f6854224b9dfbf5.jpg)
    }

    ._3erZk5kF87SUXDUp2Hh8MU [ng-click] {
        cursor: pointer
    }

    ._3erZk5kF87SUXDUp2Hh8MU ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px;
        margin-bottom: 0;
        background: #6bb0c8;
        border-radius: 10px 10px 0 0
    }

    ._3erZk5kF87SUXDUp2Hh8MU ul li {
        width: 185px;
        height: 60px;
        margin: 5px 2.5px;
        background: linear-gradient(to bottom, #fff 0, #ededed 100%);
        border: 3px solid transparent;
        border-radius: 6px;
        box-sizing: border-box;
        transition: all 0.3s
    }

    ._3erZk5kF87SUXDUp2Hh8MU ul li.normal:hover,
    ._3erZk5kF87SUXDUp2Hh8MU ul li.active {
        border-color: #ff5f0c
    }

    ._3erZk5kF87SUXDUp2Hh8MU ul li.normal:hover h2,
    ._3erZk5kF87SUXDUp2Hh8MU ul li.active h2 {
        color: #ff5f0c
    }

    ._3erZk5kF87SUXDUp2Hh8MU figure {
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._3erZk5kF87SUXDUp2Hh8MU figure:before,
    ._3erZk5kF87SUXDUp2Hh8MU figure:after {
        content: '';
        display: block
    }

    ._3erZk5kF87SUXDUp2Hh8MU figure h2 {
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: bold
    }

    ._3erZk5kF87SUXDUp2Hh8MU iframe {
        width: 100%;
        min-height: 1200px;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-top: none
    }


    ._2r0ttZYQYmlP_w761PBJT6 {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0343702d7d8fdd7e31e0749e120b4b43.jpg) center center no-repeat;
        background-color: #090856;
        background-size: cover;
        height: 100vh;
        padding-top: 1rem;
        width: 100%
    }

    ._29q8SX7hU_aaBzxyvGqrDP {
        text-align: center
    }

    ._3S1KwnjzZCFZf5mZMki9oi {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b2fbee68764d73d1f9e9a3f045a144be.png) center center no-repeat;
        height: 526px;
        margin: 0 auto;
        width: 870px
    }

    ._3S1KwnjzZCFZf5mZMki9oi>div {
        bottom: 5%;
        left: 12%;
        width: 75%
    }

    ._2dfDsTIWhMTTAgcWsRb1ZW {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/82d8615b5395411f3f4fe8cd616a9876.png) center top no-repeat;
        cursor: pointer;
        height: 111px;
        margin: -15px auto 0;
        width: 291px
    }

    ._2dfDsTIWhMTTAgcWsRb1ZW:hover {
        background-position-y: bottom
    }


    ._19_PeyF_NqvFIS82KPWz6k {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3f6fdd30727900f079a9f064531e246e.jpg)
    }

    ._8XOzSmOOEZguY1YmMefoR {
        padding: 25px 0
    }

    ._1BIEU2VALeTfh2iEbzGBn- {
        box-sizing: border-box
    }

    ._2yJpM9P7UcyRmnpCUu4ixL {
        display: none;
        opacity: 0;
        transition-timing-function: linear;
        transition-property: opacity;
        transition-duration: 150ms
    }

    ._2yJpM9P7UcyRmnpCUu4ixL.active {
        display: block;
        opacity: 1
    }

    ._3qNRWowFJRGsfqtTp3AyQz {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._3qNRWowFJRGsfqtTp3AyQz img {
        max-width: 100%
    }

    ._3qNRWowFJRGsfqtTp3AyQz>div {
        width: 50%;
        color: #1f607d;
        font-size: 15px;
        line-height: 1.6
    }

    ._3qNRWowFJRGsfqtTp3AyQz>div p {
        margin-bottom: 16px;
        font-weight: 400;
        text-align: justify;
        word-wrap: break-word
    }

    ._3qNRWowFJRGsfqtTp3AyQz>div h4 {
        margin-bottom: 16px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.5
    }

    ._3qNRWowFJRGsfqtTp3AyQz>div h3 {
        padding: 8px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.6;
        background: linear-gradient(to right, #cff3ff, #fff)
    }

    ._3qNRWowFJRGsfqtTp3AyQz.AgLive p,
    ._3qNRWowFJRGsfqtTp3AyQz.SaLive p {
        font-size: 14px
    }

    ._3qNRWowFJRGsfqtTp3AyQz.BgLive p {
        font-size: 13px
    }

    ._3G3VcA6jo7o0807qKL6IxV {
        max-width: 110px;
        margin-bottom: 16px
    }

    ._3VOdZ-DrOMEaAduZidGSa0 {
        max-width: 420px;
        margin-bottom: 16px
    }

    .I56GALZlhxzx5ssVT_jpD {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .I56GALZlhxzx5ssVT_jpD button {
        width: 261px;
        height: 55px;
        margin-top: 16px;
        padding: 0;
        color: #357e9f;
        font-size: 25px;
        font-weight: 500;
        text-align: center;
        line-height: 55px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/13132f66af155d3a7519b232a2140cff.png) no-repeat center;
        border: none
    }

    ._2DD0Jwig5tgNkOBPtpcM_W {
        display: grid;
        gap: 0.75rem;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        max-width: 600px
    }

    ._2DD0Jwig5tgNkOBPtpcM_W li {
        width: 90px;
        height: 90px;
        background: no-repeat center top;
        -ms-transform: scale(0.83);
        transform: scale(0.83);
        cursor: pointer
    }

    ._2DD0Jwig5tgNkOBPtpcM_W li.active {
        background-position: center bottom
    }


    ._1zPOliedyFi-kvGA3Bv5md {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6f7d5d7d94eacce6be222a4e07b83e71.jpg)
    }

    ._3ZCun1s2kCc-R14d73dBdN {
        padding: 25px 0
    }

    ._SO-2Z7RXvfRNhyFtEzpo {
        box-sizing: border-box
    }

    ._2wBe3s44D8kZn5mKoGZOvk {
        display: none;
        opacity: 0;
        transition-timing-function: linear;
        transition-property: opacity;
        transition-duration: 150ms
    }

    ._2wBe3s44D8kZn5mKoGZOvk.active {
        display: block;
        opacity: 1
    }

    ._1GKs8DFItOpQ3VDVPlxq7l {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._1GKs8DFItOpQ3VDVPlxq7l img {
        max-width: 100%
    }

    ._1GKs8DFItOpQ3VDVPlxq7l>div {
        width: 50%;
        color: #1f607d;
        font-size: 17px;
        line-height: 1.6
    }

    ._1GKs8DFItOpQ3VDVPlxq7l>div p {
        margin-bottom: 16px;
        font-weight: 400;
        text-align: justify
    }

    ._1GKs8DFItOpQ3VDVPlxq7l>div h4 {
        margin-bottom: 16px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.5
    }

    ._1GKs8DFItOpQ3VDVPlxq7l>div h3 {
        padding: 8px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.6;
        background: linear-gradient(to right, #cff3ff, #fff)
    }

    ._35ZpKOe0zVkJlIOw-lozo2 {
        max-width: 110px;
        margin-bottom: 16px
    }

    .ufsRW4qMMEgBvDkvGC4-B {
        max-width: 420px;
        margin-bottom: 16px
    }

    ._1eLYkdyngugE9wOedbtFTM {
        position: absolute;
        right: 0;
        bottom: 0
    }

    ._1eLYkdyngugE9wOedbtFTM button {
        width: 261px;
        height: 55px;
        margin-top: 16px;
        padding: 0;
        color: #357e9f;
        font-size: 25px;
        font-weight: 500;
        text-align: center;
        line-height: 55px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/13132f66af155d3a7519b232a2140cff.png) no-repeat center;
        border: none
    }

    ._3mJOYcGk1BxEvdXwJYsDHp {
        display: grid;
        gap: 0.75rem;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        max-width: 600px
    }

    ._3mJOYcGk1BxEvdXwJYsDHp li {
        width: 90px;
        height: 90px;
        background: no-repeat center top;
        -ms-transform: scale(0.83);
        transform: scale(0.83);
        cursor: pointer
    }

    ._3mJOYcGk1BxEvdXwJYsDHp li.active {
        background-position: center bottom
    }

    .RcO670FZ_z31zqi7H7vuc [ng-click] {
        cursor: pointer
    }

    .RcO670FZ_z31zqi7H7vuc ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px;
        margin-bottom: 0;
        background: #6bb0c8;
        border-radius: 10px 10px 0 0
    }

    .RcO670FZ_z31zqi7H7vuc ul li {
        width: 185px;
        height: 60px;
        margin: 5px 2.5px;
        background: linear-gradient(to bottom, #fff 0, #ededed 100%);
        border: 3px solid transparent;
        border-radius: 6px;
        box-sizing: border-box;
        transition: all 0.3s
    }

    .RcO670FZ_z31zqi7H7vuc ul li.normal:hover,
    .RcO670FZ_z31zqi7H7vuc ul li.active {
        border-color: #ff5f0c
    }

    .RcO670FZ_z31zqi7H7vuc ul li.normal:hover h2,
    .RcO670FZ_z31zqi7H7vuc ul li.active h2 {
        color: #ff5f0c
    }

    .RcO670FZ_z31zqi7H7vuc figure {
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .RcO670FZ_z31zqi7H7vuc figure:before,
    .RcO670FZ_z31zqi7H7vuc figure:after {
        content: '';
        display: block
    }

    .RcO670FZ_z31zqi7H7vuc figure h2 {
        margin: 0;
        color: #000;
        font-size: 14px;
        font-weight: bold
    }

    .RcO670FZ_z31zqi7H7vuc iframe {
        width: 100%;
        min-height: 1200px;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-top: none
    }


    ._1ekITCQs4kGRc00l4UCeip [ng-click] {
        cursor: pointer
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 36px;
        height: 75px;
        background: no-repeat center top;
        cursor: pointer;
        -ms-transform: none;
        transform: none
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow:before {
        content: none
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow:hover {
        background-position-y: bottom
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow.slick-prev,
    ._1ekITCQs4kGRc00l4UCeip .slick-arrow.brHpmGkWFPafoAvswWG95 {
        left: -36px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/56407815d16f77adcd14adf924cb78b7.jpg)
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow.slick-next,
    ._1ekITCQs4kGRc00l4UCeip .slick-arrow.ZIYhj5WGQ407NouDixeWY {
        right: -36px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/980600ea9fd4fbca029810dcaa10b637.jpg)
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow.brHpmGkWFPafoAvswWG95 {
        left: 0
    }

    ._1ekITCQs4kGRc00l4UCeip .slick-arrow.ZIYhj5WGQ407NouDixeWY {
        right: 0
    }

    ._1ekITCQs4kGRc00l4UCeip iframe {
        width: 100%;
        min-height: 1200px;
        background: #fff;
        border: none
    }

    ._1hyZ96qOzlNDbk8QFihWnx {
        position: relative;
        height: 75px;
        overflow: hidden
    }

    ._5xdSdVv3FGDQGusw3iY-a {
        margin: 0 36px
    }

    ._5xdSdVv3FGDQGusw3iY-a li {
        display: inline-block;
        vertical-align: top;
        width: 116px !important;
        height: 75px;
        padding-top: 5px;
        color: #fff;
        font-size: 17px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2c1bac8bc6d98f1e106449f3192841af.jpg) no-repeat center top
    }

    ._5xdSdVv3FGDQGusw3iY-a li:hover,
    ._5xdSdVv3FGDQGusw3iY-a li.active {
        background-position: center bottom
    }

    ._5xdSdVv3FGDQGusw3iY-a li img {
        display: inline-block
    }

    ._5xdSdVv3FGDQGusw3iY-a li h5 {
        margin: 8px 0
    }

    ._2tPPVfN1JpbSvHFUKWAl0E {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2ed2ddf6d0f4b34f25509de0dc49e8d0.jpg)
    }

    ._3cEFVy_x45V8eKXgVyCZO4 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9c3d2637936956160eb3184d513a8d06.jpg)
    }

    ._3Jf0qivwg6USf6U5FSOLmh {
        padding: 25px 0
    }

    ._3G9zSgXixiSDjAeYx2uDIm {
        box-sizing: border-box
    }

    ._34vVX1Y5LO0LjK44Cvxi7b {
        display: none;
        opacity: 0;
        transition-timing-function: linear;
        transition-property: opacity;
        transition-duration: 150ms
    }

    ._34vVX1Y5LO0LjK44Cvxi7b.active {
        display: block;
        opacity: 1
    }

    .P_jx2VIUEPZNerpa3N_bN {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .P_jx2VIUEPZNerpa3N_bN img {
        max-width: 100%
    }

    .P_jx2VIUEPZNerpa3N_bN>div {
        width: 50%;
        color: #1f607d;
        font-size: 15px;
        line-height: 1.6
    }

    .P_jx2VIUEPZNerpa3N_bN>div p {
        margin-bottom: 16px;
        font-weight: 400;
        text-align: justify
    }

    .P_jx2VIUEPZNerpa3N_bN>div h4 {
        margin-bottom: 16px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.5
    }

    .P_jx2VIUEPZNerpa3N_bN>div h3 {
        padding: 8px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.6;
        background: linear-gradient(to right, #cff3ff, #fff)
    }

    ._2yuL-DDTxc2OEz7dHhAWN_ {
        max-width: 110px;
        margin-bottom: 16px
    }

    ._29QzXdgPWE7gQ-aETN1N3T {
        max-width: 420px;
        margin-bottom: 16px
    }

    ._1iZvo4gZuhw-5WA5lHZ6Mx {
        position: absolute;
        right: 0;
        bottom: 0
    }

    ._1iZvo4gZuhw-5WA5lHZ6Mx button {
        width: 261px;
        height: 55px;
        margin-top: 16px;
        padding: 0;
        color: #357e9f;
        font-size: 25px;
        font-weight: 500;
        text-align: center;
        line-height: 55px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/13132f66af155d3a7519b232a2140cff.png) no-repeat center;
        border: none
    }

    .sQpvrcvmGj828N9Fbik97 {
        display: grid;
        gap: 0.75rem;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        max-width: 600px
    }

    .sQpvrcvmGj828N9Fbik97 li {
        width: 90px;
        height: 90px;
        background: no-repeat center top;
        -ms-transform: scale(0.83);
        transform: scale(0.83);
        cursor: pointer
    }

    .sQpvrcvmGj828N9Fbik97 li.active {
        background-position: center bottom
    }

    ._93MovtcO9aaTkLGm28_yy {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/54e66b9210645d1e4e5561354537ee43.jpg)
    }

    ._3gYc2Hcob-hIqkYX-hTuYV [ng-click] {
        cursor: pointer
    }

    ._3gYc2Hcob-hIqkYX-hTuYV section {
        position: relative;
        border-radius: 10px 10px 0 0;
        background: #6bb0c8
    }

    ._3gYc2Hcob-hIqkYX-hTuYV ul {
        display: -ms-flexbox;
        display: flex;
        height: 100px;
        padding: 0 50px;
        margin: 0
    }

    ._3gYc2Hcob-hIqkYX-hTuYV ul li {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 86px;
        height: 100px;
        margin: 0 15px;
        padding-top: 10px
    }

    ._3gYc2Hcob-hIqkYX-hTuYV ul li p {
        font-size: 12px;
        color: #fff;
        padding-top: 5px
    }

    ._3gYc2Hcob-hIqkYX-hTuYV ul li:hover p,
    ._3gYc2Hcob-hIqkYX-hTuYV ul li.active p {
        color: #ff0
    }

    ._3gYc2Hcob-hIqkYX-hTuYV ul li:hover::before,
    ._3gYc2Hcob-hIqkYX-hTuYV ul li.active::before {
        content: '';
        position: absolute;
        width: 86px;
        height: 14px;
        bottom: 2px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/bea4e070ab11e23a7c1370c1500bba8d.png) no-repeat
    }

    ._3gYc2Hcob-hIqkYX-hTuYV iframe {
        width: 100%;
        min-height: 1200px;
        background: #fff;
        border: none
    }

    ._1xxpGc73R8WX4SlforcKGN {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ef2e68b8713ae6f96176e81068299cb3.jpg)
    }

    ._3a_tca7eBWdwvgj0a_G9LF {
        padding: 25px 0
    }

    ._1KYuQRsSeUJA9WTeh0RDsa {
        box-sizing: border-box
    }

    ._3UYVESZovzVbJcr0zKCuA2 {
        display: none;
        opacity: 0;
        transition-timing-function: linear;
        transition-property: opacity;
        transition-duration: 150ms
    }

    ._3UYVESZovzVbJcr0zKCuA2.active {
        display: block;
        opacity: 1
    }

    ._29--brKq9jG2XkBrzvpXvn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._29--brKq9jG2XkBrzvpXvn img {
        max-width: 100%
    }

    ._29--brKq9jG2XkBrzvpXvn>div {
        width: 50%;
        color: #1f607d;
        font-size: 17px;
        line-height: 1.6
    }

    ._29--brKq9jG2XkBrzvpXvn>div p {
        margin-bottom: 16px;
        font-weight: 400;
        text-align: justify;
        word-wrap: break-word
    }

    ._29--brKq9jG2XkBrzvpXvn>div h4 {
        margin-bottom: 16px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.5
    }

    ._29--brKq9jG2XkBrzvpXvn>div h3 {
        padding: 8px;
        font-size: 15px;
        font-weight: 800;
        font-style: italic;
        line-height: 1.6;
        background: linear-gradient(to right, #cff3ff, #fff)
    }

    ._2uS11vT7p2EFdWepaoOKE8 {
        max-width: 110px;
        margin-bottom: 16px
    }

    ._39q-peGpxeyHS5_RPswqvS {
        max-width: 420px;
        margin-bottom: 16px
    }

    ._2cCe_Y-BvjihJoI8XWBu6o {
        position: absolute;
        right: 0;
        bottom: 0
    }

    ._2cCe_Y-BvjihJoI8XWBu6o button {
        width: 261px;
        height: 55px;
        margin-top: 16px;
        padding: 0;
        color: #357e9f;
        font-size: 25px;
        font-weight: 500;
        text-align: center;
        line-height: 55px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/13132f66af155d3a7519b232a2140cff.png) no-repeat center;
        border: none
    }

    .pfgYxcOaw6INPyxlPt6P0 {
        display: grid;
        gap: 0.75rem;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        max-width: 600px
    }

    .pfgYxcOaw6INPyxlPt6P0 li {
        width: 90px;
        height: 90px;
        background: no-repeat center top;
        -ms-transform: scale(0.83);
        transform: scale(0.83);
        cursor: pointer
    }

    .pfgYxcOaw6INPyxlPt6P0 li.active {
        background-position: center bottom
    }

    ._3smuzvJP75PkzqLcFXj_pi {
        display: block;
        width: 100vw;
        height: 100vh;
        border: none;
        background: #fff
    }

    ._5x-hbDvCmuANgO4rsrtAM {
        position: fixed;
        top: -345px;
        left: 0;
        right: 0;
        border-bottom: 1px solid #e7c654;
        transition: top 0.2s
    }

    ._5x-hbDvCmuANgO4rsrtAM.visible {
        top: 0
    }

    ._1bUQ_oWgRtnD9AwTNQtFFZ {
        position: absolute;
        width: 126px;
        height: 26px;
        bottom: -26px;
        left: 50%;
        margin-left: -48px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/768003039c552c20abb58278e832cc2d.png) no-repeat center
    }

    ._12Aj4fpT0bEx6yPE7rtC9w {
        padding-bottom: 20px;
        background: rgba(0, 0, 0, 0.85);
        border-bottom: 1px solid #2f180c
    }

    ._12Aj4fpT0bEx6yPE7rtC9w p {
        margin-bottom: 10rem
    }

    ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ae090cde6f762155359e31bc3ca4d34d.png) no-repeat
    }

    ._1c8L3lShT4Xd7LE-XcgJZ3 {
        height: 75px;
        text-align: center
    }

    ._1c8L3lShT4Xd7LE-XcgJZ3::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    ._1c8L3lShT4Xd7LE-XcgJZ3 img {
        display: inline-block;
        max-height: 60px;
        vertical-align: middle
    }

    ._3CLlfymQW_2p24nqtyN9OZ {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 984px;
        height: 42px;
        margin: 0 auto;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/42e2d3cfce4ce2291118a27431d26434.png) no-repeat
    }

    ._3CLlfymQW_2p24nqtyN9OZ ul {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    ._3CLlfymQW_2p24nqtyN9OZ ul li {
        position: relative;
        display: -ms-flexbox !important;
        display: flex !important;
        height: 42px;
        padding: 0 14px;
        color: #5b2b11;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        cursor: pointer
    }

    ._3CLlfymQW_2p24nqtyN9OZ ul li ._3fnTVNyyA3i0uGWpeDR1rF {
        display: inline-block;
        vertical-align: middle;
        width: 28px;
        height: 24px;
        margin-right: 4px;
        background-position: center top
    }

    ._3CLlfymQW_2p24nqtyN9OZ ul li.active {
        color: #ed1515;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f0bceb98d236bbf8e0aaa063207218e9.png) no-repeat center bottom
    }

    ._3CLlfymQW_2p24nqtyN9OZ ul li.active ._3fnTVNyyA3i0uGWpeDR1rF {
        background-position: center bottom
    }

    ._3CLlfymQW_2p24nqtyN9OZ .slick-prev {
        left: 50px
    }

    ._3CLlfymQW_2p24nqtyN9OZ .slick-next {
        right: 50px
    }

    ._1DD3Ch3b4L5_uBLAmqLoTY {
        position: relative;
        width: 815px;
        height: 100%;
        overflow: scroll
    }

    ._1DD3Ch3b4L5_uBLAmqLoTY::-webkit-scrollbar {
        display: none
    }

    ._1hM8m9Wb3y5c3BtGLeiRMI {
        position: absolute;
        right: -1px;
        top: 0;
        bottom: 0;
        width: 3px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/39bdad8ab8a6810e8d908009231fb51c.png) no-repeat center
    }

    .m8jMv9pf66ugPHqoGYuEb {
        height: 207px;
        text-align: center;
        overflow-y: scroll
    }

    .F40lBX36wZnW7osaYYXh8 {
        display: inline-block;
        width: 928px;
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid #78550a;
        border-left: 1px solid #78550a
    }

    .F40lBX36wZnW7osaYYXh8 li {
        position: relative;
        float: left;
        width: 103px;
        height: 103px;
        border-right: 1px solid #78550a;
        background: #000;
        border-bottom: 1px solid #78550a;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        text-align: center
    }

    .F40lBX36wZnW7osaYYXh8 li .tA713YsePo8lwgR47IkRM {
        position: absolute;
        top: 2px;
        left: 2px;
        width: 98px;
        height: 98px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7b292796304496d54bd64d24497df2e1.png) no-repeat center top
    }

    .F40lBX36wZnW7osaYYXh8 li i {
        position: absolute;
        top: 1px;
        left: 1px;
        z-index: 1;
        display: inline-block;
        width: 28px;
        height: 28px
    }

    .F40lBX36wZnW7osaYYXh8 li i.hot {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3cd25c8cfc4d49cb9d99fb6ac5c2ead2.png) no-repeat;
        background-size: contain
    }

    .F40lBX36wZnW7osaYYXh8 li i.new {
        top: 50px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c20c54b292d2a1b61cac3532cb512f5d.png) no-repeat;
        background-size: contain
    }

    .F40lBX36wZnW7osaYYXh8 li i.event {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d6708efb67a481d1546f992c0f5a8b7f.png) no-repeat;
        background-size: contain;
        left: auto;
        right: 1px
    }

    .F40lBX36wZnW7osaYYXh8 li figure {
        position: relative
    }

    .F40lBX36wZnW7osaYYXh8 li figure img {
        height: 80px;
        width: 80px
    }

    .F40lBX36wZnW7osaYYXh8 li figure figcaption {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .F40lBX36wZnW7osaYYXh8 li:hover .tA713YsePo8lwgR47IkRM {
        background-position: center bottom
    }

    .zh-cn ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/35458a66e2d62f6864fb7c7063c5386c.png) no-repeat center
    }

    .zh-cn ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d43cf00404e8a9d159ba9947072c773f.png) no-repeat
    }

    .zh-tw ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/35458a66e2d62f6864fb7c7063c5386c.png) no-repeat center
    }

    .zh-tw ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d43cf00404e8a9d159ba9947072c773f.png) no-repeat
    }

    .vi ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/780ef1edb1dadea82b19f62dbbad5eaf.png) no-repeat center
    }

    .vi ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/01b6bd932643a853eb7ade3fb952acdd.png) no-repeat
    }

    .th ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d7ae1ce061eb0d1f5d30e7a097929a2c.png) no-repeat center
    }

    .th ._12Aj4fpT0bEx6yPE7rtC9w ._1bUQ_oWgRtnD9AwTNQtFFZ {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9c15f6c86ca05bb53bc1ee4aa35e4f2d.png) no-repeat
    }

    .XJrEfp0mLOaEoKJutRZuX {
        height: 100vh;
        padding: 80px;
        font-size: 12px;
        color: #fff;
        background-color: #1a5c79
    }

    ._2A8EgScLZlkC-56pD2P33f {
        width: 734px;
        min-height: 322px;
        margin: 0 auto;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/25781ab96d9a22ece57bfd5597225306.png) repeat center top;
        display: -ms-flexbox;
        display: flex
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 392px;
        flex-basis: 392px;
        padding: 20px
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW .xJ4ovoQFM5zQ_vJ_mlgPi h3 {
        margin-top: 0.5rem;
        color: #fff;
        font-size: 36px
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW .xJ4ovoQFM5zQ_vJ_mlgPi p {
        color: #fff;
        margin-top: 0.5em
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW form {
        position: relative;
        padding: 5px 20px
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW form input {
        display: block;
        width: 298px;
        height: 35px;
        margin-bottom: 12px;
        padding-left: 50px;
        color: #292929;
        line-height: 35px;
        border: none;
        background-position: center center
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW form input::-moz-placeholder {
        color: inherit
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW form input:-ms-input-placeholder {
        color: inherit
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW form input::-ms-input-placeholder {
        color: inherit
    }

    ._3RCL1zFlqn4Xo0Afkz-ZVW form input::placeholder {
        color: inherit
    }

    ._3vvYzHTjkIhfjkQpALI01h {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1c79a7273764a4496252b3920db49e6f.png) no-repeat center center
    }

    .-tl9eqWWQsZW6KtMC1Bk8 {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4db8021eea90e1259933c4950f712f06.png) no-repeat center center
    }

    .Q5CLRJho86-wnOIhyusau {
        position: relative
    }

    .lqp_rzRe_GdSOdascF4sh {
        position: relative;
        width: 167px
    }

    .lqp_rzRe_GdSOdascF4sh gupw-captcha-login-box input {
        width: 167px;
        height: 33px;
        padding-left: 10px;
        background-color: transparent;
        border: 1px solid #000
    }

    .lqp_rzRe_GdSOdascF4sh gupw-captcha-login-box img {
        height: 29px
    }

    ._1NfETq7MtQ1dDm0zCqFUgb {
        width: 85px;
        height: 35px;
        margin-right: 20px;
        color: #fff;
        line-height: 31px;
        vertical-align: baseline;
        background: #262626;
        border: none;
        white-space: nowrap
    }

    ._1NfETq7MtQ1dDm0zCqFUgb:hover {
        background: #3b3b3b
    }

    .NsPqDKBxQMLK6xdmyn4Va {
        color: #a1a1a1;
        background-color: transparent;
        border: none
    }

    .NsPqDKBxQMLK6xdmyn4Va:hover {
        color: #fff
    }

    ._1_-o9sLSLziO5LEzc3bnAJ {
        position: absolute;
        top: 98%;
        right: 42%;
        z-index: 1;
        padding: 2px 5px;
        font-size: 12px;
        color: #fff;
        background-color: #f21c52
    }

    ._1_-o9sLSLziO5LEzc3bnAJ.ng-hide-add {
        -webkit-animation: fadeOut 1s;
        animation: fadeOut 1s
    }

    ._1_-o9sLSLziO5LEzc3bnAJ.ng-hide-remove {
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s
    }

    ._1_-o9sLSLziO5LEzc3bnAJ button {
        padding: 0;
        border: 0;
        font-size: 12px;
        color: #fff
    }

    ._1_-o9sLSLziO5LEzc3bnAJ button:hover {
        color: #fff
    }

    ._1H-1lsDTk2ALJm-s-ja6V1 {
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding-top: 80px;
        text-align: center
    }

    ._1H-1lsDTk2ALJm-s-ja6V1 ._1AHECR2Icj_MJTHtVy_erM {
        width: 341px;
        height: 70px
    }

    ._1H-1lsDTk2ALJm-s-ja6V1 ._1AHECR2Icj_MJTHtVy_erM img {
        height: 100%;
        max-width: 90%
    }

    ._1H-1lsDTk2ALJm-s-ja6V1 ._1XfNa97Tfjx9kjVzUsEuz9 {
        margin: 15px auto 30px;
        color: #fff
    }

    ._1H-1lsDTk2ALJm-s-ja6V1 button {
        color: #a1a1a1;
        min-width: 123px;
        height: 34px;
        padding: 0 10px;
        background-color: transparent;
        line-height: 30px;
        border: 1px solid #a1a1a1
    }

    ._1H-1lsDTk2ALJm-s-ja6V1 button:hover {
        color: #fff;
        border: 1px solid #fff
    }

    ._3aj1PjXWPtmqgqd3uzb229 {
        width: 100vw;
        height: 100vh;
        background: #000 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7b00a67b7d9d830080e332df25201584.gif) no-repeat center
    }

    ._3v7jcpyY8Fa9uN6AGp5UhB {
        width: 100vw;
        height: 100vh;
        background: #000 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/47ba4b4ec1e1ad068f35821713534189.png) no-repeat 95% 95%
    }

    .nY3ZYBcW6i05t8BvnAiBb {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 80px;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .nY3ZYBcW6i05t8BvnAiBb .ldBar-label {
        display: none
    }

    .RfKp7cUu02dULhHHv6UjU {
        width: 100vw;
        height: 100vh;
        background: #fff url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/50356b498d44c41cbd3225112e9510bc.gif) no-repeat center
    }

    ._2aVl2g6vaD79Tzqr9DMoAB {
        width: 100vw;
        height: 100vh;
        background: #fff url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/50356b498d44c41cbd3225112e9510bc.gif) no-repeat center
    }

    ._24NQNoS5cI6hUN8EYj0bFF {
        display: none
    }

    ._3uECjG99DmUJvEPcGpoji1 {
        width: 100vw;
        height: 100vh;
        background: #efefef url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/95c15e92c8daa0a044ba97f1a6b54290.gif) no-repeat center
    }

    ._2G6aZ3T2FPwC8Laxheyaut {
        font-family: Arial, "Microsoft YaHei";
        background: #8d28de url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ff9d6a335f6693cecc8c377c5644ba02.jpg) no-repeat center top;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4e00', endColorstr='#ff880a', GradientType=0);
        overflow-y: scroll
    }

    ._2G6aZ3T2FPwC8Laxheyaut::-webkit-scrollbar {
        width: 12px;
        background: #361161
    }

    ._2G6aZ3T2FPwC8Laxheyaut::-webkit-scrollbar-thumb {
        background: #458af1
    }

    .qSbBojJ0010Qmp14Lb4GZ {
        position: absolute;
        top: 0;
        right: 0;
        width: 135px;
        height: 135px;
        color: #333;
        font-weight: bold;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e3617aea54d8d56493ed4c339976e413.png) no-repeat right top
    }

    ._16rWSIYXSx67-TgSxuHx6I {
        display: block;
        position: absolute;
        top: 30px;
        right: 30px;
        width: 135px;
        height: 135px;
        text-align: center;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    ._2rBFNKIrpUIEK0StsFjxFV {
        width: 876px;
        margin: 0 auto
    }

    ._2PYir3_UjCUT2IO0e0AIUD {
        margin: 20px 0 10px;
        padding-left: 45px;
        font-size: 20px;
        line-height: 31px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/288d85f92dab7a8056a6c25c105a76a2.png) no-repeat center left;
        color: #fff;
        text-shadow: 2px 2px 0px rgba(7, 6, 6, 0.3)
    }

    ._2PYir3_UjCUT2IO0e0AIUD:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        height: 31px;
        -webkit-filter: drop-shadow(2px 2px 0px rgba(7, 6, 6, 0.3));
        filter: drop-shadow(2px 2px 0px rgba(7, 6, 6, 0.3))
    }

    ._2ilY-vh2swOPZQzTgnuSCU {
        margin: 0 0 10px;
        padding: 5px 0 10px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/81b1c4377c903f96fbcc7151d535ebf7.png) no-repeat center center;
        color: #fff;
        font-family: "Microsoft Yahei";
        font-size: 44px;
        text-align: center;
        text-shadow: 1px 1px 1px #000
    }

    ._2ilY-vh2swOPZQzTgnuSCU:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        height: 31px;
        -webkit-filter: drop-shadow(2px 2px 0px rgba(7, 6, 6, 0.3));
        filter: drop-shadow(2px 2px 0px rgba(7, 6, 6, 0.3))
    }

    ._2ilY-vh2swOPZQzTgnuSCU span {
        margin-top: 0;
        color: white;
        font-size: 32px;
        font-weight: bold;
        text-shadow: 4px 4px 0px rgba(7, 6, 6, 0.3), -1px -1px 0px #fff4c3
    }

    ._1aRNCMblBU6hiw8yPFOYMS {
        display: -ms-flexbox;
        display: flex;
        height: 586px
    }

    ._1aRNCMblBU6hiw8yPFOYMS>div {
        width: 33.33%
    }

    ._1aRNCMblBU6hiw8yPFOYMS>div:first-child {
        width: 66.66%
    }

    ._1TYJARE6i8_0LdSsCYw6Sm {
        float: right;
        width: 285px;
        margin: 25px 0px 20px 0px;
        padding: 15px 15px 10px 10px;
        text-align: center;
        border-radius: 15px;
        background: linear-gradient(100deg, #7012bc 50%, #7c15ce 50%)
    }

    ._1TYJARE6i8_0LdSsCYw6Sm>p {
        margin: 0;
        color: #fff
    }

    ._1TYJARE6i8_0LdSsCYw6Sm>p button {
        vertical-align: baseline;
        padding: 0;
        color: yellow
    }

    ._1TYJARE6i8_0LdSsCYw6Sm>p button:hover {
        color: yellow
    }

    ._3oxjPCWo2at29aSbzx8INm {
        float: right;
        width: 290px;
        padding: 10px 20px;
        color: #fff;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0c7b9ed6d97917ff4705130291f3cefc.png) no-repeat right top;
        border-radius: 15px
    }

    ._3oxjPCWo2at29aSbzx8INm .KOIjUg9BIi_DneHEgPjks {
        margin: 5px auto 10px;
        text-align: left;
        font-size: 23px;
        font-weight: bold;
        color: #ffffff;
        font-family: "Arial Black", Gadget, sans-serif;
        text-shadow: 0px 0px 0 gray, -1px 1px 0 #000, -2px 2px 0 #000, -3px 3px 2px #270359, -3px 3px 1px rgba(39, 3, 89, 0.5), 0px 0px 2px rgba(39, 3, 89, 0.2)
    }

    ._3oxjPCWo2at29aSbzx8INm p {
        margin: 0 0 10px;
        height: 300px;
        padding: 0px 10px;
        color: #fff;
        text-align: left;
        white-space: pre-wrap;
        overflow-y: scroll
    }

    ._3oxjPCWo2at29aSbzx8INm p::-webkit-scrollbar {
        width: 3px;
        background: #361161
    }

    ._3oxjPCWo2at29aSbzx8INm p::-webkit-scrollbar-thumb {
        background: #fff
    }

    .Yki8qw1qVJZGKv9LsiZIg {
        width: 867px;
        height: 392px;
        margin: 30px auto;
        padding: 32px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/4502490960cc9f89d566262a5ae11fb0.png) no-repeat center top;
        background-size: 100% 100%;
        border-radius: 20px
    }

    .Yki8qw1qVJZGKv9LsiZIg section {
        padding: 0
    }

    .Yki8qw1qVJZGKv9LsiZIg ul {
        margin: 0;
        padding: 0;
        font-size: 0;
        list-style-type: none;
        overflow-y: scroll
    }

    .Yki8qw1qVJZGKv9LsiZIg ul::-webkit-scrollbar {
        width: 3px;
        background: #361161
    }

    .Yki8qw1qVJZGKv9LsiZIg ul::-webkit-scrollbar-thumb {
        background: #fff
    }

    .Yki8qw1qVJZGKv9LsiZIg ul li {
        font-size: 14px
    }

    .Yki8qw1qVJZGKv9LsiZIg ._2zp04_wBFpFztCbHdkgArn {
        margin: 0 auto;
        text-align: left;
        font-size: 21px;
        font-weight: bold;
        color: #ffffff;
        font-family: "Arial Black", Gadget, sans-serif;
        text-shadow: 0px 0px 0 gray, -1px 1px 0 #000, -2px 2px 0 #000, -3px 3px 2px #270359, -3px 3px 1px rgba(39, 3, 89, 0.5), 0px 0px 2px rgba(39, 3, 89, 0.2)
    }

    .Yki8qw1qVJZGKv9LsiZIg .CCdqSwH0o86w96SbuQTlV {
        height: 200px;
        padding: 15px 15px 15px 30px
    }

    .Yki8qw1qVJZGKv9LsiZIg .CCdqSwH0o86w96SbuQTlV li {
        line-height: 30px
    }

    .Yki8qw1qVJZGKv9LsiZIg .CCdqSwH0o86w96SbuQTlV li :first-child {
        color: #ff0
    }

    .Yki8qw1qVJZGKv9LsiZIg .CCdqSwH0o86w96SbuQTlV li :last-child {
        color: #fff
    }

    .Yki8qw1qVJZGKv9LsiZIg .wi77MODW_RqzcdyQhR9d6 {
        width: 346px;
        margin-left: 41px
    }

    .Yki8qw1qVJZGKv9LsiZIg ._3rURbWic2tLeSH5mebSoy {
        border-bottom: 1px solid #fff
    }

    .Yki8qw1qVJZGKv9LsiZIg ._3rURbWic2tLeSH5mebSoy li {
        display: inline-block;
        width: 33.33%;
        padding: 5px 0px;
        color: #ff0
    }

    .Yki8qw1qVJZGKv9LsiZIg .LpmbDeH5gyZJ5Bzr0l-c7 {
        height: 187px
    }

    .Yki8qw1qVJZGKv9LsiZIg .LpmbDeH5gyZJ5Bzr0l-c7 li {
        border-bottom: 1px solid #fff;
        padding: 5px 0px;
        font-size: 0
    }

    .Yki8qw1qVJZGKv9LsiZIg .LpmbDeH5gyZJ5Bzr0l-c7 li>span {
        display: inline-block;
        width: 33.33%;
        color: #fff;
        font-size: 14px
    }

    .pplnVDMZgii_p2BtoprYS {
        background-size: cover;
        width: 100%;
        height: 100%;
        position: relative
    }

    .pplnVDMZgii_p2BtoprYS.area-6 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/7ce6b1219cfe35a0f5aaf3db2229a91c.png)
    }

    .pplnVDMZgii_p2BtoprYS.area-8 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3c03076723ad23fe57f6c743f8524ee8.png)
    }

    .pplnVDMZgii_p2BtoprYS.area-10 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/905b95d86a63f5e852439a8805ddeb2e.png)
    }

    .pplnVDMZgii_p2BtoprYS.area-10 ._3cru40KI5UaWKBOdDJkOen span {
        font-size: 18px
    }

    .pplnVDMZgii_p2BtoprYS.area-12 {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/229da4801deb28dc479b67bf7c3a8d1c.png)
    }

    .pplnVDMZgii_p2BtoprYS.area-12 ._3cru40KI5UaWKBOdDJkOen span {
        font-size: 16px
    }

    ._3sar55TOQjZwBTruKPAIWW {
        position: absolute
    }

    ._39mEWxbdDn6U4NCL5WRoiq {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fcee04;
        font-size: 20px;
        font-weight: bold;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5)
    }

    ._3cru40KI5UaWKBOdDJkOen {
        padding: 3px;
        position: absolute
    }

    ._3cru40KI5UaWKBOdDJkOen img {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    ._3cru40KI5UaWKBOdDJkOen span {
        font-size: 20px;
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #000;
        text-align: center;
        word-wrap: break-word;
        word-break: normal;
        overflow: hidden
    }


    ._1Ek2FnKcWpLHen35aWqI7v {
        position: relative
    }

    ._1Ek2FnKcWpLHen35aWqI7v p {
        margin: 5px 0 0;
        color: #fff;
        font-size: 14px;
        text-align: center
    }

    ._1Ek2FnKcWpLHen35aWqI7v p span {
        color: #ffff00
    }

    ._3ijz3IGG9QOt9WUbxntzWL {
        display: -ms-flexbox;
        display: flex;
        height: 34px
    }

    ._3ijz3IGG9QOt9WUbxntzWL>div {
        width: 30%
    }

    ._3ijz3IGG9QOt9WUbxntzWL>div:first-child {
        width: 70%
    }

    ._3ijz3IGG9QOt9WUbxntzWL ._5YxrMwiPRR23bXf69w2TD {
        width: 100%;
        height: 100%;
        padding: 0;
        color: #fff;
        font-weight: bold;
        text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/23043eea1b6713e8a5c4d5c0838e20dd.png) no-repeat right top;
        background-size: 100% 200%;
        border-radius: 0px 10px 10px 0px;
        border: 0
    }

    ._1unIbsZtT91MvR6ZogKyIV {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 128px;
        margin: 0 0 -150px -40px;
        padding: 5px;
        color: #fff;
        text-align: center;
        background-color: #481c72;
        border-radius: 20px
    }

    ._1unIbsZtT91MvR6ZogKyIV span {
        color: yellow;
        font-size: 18px
    }

    .hLmDqgOdJug-Iq8l6Fss4 {
        min-width: 970px;
        color: #fff;
        background: #1e0915 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/49896cb68b2cc566093ce3f854624b25.jpg) no-repeat center top
    }

    .hLmDqgOdJug-Iq8l6Fss4 ._2g_kUtJQgBRVHkb4SJQMCq {
        min-height: 1080px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/22814c9cc221d92bb02c199379d9e2ff.png) no-repeat center top
    }

    .hLmDqgOdJug-Iq8l6Fss4 ._2g_kUtJQgBRVHkb4SJQMCq.mid {
        min-height: 1347px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/cf8c5bf7962fc8b31e2749e351699432.png)
    }

    .hLmDqgOdJug-Iq8l6Fss4 ._2g_kUtJQgBRVHkb4SJQMCq.big {
        min-height: 1607px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e03eef4ec2f191d2b82fd98a1e66d078.png)
    }

    .hLmDqgOdJug-Iq8l6Fss4 .yYFeGIUyBe0SDAYljADhs {
        width: 945px;
        margin: 0 auto
    }

    .hLmDqgOdJug-Iq8l6Fss4 .yYFeGIUyBe0SDAYljADhs .BFskY3sf69JLqw1PZuGD4 {
        padding: 450px 50px 0;
        font-size: 25px
    }

    .hLmDqgOdJug-Iq8l6Fss4 ul {
        margin: 0 auto;
        padding: 0;
        list-style-type: none
    }

    .hLmDqgOdJug-Iq8l6Fss4 [ng-click] {
        cursor: pointer
    }

    ._9mTjfF67V_j8KL78InMD2 {
        height: 400px;
        padding: 80px 0 0 145px
    }

    ._9mTjfF67V_j8KL78InMD2 h1 {
        width: 385px;
        margin-top: 0;
        font-size: 30px
    }

    ._9mTjfF67V_j8KL78InMD2 p {
        margin: 0;
        font-size: 20px;
        font-weight: bold;
        line-height: 30px
    }

    ._1frKYfD4Ke7RvjxIW-DAex {
        position: relative;
        height: 284px;
        padding: 50px 0 0
    }

    ._1frKYfD4Ke7RvjxIW-DAex h2 {
        position: relative;
        top: -66px;
        height: 0;
        margin: 0;
        color: #7c5e33;
        font-size: 20px;
        text-align: center;
        line-height: 50px;
        text-transform: uppercase;
        text-shadow: #c7c7c7 -2px 1px 2px
    }

    .jSg4P4QS9sxk8_lFMr7mP {
        width: 780px;
        height: 175px;
        white-space: nowrap
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9 {
        position: relative;
        display: inline-block;
        vertical-align: top;
        top: 0;
        width: 248px !important;
        height: 135px;
        margin: 10px 8px 0;
        padding: 10px 5px 5px;
        background-color: #cfa772;
        border-radius: 30px;
        border: 3px solid #f9f3e1;
        outline: none;
        transition: top 0.4s
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9.activity:hover,
    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9.active {
        top: -10px;
        background-color: #ca5759
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9.more {
        border-color: transparent;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ba1803debc085410e2e9c065b10d98de.png) no-repeat center top;
        background-size: 100% 100%;
        cursor: auto
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9 h3 {
        margin: 0 0 8px;
        font-size: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9 p {
        margin: 0;
        font-size: 0;
        overflow: hidden
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9 p span {
        font-size: 13px
    }

    .jSg4P4QS9sxk8_lFMr7mP ._3FvIvqAz8iTEp_ukiS7mR9 ._31EWKhX04wgWqXgZRmwzMp {
        padding: 15px 0 0 100px;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-arrow {
        width: auto;
        height: auto;
        color: #ff817a;
        font-size: 40px;
        margin-top: -10px
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-arrow:before {
        display: none
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-arrow.slick-disabled {
        color: #b9b8b8;
        cursor: not-allowed
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-arrow.slick-prev {
        left: -40px
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-arrow.slick-next {
        right: -40px
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-dots {
        bottom: 5px
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 4px;
        border-radius: 50%
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-dots li button:before {
        color: #d8b17c
    }

    .jSg4P4QS9sxk8_lFMr7mP .slick-dots li.slick-active button:before {
        color: #906a38
    }

    .hZZ_2IzXN3K6_5znCTWsn {
        padding-top: 55px
    }

    .hZZ_2IzXN3K6_5znCTWsn>div:first-child {
        margin: 20px 150px;
        font-size: 20px
    }

    .hZZ_2IzXN3K6_5znCTWsn h2 {
        position: relative;
        top: -73px;
        height: 0;
        margin: 0;
        color: #7c5e33;
        font-size: 22px;
        text-align: center;
        line-height: 50px;
        text-transform: uppercase;
        text-shadow: #c7c7c7 -2px 1px 2px
    }

    ._2bX6baDl7hVuEikeNyHFL8 {
        width: 741px
    }

    ._2bX6baDl7hVuEikeNyHFL8 li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 228px;
        height: 262px;
        margin: 0 9.5px 20px;
        padding: 10px 0 3px;
        color: #7d5252;
        font-size: 17px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/616adedf4a7b8ca5832aef4641e38775.png) no-repeat center;
        background-size: 100% 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2bX6baDl7hVuEikeNyHFL8 li.done,
    ._2bX6baDl7hVuEikeNyHFL8 li.isExpired {
        color: #b07f50;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/6449b6025b86dfbafacaee383ad91140.png)
    }

    ._2bX6baDl7hVuEikeNyHFL8 li.done ._3HF5ayTxdTJFaNSMDMafV6,
    ._2bX6baDl7hVuEikeNyHFL8 li.isExpired ._3HF5ayTxdTJFaNSMDMafV6 {
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 40px;
        left: 50%;
        margin-left: -60px;
        width: 120px;
        height: 45px;
        color: #fe0000;
        font-size: 24px;
        border: 2px solid #fe0000;
        -ms-transform: rotate(-30deg);
        transform: rotateZ(-30deg);
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    ._2bX6baDl7hVuEikeNyHFL8 ._3HF5ayTxdTJFaNSMDMafV6 {
        display: none
    }

    ._2bX6baDl7hVuEikeNyHFL8 figure {
        margin: 0 auto 5px;
        padding: 0 15px;
        height: 105px
    }

    ._2bX6baDl7hVuEikeNyHFL8 figure img {
        max-width: 100%;
        max-height: 100%
    }

    ._2bX6baDl7hVuEikeNyHFL8 h3 {
        margin: 0;
        font-size: 21px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._2bX6baDl7hVuEikeNyHFL8 p {
        margin: 0
    }

    ._2bX6baDl7hVuEikeNyHFL8 i {
        margin-left: 5px;
        color: #027db4
    }

    ._2bX6baDl7hVuEikeNyHFL8 button {
        min-width: 118px;
        height: 37px;
        margin: 0 auto;
        padding: 0 5px;
        color: #fff;
        font-weight: bold;
        background: transparent no-repeat center top;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: none;
        outline: none
    }

    ._2bX6baDl7hVuEikeNyHFL8 button.receive {
        height: 39px;
        color: #905450;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/5f3626aa1bdd0dbf839f67aa214820ca.png)
    }

    ._2bX6baDl7hVuEikeNyHFL8 button.receive:hover {
        padding-top: 5px;
        background-position-y: bottom
    }

    ._2bX6baDl7hVuEikeNyHFL8 button.done {
        color: #b07f50;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/38772644631fccff7ce41a18be471593.png)
    }

    ._2bX6baDl7hVuEikeNyHFL8 button.undone {
        min-width: 110px;
        height: 35px;
        opacity: 0.5;
        box-shadow: 1px 3px 0px 0px #c93d16;
        background: linear-gradient(to bottom, #ff4618 5%, #a33129 100%);
        background-color: #ff4618;
        border-radius: 18px;
        border: 1px solid #e66961
    }

    ._2bX6baDl7hVuEikeNyHFL8 h5 {
        margin-top: 7px
    }

    .vi ._1frKYfD4Ke7RvjxIW-DAex h2 {
        font-size: 16px
    }

    .vi .hZZ_2IzXN3K6_5znCTWsn h2 {
        font-size: 15px
    }

    .panel ._1VIC3ThWgl1xejiJU1ImOP {
        background: #307a9c;
        color: #fff;
        position: relative;
        height: 51px;
        font-size: 21px
    }

    .panel ._1VIC3ThWgl1xejiJU1ImOP i {
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .panel ._1VIC3ThWgl1xejiJU1ImOP span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center
    }

    .AfKWIwdAMhduL4HwcfGfy {
        color: #bfbfbf;
        font-size: 14px;
        padding-top: 5rem;
        text-align: center
    }

    .AfKWIwdAMhduL4HwcfGfy::before {
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f5fccbdbd67a139265b13e71ccfe3b4c.png) no-repeat center top;
        background-size: contain;
        content: "";
        display: block;
        height: 83px
    }

    .-v9TEb5xom2-r1Xf-Npd5 {
        min-height: 40rem
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-list {
        position: relative;
        margin: 0 auto;
        display: block;
        padding: 0;
        font-size: 0;
        text-align: left
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper {
        position: relative;
        display: inline-block;
        width: 160px !important;
        min-height: 180px;
        margin: 5px;
        vertical-align: top;
        z-index: 0;
        background-color: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #c5cee0;
        border-radius: 10px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover {
        cursor: pointer
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover .game-logo figcaption i.far {
        color: #fff
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper>img {
        position: absolute;
        z-index: 2
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper>img.icon01 {
        top: -3px;
        left: -3px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper>img.icon02 {
        top: -3px;
        right: -3px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper>img.icon03 {
        right: 5px;
        top: 124px;
        width: 38px;
        height: 29px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper>img.icon04 {
        left: -4px;
        bottom: -3px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.cross-platform,
    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover {
        color: #232324;
        background: #737579
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity {
        color: #000 !important;
        background: #edd171;
        background: linear-gradient(to bottom, #ffdc50 10%, #ffdc50 55%, #c88404 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdc50', endColorstr='#c88404', GradientType=0) !important;
        border: 1px solid #ccc !important
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity .game-logo figcaption i.far {
        color: #000
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity .game-logo blockquote {
        color: #444
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper.is-activity:hover .game-logo figcaption i.far {
        color: #d00
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover .game-logo:before {
        content: "";
        position: absolute;
        top: 9px;
        width: 100%;
        height: 140px;
        left: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.7)
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-wrapper:hover .entrance {
        color: #fff;
        background-color: #322825;
        position: absolute;
        top: 40%;
        left: 20%;
        padding: 10px 20px;
        z-index: 1;
        font-size: 14px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo {
        position: relative;
        height: 100%;
        padding: 9px 0 4px;
        text-align: center
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo::before {
        content: '';
        position: absolute;
        top: 9px;
        left: 9px;
        width: 140px;
        height: 140px;
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo::after {
        position: absolute;
        top: 64px;
        left: 27px;
        width: 103px;
        height: 31px;
        z-index: 2;
        font-size: 16px;
        text-align: center;
        line-height: 31px;
        border-radius: 5px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo:hover::before {
        background: rgba(0, 0, 0, 0.5)
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo:hover::after {
        content: 'Play'
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo img {
        position: relative;
        display: inline-block;
        width: 140px;
        height: 140px
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo img::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #000
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption {
        position: relative;
        margin: 0 auto;
        padding: 4px 18px 3px 0;
        width: 140px;
        color: inherit;
        font-size: 16px;
        text-align: left;
        min-height: 3em;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption i {
        position: absolute;
        top: 5px;
        right: 2px;
        line-height: 20px;
        color: #fff
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption i.fas {
        color: #d00
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo figcaption i.far {
        color: #b2b2b2
    }

    .-v9TEb5xom2-r1Xf-Npd5 .game-logo blockquote {
        border: 0;
        color: #bfbfbf;
        margin: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }


    ._1JP2aPgefK83kAkxX6f7U6 {
        width: 100vw;
        height: 100vh;
        padding-top: 15rem;
        font-family: 'Microsoft YaHei';
        box-sizing: border-box;
        color: #fff;
        background: #1a5c79
    }

    ._2rX5KDPUGgLsAW8AwDphI6 {
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 1000px;
        height: 350px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/02ea0017ca7116ec4fb3b4a193a38905.png) no-repeat center
    }

    ._2rX5KDPUGgLsAW8AwDphI6>div {
        margin-left: 400px
    }

    ._2EHVWGK55GvVubX035rM-a {
        width: 215px;
        height: 120px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/2f5bcc3a45253a364b917482893f52f9.png) no-repeat center;
        background-size: contain
    }

    .uahCwoGMJsZPi2q16Fwap>div {
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 1px
    }

    .uahCwoGMJsZPi2q16Fwap>div h2 {
        margin: 5px 0;
        color: #fb0;
        font-size: 28px;
        font-weight: bold
    }

    .uahCwoGMJsZPi2q16Fwap>div h3 {
        margin: 0;
        font-size: 14px;
        font-weight: bold
    }

    ._3a-Kj1apJMF43vjy98md2K {
        margin: 50px 0;
        font-size: 12px
    }

    ._3onFuPRp4RvnuCMS79hQK {
        min-width: 115px;
        height: 40px;
        padding: 5px;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        background: #000;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase
    }

    ._3onFuPRp4RvnuCMS79hQK:hover {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    ._1j5v0PODT1z2AhW8sfWjgD {
        width: 100vw;
        height: 100vh;
        padding: 15rem 10rem;
        color: #fff;
        background: #1a5c79
    }

    ._1j5v0PODT1z2AhW8sfWjgD h2 {
        font-size: 28px;
        font-weight: bold
    }

    ._1I1i-OVfZ9SDVmM5bcb44W {
        margin-top: 50px
    }

    ._3KBZD-G1yErEZ1DTYA-IZ {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px
    }

    ._3KBZD-G1yErEZ1DTYA-IZ p {
        margin-left: 20px;
        margin-bottom: 0
    }

    .th .uahCwoGMJsZPi2q16Fwap>div h2 {
        font-size: 18px
    }

    ._2F0de8EssKBYhY484RWETY {
        position: relative;
        width: 1200px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/228d2b30e4b6e923a2388c9c004799e6.png) no-repeat
    }

    ._2F0de8EssKBYhY484RWETY:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/50e31bcfb1f83334437d9229a251c9ac.png) no-repeat
    }

    .K2nHIgSRT3XRBlH9V2r1K {
        position: relative;
        width: 1200px;
        height: 800px;
        z-index: 1
    }

    .K2nHIgSRT3XRBlH9V2r1K:before,
    .K2nHIgSRT3XRBlH9V2r1K:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background: no-repeat left top
    }

    .K2nHIgSRT3XRBlH9V2r1K:before {
        top: 0;
        height: 50px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1d33bf988be0634153d715fdc9d7d16c.png)
    }

    .K2nHIgSRT3XRBlH9V2r1K:after {
        bottom: 0;
        height: 170px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/98cea9113771e41001bc96d155fc67c3.png)
    }

    ._3Cny02SdzzK_bvY-8sdYfN {
        position: absolute;
        top: 100px;
        left: 165px;
        z-index: 1;
        width: 297px;
        height: 615px;
        padding-top: 151px;
        font-size: 18px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/392d06db9c6445347ba6360073f6a4ba.png) no-repeat center top
    }

    ._3Cny02SdzzK_bvY-8sdYfN figure {
        margin: 0 auto 27px;
        width: 178px;
        height: 178px;
        line-height: 178px
    }

    ._3Cny02SdzzK_bvY-8sdYfN figure img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%
    }

    ._3Cny02SdzzK_bvY-8sdYfN p {
        margin: 0
    }

    ._3Cny02SdzzK_bvY-8sdYfN p.cZAB-md1jqxcfqcBaKJK5 {
        color: #e96456;
        line-height: 26px
    }

    ._3Cny02SdzzK_bvY-8sdYfN ._3VEKu9jU-bXPmCF6IuExUB {
        position: absolute;
        bottom: 53px;
        left: 0;
        right: 0;
        padding: 0 17px;
        color: #b5b5b5;
        font-size: 14px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    ._3Cny02SdzzK_bvY-8sdYfN ._3VEKu9jU-bXPmCF6IuExUB:before {
        content: "Copyright ©"
    }

    ._3Cny02SdzzK_bvY-8sdYfN ._3VEKu9jU-bXPmCF6IuExUB:after {
        content: "Reserved"
    }

    ._2RP4QEq6g3NzSxLZK70lYC {
        position: absolute;
        top: 172px;
        left: 550px;
        width: 530px;
        height: 400px;
        text-align: center
    }

    ._2RP4QEq6g3NzSxLZK70lYC :nth-child(1) {
        margin-bottom: 18px
    }

    ._2RP4QEq6g3NzSxLZK70lYC :nth-child(2) {
        margin-bottom: 37px
    }

    ._3xPhtWrK4Q6nUYvxnfA9hb {
        position: absolute;
        top: 763px;
        left: 20px;
        z-index: 1;
        color: #fff;
        font-size: 13px;
        line-height: 27px
    }

    ._3xPhtWrK4Q6nUYvxnfA9hb ._2Xteugo09UJfYSBIHKlc39 {
        display: inline-block;
        vertical-align: top;
        height: 27px;
        padding: 0 12px;
        margin-left: 10px;
        background: #3ab2f6;
        border-radius: 2px;
        cursor: pointer
    }

    .WH1oj2ui7Gy6z-khI3Mek {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 25px
    }

    .WH1oj2ui7Gy6z-khI3Mek:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/950cc80e5a08d593a0252fe1e8be4380.png) no-repeat center;
        background-size: cover
    }

    ._3mjeeJJbA00Pan-LoqZrlJ {
        position: relative;
        height: 100%
    }

    ._3mjeeJJbA00Pan-LoqZrlJ ._7Nbd0a7KMakMonovBnzRD {
        width: 100%
    }

    ._114TCEra0PPpZRYIoOoJwB li {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        padding: 0;
        color: #000;
        font-size: 14px;
        font-weight: bold;
        white-space: nowrap;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        padding-bottom: 68%;
        overflow: hidden;
        text-overflow: ellipsis
    }

    ._37JjQ4MA7dNVodRzmo8WZh {
        position: absolute;
        z-index: 1;
        top: 31.8%;
        left: 50%;
        height: 29.92%;
        width: 20.48%;
        padding: 0;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/8aee3b57b8efe2a3b637139b42d33315.png) no-repeat center;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        cursor: pointer
    }

    ._37JjQ4MA7dNVodRzmo8WZh span {
        position: absolute;
        top: 77px;
        left: 50%;
        width: 100%;
        height: 93px;
        font-size: 25px;
        line-height: 93px;
        text-align: center;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-text-stroke-width: 0.5px;
        -webkit-text-stroke-color: #000000;
        -webkit-text-fill-color: #8c4f00;
        text-shadow: 0px 2px 10px #a3a3a3
    }

    ._1PzRi76pn99ltpMSvL6yRp {
        min-height: 100vh;
        background: #ff4d52 url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ea3cfe257b8e9e672b4774ec2a3a948f.jpg) no-repeat center top
    }

    ._1PzRi76pn99ltpMSvL6yRp [ng-click] {
        cursor: pointer
    }

    ._1Xqml747mxX_0GRZrkSMMT {
        position: relative;
        width: 1000px;
        margin: 0 auto
    }

    ._1Xqml747mxX_0GRZrkSMMT .xpfhOTQfpx8vrW9ygUK6t {
        position: relative;
        top: 50px;
        font-size: 15px
    }

    .RBFmdqJIcsokTI15yiUgK {
        height: 135px;
        padding-top: 10px;
        color: #fff;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/541e271d7a3122f3d8ce7121b3bfca17.png) no-repeat center -5px
    }

    .RBFmdqJIcsokTI15yiUgK h1 {
        margin: 0 0 9px;
        font-size: 30px;
        font-weight: bold
    }

    .RBFmdqJIcsokTI15yiUgK button {
        vertical-align: bottom;
        min-width: 87px;
        height: 22px;
        padding: 0 3px;
        color: #333;
        font-size: 12px;
        background: linear-gradient(to bottom, #ffd084, #ffad3b);
        line-height: 22px;
        border: 1px solid #fff;
        outline: none;
        border-radius: 15px
    }

    .RBFmdqJIcsokTI15yiUgK button :hover {
        color: #f00;
        background: linear-gradient(to bottom, #ffad3b, #ffd084)
    }

    ._1J6i-LxhlUlbT4a2wUJdDB {
        position: absolute;
        top: 125px;
        right: 55px;
        width: 163px;
        height: 162px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/0ea9ac5d6a2d697dfef69e3652868edb.png) no-repeat center top
    }

    ._1J6i-LxhlUlbT4a2wUJdDB p {
        height: 54px;
        margin: 0;
        color: #fff;
        font-weight: bold
    }

    ._1J6i-LxhlUlbT4a2wUJdDB p:first-child {
        height: 50px;
        padding-top: 25px;
        letter-spacing: 2px;
        font-size: 13px
    }

    ._1J6i-LxhlUlbT4a2wUJdDB p:last-child {
        padding-top: 4px;
        letter-spacing: 2px;
        font-size: 17px
    }

    ._1J6i-LxhlUlbT4a2wUJdDB p span:first-child {
        vertical-align: sub;
        padding: 0 5px;
        color: #f92d23;
        font-size: 46px;
        line-height: 54px
    }

    ._1J6i-LxhlUlbT4a2wUJdDB p span:last-child {
        color: #1e1e1e;
        font-size: 12px
    }

    ._1cXnLpHpmYP9Tshwpfa0e6 {
        width: 650px;
        height: 650px;
        margin: 0 auto 65px
    }

    ._3LpkUiH9HBJNJwFtb-y7rx {
        font-size: 0
    }

    ._3LpkUiH9HBJNJwFtb-y7rx button {
        display: inline-block;
        vertical-align: top;
        min-width: 177px;
        height: 73px;
        margin: 0 5px;
        padding: 0 5px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px;
        text-shadow: 0px 3px 7px rgba(35, 24, 21, 0.61);
        background: linear-gradient(to bottom, #d176f8, #7600e5);
        border: none;
        outline: none;
        box-shadow: 1px 4px 9px #c8c8c8;
        border-radius: 25px
    }

    ._3LpkUiH9HBJNJwFtb-y7rx button:hover {
        background-position-y: bottom;
        background: linear-gradient(to bottom, #7600e5, #d176f8)
    }

    ._3LpkUiH9HBJNJwFtb-y7rx button i {
        display: inline-block;
        vertical-align: middle;
        width: 55px;
        height: 55px;
        background: no-repeat center top
    }

    ._3LpkUiH9HBJNJwFtb-y7rx button i.description {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/bdf71ce09905ad8d848a8b75cabe88db.png)
    }

    ._3LpkUiH9HBJNJwFtb-y7rx button i.reward {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/128430f285800cbb003816cde5d4dcc7.png)
    }

    ._3LpkUiH9HBJNJwFtb-y7rx button i.winner {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/d2d14a2483ed4ef25db9eb1db922b20e.png)
    }

    ._22cFEOvvO6v51yWC35FK57 {
        min-width: 1000px;
        min-height: 100vh;
        padding-top: 100px;
        background: #242424
    }

    ._22cFEOvvO6v51yWC35FK57>div:first-child {
        margin-bottom: 20px;
        text-align: center
    }

    ._22cFEOvvO6v51yWC35FK57>div:last-child {
        width: 830px;
        height: 460px;
        margin: auto
    }

    ._3mbwsp07ZUNRkFCj0I-w-k {
        min-height: 100vh
    }

    ._3lsn-9-R1KxDnv9_koaEkC {
        margin: 0 auto
    }

    ._3CMDGIALq8HDo4XBIBIB0c {
        background: #307a9c;
        border-radius: 10px
    }

    ._3CMDGIALq8HDo4XBIBIB0c .panel-body {
        padding: 15px 30px
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ {
        font-size: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        width: calc(100% / 2 - 7.5px);
        min-height: 100px;
        padding: 10px 20px;
        margin-right: 15px;
        margin-bottom: 20px;
        background: rgba(0, 0, 0, 0.25);
        border: 2px solid rgba(0, 0, 0, 0);
        border-radius: 8px;
        box-sizing: border-box;
        cursor: pointer
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li:nth-child(2n+2) {
        margin-right: 0
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li.selected {
        border-color: #32b4e3
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li h3 {
        line-height: 2;
        margin: 0;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        word-break: break-word
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li p {
        margin: 0;
        font-size: 15px;
        color: #fff
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li p b {
        color: #32b4e3;
        font-weight: normal
    }

    ._2Cy5U6oRfyuKk0z8n_03sQ li i {
        position: absolute;
        right: 13px;
        bottom: 14px;
        color: #32b4e3;
        font-size: 20px
    }

    ._3GdzGvlVlZC4wGIHzMovTF {
        padding: 20px 0;
        color: #fff;
        overflow-y: auto
    }

    ._3GdzGvlVlZC4wGIHzMovTF .list-inline {
        margin-left: 0
    }

    ._3GdzGvlVlZC4wGIHzMovTF p {
        margin: 0 0 5px;
        font-size: 16px
    }

    ._3GdzGvlVlZC4wGIHzMovTF select {
        margin-bottom: 2rem
    }

    ._3GdzGvlVlZC4wGIHzMovTF .input-group .form-control {
        width: 360px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        color: #555
    }

    ._1axJrG2S_RE9BVuPFJP9NH {
        margin: 0 0 20px
    }

    ._1axJrG2S_RE9BVuPFJP9NH .input-group {
        margin: 0 0 10px
    }

    ._1axJrG2S_RE9BVuPFJP9NH .input-group-addon:first-child {
        min-width: 12rem;
        text-align: left
    }

    ._7xUDK8Nc4sibXVDvqFf9H li {
        width: 100px;
        height: 40px;
        margin: 0 10px 10px 0;
        padding: 0 5px;
        color: #fff;
        font-size: 14px;
        line-height: 38px;
        text-align: center;
        background: #1a5c79;
        border-radius: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer
    }

    ._7xUDK8Nc4sibXVDvqFf9H li.selected {
        color: #000;
        background: #32b4e3
    }

    ._-4_KoSCrCY_u21tqp_b-W {
        color: #ffdc50
    }

    ._3J1NHh0Zndn3-YUPwUyPhw {
        width: 360px;
        height: 40px;
        font-size: 18px;
        color: #000;
        background: #32b4e3;
        border-radius: 5px;
        border: none
    }

    ._3J1NHh0Zndn3-YUPwUyPhw:hover,
    ._3J1NHh0Zndn3-YUPwUyPhw:focus {
        color: #000;
        background: #f9a631;
        border: none;
        outline: none !important
    }

    .exchangeRate {
        color: #fff
    }

    ._2W3ss_5LQ-YmGzHmQv0kme p {
        font-size: 14px
    }

    ._2W3ss_5LQ-YmGzHmQv0kme p span {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    ._2W3ss_5LQ-YmGzHmQv0kme p a {
        color: #32b4e3;
        text-decoration: underline
    }

    .xaDtJgEuUFlsGovwsNEgT {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    .xaDtJgEuUFlsGovwsNEgT h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    .xaDtJgEuUFlsGovwsNEgT h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    .xaDtJgEuUFlsGovwsNEgT h4 {
        font-size: 14px
    }

    .xaDtJgEuUFlsGovwsNEgT>ul {
        list-style: none
    }

    .xaDtJgEuUFlsGovwsNEgT ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    .xaDtJgEuUFlsGovwsNEgT p,
    .xaDtJgEuUFlsGovwsNEgT li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    .xaDtJgEuUFlsGovwsNEgT p {
        margin: 1em 0
    }

    .xaDtJgEuUFlsGovwsNEgT p._3zw6DF74sAFrLymxh9qwqD {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .xaDtJgEuUFlsGovwsNEgT p._3zw6DF74sAFrLymxh9qwqD img {
        width: 33%
    }

    .xaDtJgEuUFlsGovwsNEgT .CHCsjKMY3Q4pNuIkc1Af9 {
        color: #0a5d83;
        font-weight: bolder
    }

    .xaDtJgEuUFlsGovwsNEgT table {
        width: 100%
    }

    .xaDtJgEuUFlsGovwsNEgT table thead tr,
    .xaDtJgEuUFlsGovwsNEgT table thead th,
    .xaDtJgEuUFlsGovwsNEgT table thead td,
    .xaDtJgEuUFlsGovwsNEgT table tbody tr,
    .xaDtJgEuUFlsGovwsNEgT table tbody th,
    .xaDtJgEuUFlsGovwsNEgT table tbody td,
    .xaDtJgEuUFlsGovwsNEgT table tfoot tr,
    .xaDtJgEuUFlsGovwsNEgT table tfoot th,
    .xaDtJgEuUFlsGovwsNEgT table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    .xaDtJgEuUFlsGovwsNEgT table thead th,
    .xaDtJgEuUFlsGovwsNEgT table tbody th,
    .xaDtJgEuUFlsGovwsNEgT table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._3HavNAdTL7sUUU7b97d_FT {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/589d2c9c0d789542e5796841406be07d.jpg)
    }

    ._1GzA5ICwfXjH4oWnRdFqAl {
        list-style: none;
        padding-bottom: 15px;
        padding-left: 0;
        text-align: left
    }

    ._1GzA5ICwfXjH4oWnRdFqAl li {
        position: relative;
        display: inline-block;
        width: 166px;
        height: 42px;
        margin-right: 10px;
        padding: 0 5px;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 42px;
        text-align: center;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/92ccbd8913518140bb13c55fe11a20a0.png) center top;
        cursor: pointer
    }

    ._1GzA5ICwfXjH4oWnRdFqAl li:hover,
    ._1GzA5ICwfXjH4oWnRdFqAl li.active {
        background-position: bottom
    }

    ._2CgWuQc9sok6lKfZRCugm3 {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    ._2XXE1A-UMSKzfglLCG50yV {
        position: relative;
        width: 1100px;
        margin: 0 auto
    }

    ._2XXE1A-UMSKzfglLCG50yV h2 {
        margin: 40px 0 0;
        text-align: center
    }

    ._2XXE1A-UMSKzfglLCG50yV h3 {
        margin-bottom: 40px;
        color: #0f305a;
        text-align: center;
        font-size: 2.2rem
    }

    ._2XXE1A-UMSKzfglLCG50yV .zHsk6mLoHbDKyQwP6VaR- {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._2XXE1A-UMSKzfglLCG50yV .zHsk6mLoHbDKyQwP6VaR->div {
        width: 24%;
        height: 250px;
        padding: 2rem;
        color: #0f305b;
        text-align: center;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        background: #fff
    }

    ._2XXE1A-UMSKzfglLCG50yV .zHsk6mLoHbDKyQwP6VaR->div>h4 {
        font-weight: bold;
        font-size: 2rem;
        line-height: 2.5rem
    }

    ._2XXE1A-UMSKzfglLCG50yV .zHsk6mLoHbDKyQwP6VaR->div>p {
        text-align: justify
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>div,
    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div p {
        position: relative;
        width: 100%;
        height: 100px;
        margin-bottom: 2rem;
        padding: 2rem;
        color: #0f305b;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        border-radius: 12px;
        background: #fff
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>div::after,
    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div p::after {
        content: '';
        position: absolute;
        right: 2rem;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 42px;
        height: 24px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/21eadde81192e57b88a0b00f8ad8f6fc.png)
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>div>h4,
    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div p>h4 {
        display: inline-block;
        color: #0f305b;
        font-size: 26px;
        margin-left: 10px
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>p {
        margin-top: 0;
        font-size: 15px;
        border-radius: 0 0 12px 12px
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>p::after {
        display: none
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>div.active {
        border-radius: 12px 12px 0 0;
        margin-bottom: 0
    }

    ._2XXE1A-UMSKzfglLCG50yV ._2lnhPFrksd-Rww3P4rZH-L>div>div.active::after {
        -ms-transform: rotate(180deg) translateY(12px);
        transform: rotate(180deg) translateY(12px)
    }

    ._2FMYHtym_ocyBuN6UCTzzJ {
        color: #0f305b;
        padding: 30px;
        border-radius: 12px;
        background: #fff
    }

    ._2FMYHtym_ocyBuN6UCTzzJ p {
        font-size: 15px
    }

    ._2FMYHtym_ocyBuN6UCTzzJ h3 {
        font-size: 20px
    }

    ._2FMYHtym_ocyBuN6UCTzzJ h4,
    ._2FMYHtym_ocyBuN6UCTzzJ h5 {
        color: #0f305b
    }

    ._2FMYHtym_ocyBuN6UCTzzJ table tr,
    ._2FMYHtym_ocyBuN6UCTzzJ table th,
    ._2FMYHtym_ocyBuN6UCTzzJ table td {
        font-size: 15px !important;
        border: 1px solid #0f305b !important
    }

    ._2FMYHtym_ocyBuN6UCTzzJ ul {
        list-style-type: none
    }

    ._2FMYHtym_ocyBuN6UCTzzJ ul li {
        font-size: 15px
    }

    ._1RJrz66fL9NoDyUDDpSO1P {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._1RJrz66fL9NoDyUDDpSO1P h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._1RJrz66fL9NoDyUDDpSO1P h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._1RJrz66fL9NoDyUDDpSO1P h4 {
        font-size: 14px
    }

    ._1RJrz66fL9NoDyUDDpSO1P>ul {
        list-style: none
    }

    ._1RJrz66fL9NoDyUDDpSO1P ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._1RJrz66fL9NoDyUDDpSO1P p,
    ._1RJrz66fL9NoDyUDDpSO1P li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._1RJrz66fL9NoDyUDDpSO1P p {
        margin: 1em 0
    }

    ._1RJrz66fL9NoDyUDDpSO1P p._2esaNT8caAWrGckKl292sc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._1RJrz66fL9NoDyUDDpSO1P p._2esaNT8caAWrGckKl292sc img {
        width: 33%
    }

    ._1RJrz66fL9NoDyUDDpSO1P .Y93cPxz-V9oGQKZcrbnbH {
        color: #0a5d83;
        font-weight: bolder
    }

    ._1RJrz66fL9NoDyUDDpSO1P table {
        width: 100%
    }

    ._1RJrz66fL9NoDyUDDpSO1P table thead tr,
    ._1RJrz66fL9NoDyUDDpSO1P table thead th,
    ._1RJrz66fL9NoDyUDDpSO1P table thead td,
    ._1RJrz66fL9NoDyUDDpSO1P table tbody tr,
    ._1RJrz66fL9NoDyUDDpSO1P table tbody th,
    ._1RJrz66fL9NoDyUDDpSO1P table tbody td,
    ._1RJrz66fL9NoDyUDDpSO1P table tfoot tr,
    ._1RJrz66fL9NoDyUDDpSO1P table tfoot th,
    ._1RJrz66fL9NoDyUDDpSO1P table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._1RJrz66fL9NoDyUDDpSO1P table thead th,
    ._1RJrz66fL9NoDyUDDpSO1P table tbody th,
    ._1RJrz66fL9NoDyUDDpSO1P table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._357SE1tlaWotcGoDc3znqq {
        margin-bottom: 5px;
        cursor: pointer
    }

    ._357SE1tlaWotcGoDc3znqq>img {
        width: 100%
    }

    ._2GJqBqLshIYKSxfYIh9DDD {
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    ._18iBuGPATrgJe26ermGCW_ {
        width: 80%;
        margin: 20% auto;
        color: #333;
        line-height: 50px;
        background-color: rgba(88, 88, 88, 0.5)
    }

    ._18iBuGPATrgJe26ermGCW_ i {
        margin-right: 5px
    }

    .FF8Zxq3KPcJN8yd95AGV7 {
        color: #000;
        text-align: justify;
        overflow-x: auto
    }

    .FF8Zxq3KPcJN8yd95AGV7 dd {
        margin-left: 0
    }

    .FF8Zxq3KPcJN8yd95AGV7 table {
        width: 100%
    }

    .FF8Zxq3KPcJN8yd95AGV7 table tr,
    .FF8Zxq3KPcJN8yd95AGV7 table th,
    .FF8Zxq3KPcJN8yd95AGV7 table td {
        line-height: 2em;
        text-align: center
    }

    .FF8Zxq3KPcJN8yd95AGV7 ol,
    .FF8Zxq3KPcJN8yd95AGV7 ul {
        display: inline-block;
        padding-left: 20px
    }

    ._2Q5_8e9t7nS0te23FQXjLw .modal-dialog {
        margin-top: 3vh;
        width: 1200px;
        padding: 20px;
        background-color: #fff
    }

    ._2Q5_8e9t7nS0te23FQXjLw .modal-content {
        background: none;
        border: none;
        box-shadow: none
    }

    .qxD4Vw3-3KCG15SqmcU_G {
        display: none;
        position: absolute;
        top: -5px;
        right: -5px;
        font-size: 22px
    }

    ._3LyoX7fdKlPIEVGjtIbggc {
        width: 80%;
        margin: 20% auto;
        color: #333;
        line-height: 50px;
        background-color: rgba(88, 88, 88, 0.5)
    }

    ._3LyoX7fdKlPIEVGjtIbggc i {
        margin-right: 5px
    }

    ._16Ciocdh1AVw1gX0hfAbnC {
        color: #000;
        text-align: justify;
        overflow-x: auto
    }

    ._16Ciocdh1AVw1gX0hfAbnC dd {
        margin-left: 0
    }

    ._16Ciocdh1AVw1gX0hfAbnC table {
        width: 100%
    }

    ._16Ciocdh1AVw1gX0hfAbnC table tr,
    ._16Ciocdh1AVw1gX0hfAbnC table th,
    ._16Ciocdh1AVw1gX0hfAbnC table td {
        line-height: 2em;
        text-align: center
    }

    ._16Ciocdh1AVw1gX0hfAbnC ol,
    ._16Ciocdh1AVw1gX0hfAbnC ul {
        display: inline-block;
        padding-left: 20px
    }

    .EnHwIt5O6_r_kDL6tfNTo {
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e52a69663e1fac0de1a921fa78bcc0cd.png)
    }

    ._3APJCJr18cNksZ53-4jnrw {
        padding: 30px 0 0
    }

    .rBIXV9fmKr4B5oE8bK6Ze {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 5px 0 15px
    }

    .rBIXV9fmKr4B5oE8bK6Ze li {
        width: 166px;
        height: 42px;
        padding: 0 5px;
        color: #fff;
        font-size: 15px;
        line-height: 42px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/92ccbd8913518140bb13c55fe11a20a0.png) center top;
        cursor: pointer
    }

    .rBIXV9fmKr4B5oE8bK6Ze li+li {
        margin-left: 10px
    }

    .rBIXV9fmKr4B5oE8bK6Ze li.selected,
    .rBIXV9fmKr4B5oE8bK6Ze li:hover {
        background-position: bottom
    }

    ._1UEhiSbeYEgYWSJeUHqKc7 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    ._1UEhiSbeYEgYWSJeUHqKc7>div {
        position: relative;
        width: 580px;
        height: 270px;
        margin: 10px;
        overflow: hidden
    }

    ._1UEhiSbeYEgYWSJeUHqKc7>div img {
        width: 580px
    }

    .YTKsr6ZTleYiW3jW4-Jej {
        height: 100vh;
        padding-top: 16%;
        color: #fff;
        font-family: Arial, "Microsoft YaHei";
        background: no-repeat center top;
        background-size: cover
    }

    .qfPvT67KMY0K9AvfHfZfs {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        height: 100%
    }

    .qfPvT67KMY0K9AvfHfZfs ul,
    .qfPvT67KMY0K9AvfHfZfs ol {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style: none
    }

    .qfPvT67KMY0K9AvfHfZfs .slick-arrow {
        width: 97px;
        height: 97px;
        top: 38%;
        background: no-repeat left top
    }

    .qfPvT67KMY0K9AvfHfZfs .slick-arrow:before {
        display: none
    }

    .qfPvT67KMY0K9AvfHfZfs .slick-arrow:hover {
        background-position-y: bottom
    }

    .qfPvT67KMY0K9AvfHfZfs .slick-arrow.slick-disabled {
        visibility: hidden
    }

    .qfPvT67KMY0K9AvfHfZfs .slick-arrow.slick-prev {
        left: -100px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/f0dd03f0f7dcf6e70fda9b3ab4052c3b.png)
    }

    .qfPvT67KMY0K9AvfHfZfs .slick-arrow.slick-next {
        right: -100px;
        background-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/3de5828b2680d43b9239b1494534d541.png)
    }

    ._1YrzodsR1_LZFJiC4cE1f4 {
        display: block;
        height: 63%;
        font-size: 0;
        white-space: nowrap
    }

    ._1YrzodsR1_LZFJiC4cE1f4 li {
        display: inline-block;
        margin: 0 2px;
        width: 33%;
        vertical-align: top;
        text-align: center
    }

    ._1YrzodsR1_LZFJiC4cE1f4 li img {
        display: inline-block;
        max-width: 100%;
        max-height: 100%
    }

    .AMg0kJQQtm2NMZ6693zbV {
        margin: 7px 0px 50px;
        text-align: center;
        letter-spacing: 3px;
        font-size: 30px;
        text-shadow: #000 4px 0px 0px, #000 3.87565px 0.98962px 0px, #000 3.51033px 1.9177px 0px, #000 2.92676px 2.72656px 0px, #000 2.16121px 3.36588px 0px, #000 1.26129px 3.79594px 0px, #000 0.28295px 3.98998px 0px, #000 -0.71298px 3.93594px 0px, #000 -1.66459px 3.63719px 0px, #000 -2.51269px 3.11229px 0px, #000 -3.20457px 2.39389px 0px, #000 -3.69721px 1.52664px 0px, #000 -3.95997px 0.56448px 0px, #000 -3.97652px -0.43278px 0px, #000 -3.74583px -1.40313px 0px, #000 -3.28224px -2.28625px 0px, #000 -2.61457px -3.02721px 0px, #000 -1.78435px -3.57996px 0px, #000 -0.84318px -3.91012px 0px, #000 0.15041px -3.99717px 0px, #000 1.13465px -3.8357px 0px, #000 2.04834px -3.43574px 0px, #000 2.83468px -2.82216px 0px, #000 3.44477px -2.03312px 0px, #000 3.84068px -1.11766px 0px, #000 3.9978px -0.13272px 0px
    }

    .JRIjsxLb__OntY2zbVnQw {
        float: right;
        min-width: 164px;
        height: 61px;
        padding: 0;
        color: #c5c5c5;
        font-size: 20px;
        font-weight: bold;
        line-height: 59px;
        text-align: center;
        text-decoration: none;
        background: #3c3b3b;
        border: 1px solid #fff;
        opacity: 0.7;
        border-radius: 10px
    }

    .JRIjsxLb__OntY2zbVnQw:hover {
        color: #fff60d;
        text-decoration: none;
        background: #3c3b3b;
        border: 1px solid #fff
    }

    @media (max-width: 1283px) {
        .qfPvT67KMY0K9AvfHfZfs {
            width: 75%
        }

        .AMg0kJQQtm2NMZ6693zbV {
            font-size: 24px;
            margin-bottom: 30px
        }
    }

    @media (max-height: 720px) {
        .YTKsr6ZTleYiW3jW4-Jej {
            padding-top: 14%
        }
    }

    @media (min-height: 890px) {
        .YTKsr6ZTleYiW3jW4-Jej {
            padding-top: 19%
        }
    }

    @media (min-height: 930px) {
        .YTKsr6ZTleYiW3jW4-Jej {
            padding-top: 13%
        }
    }

    .RTZW2yuoquNB9325NBM64 {
        display: none !important;
        width: 16px;
        height: 16px;
        margin-right: 4px;
        line-height: 1;
        vertical-align: text-bottom;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        background: #000
    }

    .RTZW2yuoquNB9325NBM64:before {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
        font-style: initial;
        font-size: 16px;
        color: #000
    }

    .RTZW2yuoquNB9325NBM64._2yYz_jNt-McNDAnoaNaIm {
        background: transparent
    }

    .RTZW2yuoquNB9325NBM64._2yYz_jNt-McNDAnoaNaIm:before {
        content: '\f007'
    }

    .RTZW2yuoquNB9325NBM64._2UiMXOFnWdZw3Smbu-3B1s {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64.cYKQ6PMli6tgNqBPXifEE {
        background: transparent
    }

    .RTZW2yuoquNB9325NBM64.cYKQ6PMli6tgNqBPXifEE:before {
        content: '\f3ed'
    }

    .RTZW2yuoquNB9325NBM64._3_CY-cI3LmxyXzViEulfBi {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._2LN4xkDJsXlAW9PKMatSAD {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._1d4AoeHEaIWHY0n4MUXmjZ {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._3_WhcyVKAGwJ4JrptbTLau {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64.VPkBv08BHuJse1SX1OFV2 {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._2DhzjGWm762qRyOJaYdBuA {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64.HQta9_LFIxVAoJGZoj9JM {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._2jm5q1Nw11Y5IK495uecmX {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._3YqYdmsqs-DAtfvijH5mk1 {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64.H8ool-85OPCH7WA2Ip4sY {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._1Ts08zt_2aCUjsCIcYMMHQ {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._1iJUIlQ03H-7RtOALF3nKH {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64.xjaTR_3aV1wE0E807Sog9 {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .RTZW2yuoquNB9325NBM64._25sCMnQ3VvuImMOT7FBd50 {
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/74dbb313aa436f5efad272c122bb51b9.svg)
    }

    .lSU-UeevMWDFTc7xVRq_g {
        font-family: Inter
    }

    .lSU-UeevMWDFTc7xVRq_g .form-group {
        margin-top: -10px;
        margin-bottom: 20px
    }

    .lSU-UeevMWDFTc7xVRq_g .col-sm-offset-2 {
        margin-left: 0
    }

    .lSU-UeevMWDFTc7xVRq_g .col-sm-2,
    .lSU-UeevMWDFTc7xVRq_g .col-sm-4,
    .lSU-UeevMWDFTc7xVRq_g .col-sm-6,
    .lSU-UeevMWDFTc7xVRq_g .col-sm-10 {
        display: block;
        float: none;
        padding-left: 0;
        width: 100%;
        text-align: left;
        font-size: 12px
    }

    .lSU-UeevMWDFTc7xVRq_g .form-group {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .lSU-UeevMWDFTc7xVRq_g label {
        margin-bottom: 10px !important;
        color: #2d7699;
        font-size: 16px !important;
        font-weight: 500
    }

    .lSU-UeevMWDFTc7xVRq_g label i {
        color: #ff0000
    }

    .lSU-UeevMWDFTc7xVRq_g select,
    .lSU-UeevMWDFTc7xVRq_g input[type='password'],
    .lSU-UeevMWDFTc7xVRq_g input[type='text'] {
        height: 33px;
        color: #000;
        background-color: #fff;
        border-radius: 45px;
        border: 0;
        box-shadow: 0 5.1px 5.1px 0 rgba(0, 0, 0, 0.25)
    }

    .lSU-UeevMWDFTc7xVRq_g legend {
        display: none
    }

    .lSU-UeevMWDFTc7xVRq_g ::-moz-placeholder {
        color: #676767
    }

    .lSU-UeevMWDFTc7xVRq_g :-ms-input-placeholder {
        color: #676767
    }

    .lSU-UeevMWDFTc7xVRq_g ::-ms-input-placeholder {
        color: #676767
    }

    .lSU-UeevMWDFTc7xVRq_g ::placeholder {
        color: #676767
    }

    .lSU-UeevMWDFTc7xVRq_g select {
        text-transform: capitalize
    }

    .lSU-UeevMWDFTc7xVRq_g ._63olPU7tTNYI4unC6WTkE {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 15px;
        color: #000
    }

    .lSU-UeevMWDFTc7xVRq_g ._3GpIvXF8rBALh_aPqyNQxs {
        border-color: red
    }

    .lSU-UeevMWDFTc7xVRq_g button._3GpIvXF8rBALh_aPqyNQxs {
        color: red
    }

    .lSU-UeevMWDFTc7xVRq_g ._3zQSEhlXNXH1kApO8WY5Re {
        border-color: green
    }

    .lSU-UeevMWDFTc7xVRq_g button._3zQSEhlXNXH1kApO8WY5Re {
        color: green
    }

    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child {
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -140px;
        width: 100%;
        top: 400px
    }

    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .form-group {
        width: 100%;
        margin: 0
    }

    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .col-sm-2,
    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .col-sm-4,
    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .col-sm-6,
    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .col-sm-10 {
        padding-left: 15px
    }

    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .col-sm-10 {
        text-align: center
    }

    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child .col-sm-10 label {
        vertical-align: middle;
        margin: 0 !important;
        color: #000;
        font-size: 14px;
        font-weight: bold
    }

    .lSU-UeevMWDFTc7xVRq_g fieldset:last-child::after {
        content: none
    }

    ._2R3q5yrRUVZFToMQlonV0z {
        padding-top: 10px;
        color: #666666;
        text-transform: capitalize
    }

    ._2I6mEtRUwWc_AW-goRiugh {
        position: absolute;
        right: 5rem;
        top: 0;
        line-height: 34px
    }

    ._3aYJF-rztJ5g2A_9DDe7Mz {
        padding: 0;
        color: #4f4f4f;
        font-size: 14px
    }

    ._3aYJF-rztJ5g2A_9DDe7Mz:hover {
        color: #4f4f4f;
        text-decoration: none
    }

    ._1SkHEsu5miBpcpNXUNtIoM {
        min-width: 210px;
        height: 46px;
        margin: 17px 0 36px;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        border-radius: 23px;
        border: 0;
        background: #2d7699;
        text-transform: uppercase
    }

    ._1SkHEsu5miBpcpNXUNtIoM:hover {
        color: #fff;
        background: #2d7699
    }

    .C2eOddeuy8qzvJErwDYO8,
    ._1zNHYKenEo3OwmY_0Ztyrf,
    ._1JalLbhw423HZIIKHTSgVd {
        display: none
    }

    ._2TvvGyx6z9P5oLfsQURaiE {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._2TvvGyx6z9P5oLfsQURaiE h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._2TvvGyx6z9P5oLfsQURaiE h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._2TvvGyx6z9P5oLfsQURaiE h4 {
        font-size: 14px
    }

    ._2TvvGyx6z9P5oLfsQURaiE>ul {
        list-style: none
    }

    ._2TvvGyx6z9P5oLfsQURaiE ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._2TvvGyx6z9P5oLfsQURaiE p,
    ._2TvvGyx6z9P5oLfsQURaiE li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._2TvvGyx6z9P5oLfsQURaiE p {
        margin: 1em 0
    }

    ._2TvvGyx6z9P5oLfsQURaiE p._34g1NJb5bC4TmiZfTGt831 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._2TvvGyx6z9P5oLfsQURaiE p._34g1NJb5bC4TmiZfTGt831 img {
        width: 33%
    }

    ._2TvvGyx6z9P5oLfsQURaiE ._1pgdVX0o1JAE86nJjBpcR {
        color: #0a5d83;
        font-weight: bolder
    }

    ._2TvvGyx6z9P5oLfsQURaiE table {
        width: 100%
    }

    ._2TvvGyx6z9P5oLfsQURaiE table thead tr,
    ._2TvvGyx6z9P5oLfsQURaiE table thead th,
    ._2TvvGyx6z9P5oLfsQURaiE table thead td,
    ._2TvvGyx6z9P5oLfsQURaiE table tbody tr,
    ._2TvvGyx6z9P5oLfsQURaiE table tbody th,
    ._2TvvGyx6z9P5oLfsQURaiE table tbody td,
    ._2TvvGyx6z9P5oLfsQURaiE table tfoot tr,
    ._2TvvGyx6z9P5oLfsQURaiE table tfoot th,
    ._2TvvGyx6z9P5oLfsQURaiE table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._2TvvGyx6z9P5oLfsQURaiE table thead th,
    ._2TvvGyx6z9P5oLfsQURaiE table tbody th,
    ._2TvvGyx6z9P5oLfsQURaiE table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._1v_g9pbVFecDdUM3Df4Cdk {
        display: block;
        list-style: none;
        margin: 0 auto;
        padding: 0 0 0 30px
    }

    ._1v_g9pbVFecDdUM3Df4Cdk li {
        display: inline-block;
        width: 26%;
        vertical-align: top;
        margin: 10px 3%;
        background: rgba(204, 204, 204, 0.6);
        border-radius: 5px;
        cursor: pointer
    }

    ._1v_g9pbVFecDdUM3Df4Cdk li:hover {
        background: rgba(204, 204, 204, 0.9)
    }

    ._1v_g9pbVFecDdUM3Df4Cdk li button {
        width: 100%;
        min-height: 150px;
        padding: 25px 0 15px;
        color: #444;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        letter-spacing: 2px
    }

    ._1v_g9pbVFecDdUM3Df4Cdk li button:hover,
    ._1v_g9pbVFecDdUM3Df4Cdk li button:focus {
        color: #444;
        text-decoration: none
    }

    ._1v_g9pbVFecDdUM3Df4Cdk li i {
        display: block;
        font-size: 50px;
        margin-bottom: 10px
    }

    ._1v_g9pbVFecDdUM3Df4Cdk li i._1SFTOC3TtzueMQ74n-BCp- {
        height: 50px;
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/69577e9b973eb06dbe7cd24814aeff57.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/69577e9b973eb06dbe7cd24814aeff57.svg);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: #444
    }

    .panel .dVhF2-SOshvlfEe50JMm2 {
        background: #307a9c;
        color: #fff;
        position: relative;
        height: 51px;
        font-size: 21px
    }

    .panel .dVhF2-SOshvlfEe50JMm2 i {
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .panel .dVhF2-SOshvlfEe50JMm2 span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center
    }

    ._1FbLrrA_l_MWoC6jxZ9uHU {
        color: #ffca00
    }

    ._37bNXha2rDTZyRUYuNmPiU>tbody>tr>td {
        vertical-align: middle
    }

    ._37bNXha2rDTZyRUYuNmPiU tr.not-read {
        font-weight: bold
    }

    ._37bNXha2rDTZyRUYuNmPiU tr.not-read button {
        font-weight: bold
    }

    ._37bNXha2rDTZyRUYuNmPiU tr ._1rvFgHktHv2owoshNSioRv {
        width: 24em
    }

    ._37bNXha2rDTZyRUYuNmPiU tfoot {
        background-color: #eee
    }

    ._13w26HgpJDSil32L7irVB- {
        color: #ffca00
    }

    ._1L9_3cSRzK_r6UqgJLHsnF {
        min-height: 100%;
        text-align: center;
        background: linear-gradient(45deg, #0a3a67 0%, #098cb2 100%)
    }

    ._1L9_3cSRzK_r6UqgJLHsnF img {
        width: 80%;
        height: auto;
        max-width: 712px;
        margin: 30px auto;
        vertical-align: middle
    }


    .x13i6pD3LZGzda-YZIdFe * {
        font-size: 20px !important
    }

    .wIMEi4FLwVIKirGbXw9nn {
        height: 100vh;
        line-height: 1.428571429;
        background: #333
    }

    ._3kmDsTnRy6ISkgHIeRSQXw {
        position: relative;
        width: 1000px;
        margin: 0 auto
    }

    ._2bwW4vYHlEz91bFYUT4fng {
        display: -ms-flexbox;
        display: flex;
        height: 107px;
        background: #202020;
        -ms-flex-align: center;
        align-items: center
    }

    ._2bwW4vYHlEz91bFYUT4fng img {
        max-height: 100px
    }

    ._2bwW4vYHlEz91bFYUT4fng span {
        margin-left: 20px;
        color: #fff;
        font-size: 30px;
        font-weight: bold
    }

    ._11tZ2CaykkvV2ncBGog45M {
        padding: 16px 0
    }

    ._11tZ2CaykkvV2ncBGog45M ul {
        padding: 28px 0;
        font-size: 0;
        background: #4b4b4b;
        border-radius: 10px
    }

    ._15Kzec_LQG4GNcxY0XXeyj {
        vertical-align: top;
        width: 273px;
        margin: 0 30px 45px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer
    }

    ._15Kzec_LQG4GNcxY0XXeyj h4 {
        margin: 0 0 6px;
        color: #fcdf00;
        font-size: 17px;
        word-break: break-all
    }

    ._15Kzec_LQG4GNcxY0XXeyj p {
        margin: 0 0 7px;
        font-size: 15px
    }

    ._15Kzec_LQG4GNcxY0XXeyj ._3mcErK-FCytZhF6RGTWuuJ {
        position: relative;
        height: 190px;
        margin-top: 21px;
        border-radius: 5px;
        overflow: hidden
    }

    ._15Kzec_LQG4GNcxY0XXeyj ._3mcErK-FCytZhF6RGTWuuJ img {
        vertical-align: top;
        width: 100%;
        height: 190px
    }

    ._15Kzec_LQG4GNcxY0XXeyj ._7j9GJlkG6Ql0NLYB-QXE5 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        background: rgba(0, 0, 0, 0.8)
    }

    ._15Kzec_LQG4GNcxY0XXeyj ._7j9GJlkG6Ql0NLYB-QXE5:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 100%;
        vertical-align: middle
    }

    ._15Kzec_LQG4GNcxY0XXeyj ._7j9GJlkG6Ql0NLYB-QXE5 span {
        display: inline-block;
        vertical-align: middle;
        width: 198px;
        height: 54px;
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 7px;
        line-height: 54px;
        border: 1px solid #fff;
        border-radius: 5px
    }

    .panel ._9MW-vSzsgcK9FRDyDzgUm {
        background: #307a9c;
        color: #fff;
        position: relative;
        height: 51px;
        font-size: 21px
    }

    .panel ._9MW-vSzsgcK9FRDyDzgUm i {
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .panel ._9MW-vSzsgcK9FRDyDzgUm span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center
    }

    .UaZsoRYx86pVfr_jmDCBu {
        display: inline-block
    }

    ._1tGoU1uNwPbJWNOXEOBnts>thead>tr>th {
        vertical-align: middle
    }

    ._1tGoU1uNwPbJWNOXEOBnts>thead>tr>th>span,
    ._1tGoU1uNwPbJWNOXEOBnts>thead>tr>th>div {
        vertical-align: middle
    }

    ._1tGoU1uNwPbJWNOXEOBnts>tbody>tr>td {
        vertical-align: middle
    }

    .pR-rca7Y_Q5lLuRNi-TVG {
        padding: 20px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        background: #307a9c;
        border-radius: 10px
    }

    .pR-rca7Y_Q5lLuRNi-TVG ._3DC7cCjwpbapFv-Iysv7zj {
        position: relative;
        width: 450px;
        min-height: 213px;
        margin: 0 auto 25px
    }

    .pR-rca7Y_Q5lLuRNi-TVG ._3DC7cCjwpbapFv-Iysv7zj .oUd9WHAffg72PpVodp7Vr {
        position: absolute;
        top: 60px;
        left: 20px;
        width: 60%;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
    }

    .pR-rca7Y_Q5lLuRNi-TVG ._3DC7cCjwpbapFv-Iysv7zj .oUd9WHAffg72PpVodp7Vr .Z0f2G-DSExs_irIhnfOe_ {
        display: -webkit-box;
        font-weight: bold;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 24px;
        padding-left: 3px;
        letter-spacing: 1.25px;
        word-break: break-all
    }

    .pR-rca7Y_Q5lLuRNi-TVG ul {
        width: 450px;
        padding: 0;
        margin: 0 auto;
        list-style: none
    }

    .pR-rca7Y_Q5lLuRNi-TVG ul li {
        position: relative;
        width: 100%;
        height: 75px;
        line-height: 75px;
        margin-bottom: 24px;
        color: #8b5211;
        font-size: 26px;
        cursor: pointer;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/c7ebe198bea3b6ce8bf60be7c5863b09.png) center/cover no-repeat
    }

    .pR-rca7Y_Q5lLuRNi-TVG ul li img {
        width: 90px;
        height: 60px;
        margin: 0 30px 0 20px
    }

    .pR-rca7Y_Q5lLuRNi-TVG ul li i {
        position: absolute;
        right: 20px;
        top: calc(50% - 13px)
    }

    .pR-rca7Y_Q5lLuRNi-TVG ._3Zry8GiRwg-cVyZzu87aVH {
        position: absolute;
        top: -5px;
        right: 0;
        max-width: 70px;
        padding: 0 4px;
        color: #fff;
        font-size: 12px;
        line-height: 13px;
        letter-spacing: 0;
        background: #f00;
        border: 2px solid #f00;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 8px
    }

    ._3NlxIj2mspz67Uh0B6yOTs {
        width: 450px;
        margin: 0 auto 25px;
        padding: 3px;
        color: #000;
        font-size: 12px;
        border-radius: 10px;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
        background-image: linear-gradient(80deg, #fdffd1 3%, #fefff0 84%, #fff 99%)
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2_kdvRde6YzUQvkQI91RF9 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: 44px;
        padding: 0 13px 0 11px;
        border-radius: 8px 8px 0 0;
        background-image: linear-gradient(to bottom, #ffe980, #f1da6f)
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2_kdvRde6YzUQvkQI91RF9 span {
        color: #8b5211;
        font-size: 20px;
        font-weight: bold
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2_kdvRde6YzUQvkQI91RF9 button {
        min-width: 80px;
        max-width: 120px;
        line-height: 24px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        border-radius: 12px;
        border: solid 1px #b78510;
        background-image: linear-gradient(to bottom, #fefbb3, #ffcd51)
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._7qsdPo1htPgWsqzFDY-ej {
        font-size: 14px;
        font-weight: bold
    }

    ._3NlxIj2mspz67Uh0B6yOTs .progress {
        position: relative;
        width: 420px;
        height: 8px;
        margin-bottom: 0;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.2)
    }

    ._3NlxIj2mspz67Uh0B6yOTs .progress-bar {
        border-radius: 4px
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._69cc9jdP7xL5OYFmHc0rk {
        position: relative;
        width: 420px
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP,
    ._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ {
        padding: 5px 13px 0 11px;
        border: solid 1px #f1da6f
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP {
        height: 80px
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP ._2C_ekPPMgBRdLGeKx82XOn {
        color: #ff5757
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP .progress-bar {
        background-color: #ff5757
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2-U5ipW_l1DtDNt0vib0jP.noDeposit {
        border-radius: 0 0 8px 8px
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ {
        height: 70px;
        border-radius: 0 0 8px 8px
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ ._2C_ekPPMgBRdLGeKx82XOn {
        color: #ff913d
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._1MQ_aaYtM0vtyoVbuloxM_ .progress-bar {
        background-color: #ff913d
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2htSDFA8dEMtmKYDNruaPL {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._1yeTSXIGfqgHZO_Edqfl7v {
        position: absolute;
        top: 0;
        width: 3px;
        height: 100%;
        background-color: #f00
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2jCn6pXleiLGZ52B_a2Q7H {
        position: absolute;
        top: 0;
        width: 3px;
        height: 100%;
        background-color: #f00;
        text-align: center
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2jCn6pXleiLGZ52B_a2Q7H:hover ._2iRNoMop3XLb1oKqjVpzXR {
        visibility: visible
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._3yZwWZwNtsuTSmsLvFC9oC {
        position: absolute;
        top: 10px;
        color: #000;
        white-space: nowrap
    }

    ._3NlxIj2mspz67Uh0B6yOTs ._2iRNoMop3XLb1oKqjVpzXR {
        visibility: hidden;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 11px;
        padding: 0 5px;
        color: #000;
        text-align: center;
        white-space: nowrap;
        border: 1px solid #000;
        border-radius: 8px;
        background-image: linear-gradient(to bottom, #ffe980, #f1da6f);
        z-index: 1
    }

    ._1hv6C9zvNpTPdu5tSTVY-8 {
        text-align: center
    }

    ._1hv6C9zvNpTPdu5tSTVY-8>img {
        max-width: 100%;
        height: auto
    }

    ._7fLC8mBkVb8o19sfe03gd {
        height: auto;
        background: none
    }

    ._1WgjBCenc-YvTcoT8Dnt6k {
        position: relative;
        padding: 0;
        margin: 0 auto;
        width: 450px;
        height: 430px;
        z-index: 1
    }

    ._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies {
        position: relative;
        margin-bottom: 70px;
        height: 430px
    }

    ._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies img {
        width: 100%;
        height: 213px
    }

    ._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies ._8ph4Spnm6Eu0T1qe2qlHf {
        position: absolute;
        top: 80px;
        left: 20px;
        width: 60%;
        color: #fff;
        font-weight: bold;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
    }

    ._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies ._8ph4Spnm6Eu0T1qe2qlHf h1 {
        margin: 0;
        font-size: 66px
    }

    ._1WgjBCenc-YvTcoT8Dnt6k ._2wmxKXuwXNIiN7w-9FDies ._8ph4Spnm6Eu0T1qe2qlHf h4 {
        display: -webkit-box;
        line-height: 24px;
        margin: 0;
        padding-left: 3px;
        letter-spacing: 1.25px;
        font-size: 20px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        word-break: break-all
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .M6t_8hOFJflQlQILN09f- {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        top: 180px;
        font-weight: bold;
        text-align: center;
        color: #f00
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .M6t_8hOFJflQlQILN09f- span {
        width: 120px;
        line-height: 15px;
        word-break: break-all
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .M6t_8hOFJflQlQILN09f->span+span {
        margin-left: 20px
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow {
        position: absolute;
        top: 95px;
        z-index: 1;
        width: 22px;
        height: 34px;
        cursor: pointer;
        -ms-transform: none;
        transform: none;
        background-position: top
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow:before {
        display: none
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow:hover {
        background-position: bottom !important
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.slick-prev,
    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.GtVJEsKd6_X4aVt7U9KQl {
        left: -100px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/505a1377d860ec46c2bb2f12986873b1.png)
    }

    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.slick-next,
    ._1WgjBCenc-YvTcoT8Dnt6k .slick-arrow.iZ7hdVvxoGAVMN1Wf-uV7 {
        right: -100px;
        background: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/82168f9302bf13f3b2f46d6cdca00edd.png)
    }

    ._11o4DhxA-xASkeDqaozARa {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: -140px;
        margin-bottom: 45px
    }

    ._11o4DhxA-xASkeDqaozARa>div {
        position: relative;
        width: 120px;
        height: 140px;
        padding: 0 10px;
        text-align: center;
        border-radius: 10px;
        font-size: 16px;
        color: #000;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
        background-image: linear-gradient(66deg, #fdffd1 17%, #fefff0 84%, #fff 96%)
    }

    ._11o4DhxA-xASkeDqaozARa>div::before {
        content: '';
        position: absolute;
        top: 4px;
        left: 4px;
        width: 112px;
        height: 132px;
        border-radius: 8px;
        border: solid 1px #f1da6f
    }

    ._11o4DhxA-xASkeDqaozARa>div img {
        position: relative;
        z-index: 1;
        margin: -40px auto 10px;
        width: 80px;
        height: 80px
    }

    ._11o4DhxA-xASkeDqaozARa>div+div {
        margin-left: 20px
    }

    ._3tKeqmVSN4qfxLodgomtQ_ {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        padding: 0 10px;
        overflow-x: auto
    }

    ._3tKeqmVSN4qfxLodgomtQ_ img {
        max-width: 100%;
        height: auto
    }

    ._3tKeqmVSN4qfxLodgomtQ_ dd {
        margin-left: 0
    }

    ._3tKeqmVSN4qfxLodgomtQ_ table {
        width: 100%
    }

    ._3tKeqmVSN4qfxLodgomtQ_ table tr,
    ._3tKeqmVSN4qfxLodgomtQ_ table th,
    ._3tKeqmVSN4qfxLodgomtQ_ table td {
        line-height: 2em;
        text-align: center
    }

    ._3tKeqmVSN4qfxLodgomtQ_ ol,
    ._3tKeqmVSN4qfxLodgomtQ_ ul {
        display: inline-block;
        padding-left: 20px
    }

    .panel ._3gr507g7o2NxGb7Hrl_IQ4 {
        background: #307a9c;
        color: #fff;
        position: relative;
        height: 51px;
        font-size: 21px
    }

    .panel ._3gr507g7o2NxGb7Hrl_IQ4 i {
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .panel ._3gr507g7o2NxGb7Hrl_IQ4 span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center
    }

    .xXXTI9U6kx7CycAVpdO5u {
        right: auto !important
    }

    ._2x4m4MB4zPC93NExidVqsw {
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        background: linear-gradient(89deg, #fdffd1 0%, #fefff0 85%, #fff 100%);
        border: 1px solid #f1da6f;
        border-radius: 10px
    }

    ._2x4m4MB4zPC93NExidVqsw li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 14px 21px;
        color: #555;
        font-size: 15px;
        list-style: none;
        cursor: pointer
    }

    ._2x4m4MB4zPC93NExidVqsw li:first-child {
        border-radius: 10px 0 0 10px
    }

    ._2x4m4MB4zPC93NExidVqsw li.active,
    ._2x4m4MB4zPC93NExidVqsw li:hover {
        color: #f00;
        background: linear-gradient(to bottom, #fefbb3, #ffcd51)
    }

    ._1AO03vQwBhKa7hw68apePj {
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    ._1AO03vQwBhKa7hw68apePj li {
        color: #555;
        padding: 6px 12px;
        margin: 0 7px;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        list-style: none;
        cursor: pointer
    }

    ._1AO03vQwBhKa7hw68apePj li.active,
    ._1AO03vQwBhKa7hw68apePj li:hover {
        color: #000;
        background: linear-gradient(to bottom, #fefbb3, #ffcd51);
        border: 1px solid #ffcd51
    }

    ._1D2BzNio2Hm5EFwWEBnwXy {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin: 0 0 12px;
        background: linear-gradient(84deg, #fdffd1 1%, #fefff0 84%, #fff 100%);
        border: 1px solid #ffcd51;
        border-radius: 7px
    }

    ._1D2BzNio2Hm5EFwWEBnwXy:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 25%;
        height: 100%;
        background: linear-gradient(to bottom, #ffe980, #f1da6f);
        border-radius: 7px 0 0 7px
    }

    ._1D2BzNio2Hm5EFwWEBnwXy li {
        position: relative;
        width: 100%;
        line-height: 2.6;
        list-style: none;
        border-bottom: 1px solid #f1da6f
    }

    ._1D2BzNio2Hm5EFwWEBnwXy li:last-child {
        border: none
    }

    ._1D2BzNio2Hm5EFwWEBnwXy li p {
        margin: 0
    }

    ._1D2BzNio2Hm5EFwWEBnwXy li ._1xuiHcUQAPKDvcENuhK7LC {
        color: #959595
    }

    ._1D2BzNio2Hm5EFwWEBnwXy li ._32Du2yT-Fn_9XPrN8WGQQ9 {
        color: #f00
    }

    .panel .-KabM5S4Rba77yG-L4fE6 {
        background: #307a9c;
        color: #fff;
        position: relative;
        height: 51px;
        font-size: 21px
    }

    .panel .-KabM5S4Rba77yG-L4fE6 i {
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    .panel .-KabM5S4Rba77yG-L4fE6 span {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center
    }

    ._1ueGMS1de4cL0-Ailoa7SO {
        right: auto !important
    }

    ._3cJk9tRIzVfI0qPFRhxpFc {
        min-width: 50px;
        height: 22px;
        padding: 0 5px;
        color: #000;
        text-align: center;
        line-height: 20px;
        background: #cbccc3;
        border-radius: 4px;
        border: none
    }

    ._3cJk9tRIzVfI0qPFRhxpFc.receiveable {
        background: linear-gradient(to bottom, #fefbb3, #ffcd51);
        border: 1px solid #ffcd51
    }

    ._12O3bBZUNx8i02788SNYVn thead {
        color: #8b5211;
        border-radius: 5px;
        background-image: linear-gradient(to bottom, #ffe980, #f1da6f)
    }

    ._12O3bBZUNx8i02788SNYVn tbody {
        border-radius: 5px;
        border: solid 1px #f1da6f;
        background-image: linear-gradient(87deg, #fdffd1 0%, #fefff0 84%, #fff 100%)
    }

    ._12O3bBZUNx8i02788SNYVn th,
    ._12O3bBZUNx8i02788SNYVn td {
        text-align: center
    }

    ._1IHnBt5NqeQNQVDxEY251A {
        color: #f00
    }

    ._2iMOy9fqIFVx9D1p3L2mgE {
        display: block;
        list-style: none;
        margin: 0 auto;
        padding: 0 0 0 30px
    }

    ._2iMOy9fqIFVx9D1p3L2mgE li {
        display: inline-block;
        width: 26%;
        vertical-align: top;
        margin: 10px 3%;
        background: rgba(204, 204, 204, 0.6);
        border-radius: 5px;
        cursor: pointer
    }

    ._2iMOy9fqIFVx9D1p3L2mgE li:hover {
        background: rgba(204, 204, 204, 0.9)
    }

    ._2iMOy9fqIFVx9D1p3L2mgE li button {
        width: 100%;
        min-height: 150px;
        padding: 25px 0 15px;
        color: #444;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        letter-spacing: 2px
    }

    ._2iMOy9fqIFVx9D1p3L2mgE li button:hover,
    ._2iMOy9fqIFVx9D1p3L2mgE li button:focus {
        color: #444;
        text-decoration: none
    }

    ._2iMOy9fqIFVx9D1p3L2mgE li i {
        display: block;
        font-size: 50px;
        margin-bottom: 10px
    }

    ._2iMOy9fqIFVx9D1p3L2mgE li i.aBV8fBieNUK9eewKq0lg9 {
        height: 50px;
        -webkit-mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/69577e9b973eb06dbe7cd24814aeff57.svg);
        mask-image: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/69577e9b973eb06dbe7cd24814aeff57.svg);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: #444
    }

    ._1mQa6LK9QN1QSUfHQbGAex {
        position: relative;
        width: 1185px;
        height: 730px;
        padding: 20px;
        text-align: left;
        color: #000;
        background: #fff;
        border: 1px solid #ccc;
        overflow-y: auto
    }

    ._1mQa6LK9QN1QSUfHQbGAex h2 {
        margin: 0 0 25px;
        padding-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        color: #0a5d83
    }

    ._1mQa6LK9QN1QSUfHQbGAex h3 {
        font-size: 16px;
        font-weight: bold;
        color: #0a5d83
    }

    ._1mQa6LK9QN1QSUfHQbGAex h4 {
        font-size: 14px
    }

    ._1mQa6LK9QN1QSUfHQbGAex>ul {
        list-style: none
    }

    ._1mQa6LK9QN1QSUfHQbGAex ol {
        padding-left: 20px;
        list-style-type: decimal
    }

    ._1mQa6LK9QN1QSUfHQbGAex p,
    ._1mQa6LK9QN1QSUfHQbGAex li {
        font-size: 16px;
        text-align: justify;
        line-height: 2em
    }

    ._1mQa6LK9QN1QSUfHQbGAex p {
        margin: 1em 0
    }

    ._1mQa6LK9QN1QSUfHQbGAex p._1y1iqCcA5zNpunlgSzz1DP {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    ._1mQa6LK9QN1QSUfHQbGAex p._1y1iqCcA5zNpunlgSzz1DP img {
        width: 33%
    }

    ._1mQa6LK9QN1QSUfHQbGAex ._2yOzdG6rVNA_poDhLcZn9p {
        color: #0a5d83;
        font-weight: bolder
    }

    ._1mQa6LK9QN1QSUfHQbGAex table {
        width: 100%
    }

    ._1mQa6LK9QN1QSUfHQbGAex table thead tr,
    ._1mQa6LK9QN1QSUfHQbGAex table thead th,
    ._1mQa6LK9QN1QSUfHQbGAex table thead td,
    ._1mQa6LK9QN1QSUfHQbGAex table tbody tr,
    ._1mQa6LK9QN1QSUfHQbGAex table tbody th,
    ._1mQa6LK9QN1QSUfHQbGAex table tbody td,
    ._1mQa6LK9QN1QSUfHQbGAex table tfoot tr,
    ._1mQa6LK9QN1QSUfHQbGAex table tfoot th,
    ._1mQa6LK9QN1QSUfHQbGAex table tfoot td {
        font-size: 18px;
        padding: 0;
        line-height: 64px;
        text-align: center;
        border: 1px solid #000
    }

    ._1mQa6LK9QN1QSUfHQbGAex table thead th,
    ._1mQa6LK9QN1QSUfHQbGAex table tbody th,
    ._1mQa6LK9QN1QSUfHQbGAex table tfoot th {
        font-size: 18px;
        font-weight: bold;
        background-color: #fff
    }

    ._1VCDWJhL6zgS4V6pZowcj3 {
        width: 480px;
        font-size: 14px
    }

    ._1VCDWJhL6zgS4V6pZowcj3 h2 {
        display: inline-block;
        min-width: 100px;
        padding: 0 10px;
        font-size: 16px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        background: #1a5c79;
        border-radius: 5px
    }

    ._1VCDWJhL6zgS4V6pZowcj3 .row {
        color: #fff;
        line-height: 2.5em;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.1)
    }

    ._1VCDWJhL6zgS4V6pZowcj3 .col-md-7 {
        text-align: right
    }

    
    .rgJTmiRYgV5Zq25ikVmgM .white {
        color: #fff
    }

    .rgJTmiRYgV5Zq25ikVmgM .btn-lg,
    .rgJTmiRYgV5Zq25ikVmgM .btn-lg:hover {
        width: 100%;
        color: #000;
        background-color: #32b4e3;
        border: none
    }

    .rgJTmiRYgV5Zq25ikVmgM .pd-0 {
        padding: 0
    }

    .zopmijz8rytdZWDDDhpNu {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0 0 20px;
        overflow-x: auto
    }

    .zopmijz8rytdZWDDDhpNu ul {
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0
    }

    .zopmijz8rytdZWDDDhpNu li {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 222px;
        height: 72px;
        margin: 0;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        background: #307a9c;
        border-radius: 10px;
        box-sizing: border-box;
        border: 3px solid #307a9c;
        list-style: none;
        cursor: pointer
    }

    .zopmijz8rytdZWDDDhpNu li+li {
        margin-left: 10px
    }

    .zopmijz8rytdZWDDDhpNu li:hover,
    .zopmijz8rytdZWDDDhpNu li.active {
        border-color: #32b4e3
    }

    .zopmijz8rytdZWDDDhpNu li i {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        background-color: #f9bb1f;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9f9c8df554bf188532e64d8387de062b.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/9f9c8df554bf188532e64d8387de062b.svg) no-repeat center
    }

    .zopmijz8rytdZWDDDhpNu li i.add {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1a4a07a80b431b9c143c551ae0695937.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/1a4a07a80b431b9c143c551ae0695937.svg) no-repeat center
    }

    ._74QR1YC5jN2v1_8-p0t7B {
        padding: 20px;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        background: #307a9c;
        border-radius: 10px
    }

    ._2JHcPhfFkctxgdJLYqHZRK {
        width: 20rem
    }

    ._2JHcPhfFkctxgdJLYqHZRK .row:last-child {
        color: #3c763d
    }

    ._2JHcPhfFkctxgdJLYqHZRK .row:last-child ._3ANJjNkqkKGCYk66cszWFW {
        color: #a94442
    }

    ._1XYnvVSc_zEv3kNu71jQwo {
        width: 450px
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 0 0 20px;
        padding: 0
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 146px;
        height: 40px;
        margin: 0 6px 5px 0;
        color: #fff;
        font-size: 15px;
        background: #1a5c79;
        border-radius: 10px;
        box-sizing: border-box;
        list-style: none;
        cursor: pointer
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li:nth-child(3n) {
        margin-right: 0
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li:hover,
    ._1XYnvVSc_zEv3kNu71jQwo>ul li.active {
        color: #000;
        background: #32b4e3
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li:hover i,
    ._1XYnvVSc_zEv3kNu71jQwo>ul li.active i {
        background-color: #000
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i {
        width: 30px;
        height: 30px;
        margin-right: 5px;
        background-color: #fff;
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/438f90d7c765cf93426ac599216a0586.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/438f90d7c765cf93426ac599216a0586.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.gcash {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/85e888bb0fa15be2148f97ff0105b853.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/85e888bb0fa15be2148f97ff0105b853.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.paymaya {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/55186887d059ed53a404962fb244aec8.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/55186887d059ed53a404962fb244aec8.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.grabpay {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b53996d5e2c2d241bc4880d38789544f.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/b53996d5e2c2d241bc4880d38789544f.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.dana {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/40204e4dd24836f721845e43df044781.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/40204e4dd24836f721845e43df044781.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.ovo {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ea0e173aa53ca2f04c0a3a3901b9822f.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/ea0e173aa53ca2f04c0a3a3901b9822f.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.shopeepay {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fe83cb99128a1b6134f2ad92dbc906f0.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/fe83cb99128a1b6134f2ad92dbc906f0.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.linkaja {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e2d480ca4f7ae3538e3b3bb3d286d5b2.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/e2d480ca4f7ae3538e3b3bb3d286d5b2.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.pix-cpf,
    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.pix-cnpj,
    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.pix-phone,
    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.pix-email {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/913db21617d7c86bf20f8a65e4e7ceb8.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/913db21617d7c86bf20f8a65e4e7ceb8.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.usdt {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a0132bbdeae4a1544f5c0ebc6eb01f18.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/a0132bbdeae4a1544f5c0ebc6eb01f18.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo>ul li i.okk {
        -webkit-mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/45a7e437fe95d7f0fd02d702ebb930ce.svg) no-repeat center;
        mask: url(https://qk3x72.katawee.net/system-requirement/Web.PortalNew/UK254-01/cdba9e173a/images/45a7e437fe95d7f0fd02d702ebb930ce.svg) no-repeat center;
        -webkit-mask-size: contain;
        mask-size: contain
    }

    ._1XYnvVSc_zEv3kNu71jQwo ._1kNqYr72mGtT0HQPYDnBrF {
        text-align: left
    }

    ._1XYnvVSc_zEv3kNu71jQwo ._1kNqYr72mGtT0HQPYDnBrF i {
        position: absolute;
        right: 10px;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS.dropdown-menu {
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ {
        max-height: 200px;
        overflow-y: auto
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li {
        line-height: 25px
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 20px;
        color: #333333;
        text-decoration: none
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS .grQnjRo5Rz7NT1x6OFyVZ li a:hover {
        color: #262626;
        background-color: #f5f5f5
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS ._3pbW59iWhhn_Gqd6-ABb4 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 40px;
        background-color: rgba(0, 0, 0, 0.2)
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS ._3pbW59iWhhn_Gqd6-ABb4 i {
        position: absolute;
        right: 20px;
        color: rgba(0, 0, 0, 0.3)
    }

    ._1XYnvVSc_zEv3kNu71jQwo ul._2rdHJG0p-5NdrGJfac8SSS ._3pbW59iWhhn_Gqd6-ABb4 input {
        width: 95%;
        height: 30px;
        padding: 0px 1rem;
        color: #000;
        border: none;
        border-radius: 4px
    }

    ._3vB8xRBLPpso79iO9gtehP {
        width: 420px;
        padding: 15px;
        font-size: 14px
    }

    ._3vB8xRBLPpso79iO9gtehP label {
        font-size: 16px
    }

    ._2wbZLiuDoWbuv2oJIefKA7 {
        position: relative
    }

    ._2wbZLiuDoWbuv2oJIefKA7 input {
        display: inline-block;
        width: 69%
    }

    ._2wbZLiuDoWbuv2oJIefKA7 ._3PAbIA9LcGZoFjCr-8XN2Z {
        border-color: red
    }

    ._2wbZLiuDoWbuv2oJIefKA7 button._3PAbIA9LcGZoFjCr-8XN2Z {
        color: red
    }

    ._2wbZLiuDoWbuv2oJIefKA7 ._3rHR8NnouqjxSlob3oslFu {
        border-color: green
    }

    ._2wbZLiuDoWbuv2oJIefKA7 button._3rHR8NnouqjxSlob3oslFu {
        color: green
    }

    @-webkit-keyframes marqueeAnimation-1134416 {
        100% {
            transform: translateX(-5825px)
        }
    }

    .wrapper {
        display: block;
        list-style: none;
        margin: 0 auto;
        padding: 0 0 0 30px
    }
    
    .wrapper li {
        display: inline-block;
        width: 26%;
        vertical-align: top;
        margin: 10px 3%;
        background: rgba(204, 204, 204, 0.6);
        border-radius: 5px;
        cursor: pointer
    }
    
    .wrapper li:hover {
        background: rgba(204, 204, 204, 0.9)
    }
    
    .wrapper li button {
        width: 100%;
        padding: 25px 0 15px;
        color: #444;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
        letter-spacing: 2px
    }
    
    .wrapper li button:hover,
    .wrapper li button:focus {
        color: #444;
        text-decoration: none
    }
    
    .wrapper li i {
        display: block;
        font-size: 50px;
        margin-bottom: 10px
    }
    
    .wrapper li i.name {
        height: 50px;
        -webkit-mask-image: url("~@assets/images/security-list/name_setting.svg");
        mask-image: url("~@assets/images/security-list/name_setting.svg");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background-color: #444
    }
    
</style>