* {

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



#app, *, body, html {

    margin: 0;

    padding: 0

}



#app, body, html {

    width: 100%;

    height: 100%

}



a {

    color: inherit;

    text-decoration: none

}



img {

    max-width: 100%;

    height: 100%;

    color: transparent

}



.flex {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex

}



.flex-col {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    flex-direction: column

}



.flex-wrap {

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap

}



.justify-center {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    justify-content: center

}



.justify-between {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-box-pack: justify;

    justify-content: space-between

}



.items-center {

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    align-items: center

}



.flex-1 {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    flex: 1

}



.hidden {

    display: none !important

}



.text-center {

    text-align: center

}



.app-module {

    padding: 0 1rem

}



.row-small {

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: .9375rem;
        display: flex;
    justify-content: space-evenly;

}



.row-small > a:not(:nth-child(4n)) {

    margin-right: .2625rem

}



.row-small > a {

    margin-bottom: 1rem;
    margin-right: 0.2625rem;

}



.back-top {

    position: fixed;

    z-index: 4;

    bottom: 5.375rem;

    right: .625rem;

    width: 2.5rem;

    height: 2.5rem;

    border-radius: 50%;

    box-shadow: .125rem 0 .3125rem rgba(0, 0, 0, .3);

    background: #fff url(data:image/png;base64,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) no-repeat 50%/1.25rem

}



.home-btn {

    background: #fff url(data:image/png;base64,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) no-repeat 50%/1.25rem

}



.close-btn, .home-btn {

    width: 2rem;

    height: 2rem;

    border-radius: 50%;

    box-shadow: .125rem 0 .3125rem rgba(0, 0, 0, .3)

}



.close-btn {

    margin-left: 1rem;

    background: #fff url(data:image/png;base64,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) no-repeat 50%/1.25rem

}



.menu-list-mask {

    z-index: 3;

    bottom: 0;

    background-color: #0003

}



.menu-list-box, .menu-list-mask {

    position: fixed;

    left: 0;

    top: 0;

    right: 0

}



.menu-list-box {

    z-index: 4;

    padding: 1.875rem 6px;

    border-radius: .625rem;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background-color: #f9f9f9

}



.menu-list-box > .close-btn {

    margin: 1.25rem auto 0

}



.menu-list {

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap

}



.menu-item, .menu-list {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex

}



.menu-item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    align-items: center;

    width: -webkit-calc(25% - 10px);

    width: calc(25% - 10px);

    padding: .3125rem 0;

    margin: .5rem 5px;

    border-radius: .625rem;

    box-shadow: 0 2px 10px 0 rgb(0 0 0/2%);

    color: #666;

    font-size: 12px;

    background-color: #fff;

    cursor: pointer

}



.menu-item > img {

    width: 2.375rem;

    height: 2.375rem;

    margin-bottom: .25rem

}



.menu-item-label {

    text-align: center;

    padding: 0 .5rem

}



.new-game {

    -webkit-box-flex: 0;

    -webkit-flex: none;

    -moz-box-flex: 0;

    flex: none;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    align-items: center;

    width: 6.5rem;

    padding-bottom: 1rem;

    border-radius: .625rem;

    box-shadow: 0 2px 10px 0 rgb(0 0 0/2%);

    background-color: #fff

}



.new-game:not(:last-child) {

    margin-right: .625rem

}



.game-item-play-btn {

    -webkit-box-flex: 0;

    -webkit-flex: none;

    -moz-box-flex: 0;

    flex: none;

    width: 3.75rem;

    height: 1.625rem;

    margin-top: .625rem;

    border-radius: .875rem;

    color: #fff;

    font-size: 14px;

    line-height: 1.625rem;

    text-align: center;

    background-color: #fc2745

}



.new-game .game-item {

    margin-top: -1.25rem

}



.history-game:not(:last-child) {

    margin-right: 1rem

}



.section-title {

    margin: 10px 0 5px;

    padding: 0 1rem

}



h3 {

    font-size: 14px

}



@-webkit-keyframes playAnimate {

    0% {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes playAnimate {

    0% {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

    to {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.game-box {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    margin-top: 5px;

    padding: 1rem

}



.game-box, .game-icon {

    background-color: #fff

}



.game-icon {

    overflow: hidden;

    -webkit-box-flex: 0;

    -webkit-flex: none;

    -moz-box-flex: 0;

    flex: none;

    display: inline-block;

    width: 90px;

    height: 90px;

    margin-right: .625rem;

    border-radius: .625rem

}



.game-type {

    display: inline-block;

    margin: .375rem 0;

    padding: .125rem .5rem;

    border: 1px solid #f45131;

    border-radius: .1875rem;

    color: #f45131;

    font-size: 12px

}



.play-btn {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    align-items: center;

    width: -webkit-calc(100% - 90px);

    width: calc(100% - 90px);

    height: 44px;

    margin: 20px auto;

    border-radius: 23px;

    color: #fff;

    font-size: 18px;

    line-height: 44px;

    background-color: #fc2745;

    -webkit-animation: playAnimate .5s linear infinite alternate;

    animation: playAnimate .5s linear infinite alternate

}



.game-desc-title {

    overflow: hidden;

    margin-top: .375rem;

    color: #212121;

    font-size: 16px;

    text-overflow: ellipsis;

    white-space: nowrap

}



.game-desc-rating {

    width: 16px;

    height: 16px;

    margin: 0 1px

}



.game-desc {

    position: relative;

    margin-top: .5rem;

    padding: .75rem 1rem 1rem;

    background-color: #fff

}



.game-desc h2 {

    margin: 0 0 .3125rem;

    font-size: 1.125rem

}



.game-desc p {

    margin: .5rem 0 0;

    color: #757575;

    font-size: 12px;

    line-height: 18px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical

}



.game-desc p.more {

    -webkit-line-clamp: 9999;

    -webkit-transform: rotate(180);

    transform: rotate(180)

}



.front-recommend {

    margin-top: .875rem

}



.front-title {

    font-size: .9375rem

}



.recommend-title {

    margin: .5rem 1rem;

    font-weight: 700

}



.recommend-list {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    justify-content: space-evenly;
    
    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    align-items: center;

    padding: 0 1rem;

    margin-bottom: .9375rem

}



.recommend-list > .game-item {

    margin-right: .561rem

}



.recommend-list .game-item-play-btn {

    margin: 0

}



.recommend-list > .game-item:nth-child(3n) {

    margin-right: 0

}



.recommend-list-label {

    overflow: hidden;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    flex: 1;

    margin: 0 .625rem

}



.recommend-list-name {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #333;

    font-size: 14px

}



.recommend-list-player {

    color: #999;

    font-size: 12px

}



.recommend-list-num {

    color: #f99d01

}



@media (min-width: 760px) {

    .recommend-list {

        -webkit-flex-wrap: wrap;

        flex-wrap: wrap;

    }



    .front-recommend {

        width: 540px;

        margin: 0 auto

    }

}



.iframe-box {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    flex-direction: column;

    background-color: #fff

}



.iframe {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    flex: 1;

    display: block;

    width: 100%

}



.iframe-ads {

    -webkit-box-flex: 0;

    -webkit-flex: none;

    -moz-box-flex: 0;

    flex: none;

    width: 100%;

    height: 50px

}



.iframe-back {

    top: 5rem;

    width: 2.5rem;

    height: 2.5rem;

    border-radius: 50%;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABICAYAAACtDUiwAAAACXBIWXMAABJ0AAASdAHeZh94AAAGrGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTEyLTE4VDE2OjI2OjI4KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTE4VDE2OjI2OjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0xOFQxNjoyNjoyOCswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNDljNzJhNS04NmFjLTEwNDQtOWY0MC0wNDUzZTBhNDlkYWQiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMGYyOGY4YS1lYTNlLTMzNGMtOThhYy00MTczZjA1OGRmMmIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkMWI2MDlmNC0zZjBmLTViNDItOWFkNS0xOGJlYjJlYjg1M2EiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6SGlzdG9yeT0iMjAxOS0xMi0xOFQxNjoyNTo1MSswODowMCYjeDk75paH5Lu2IOacquagh+mimC00IOW3suaJk+W8gCYjeEE7MjAxOS0xMi0xOFQxNjoyNjoyOCswODowMCYjeDk75paH5Lu2IEM6XFVzZXJzXEFkbWluaXN0cmF0b3JcRGVza3RvcFxidXR0b24yLnBuZyDlt7LlrZjlgqgmI3hBOyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkMWI2MDlmNC0zZjBmLTViNDItOWFkNS0xOGJlYjJlYjg1M2EiIHN0RXZ0OndoZW49IjIwMTktMTItMThUMTY6MjY6MjgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MzQ5YzcyYTUtODZhYy0xMDQ0LTlmNDAtMDQ1M2UwYTQ5ZGFkIiBzdEV2dDp3aGVuPSIyMDE5LTEyLTE4VDE2OjI2OjI4KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+doAK2AAAEZJJREFUeNrdXHdcVHe2HxFUTKgq0gTs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) no-repeat 50%/2.5rem

}



.iframe-back, .iframe-menu {

    position: absolute;

    z-index: 4;

    left: 0

}



.iframe-menu {

    top: 3rem;

    width: 8.625rem;

    padding: .375rem;

    padding-top: 1rem;

    border-radius: .5rem;

    background-color: #000000d9

}



.mask-box {

    position: fixed;

    z-index: 5;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    color: #fff;

    background-color: #424242

}



.mask-ads {

    overflow: hidden;

    position: relative;

    width: 100%;

    min-height: 250px;

    margin: auto 0;

    text-align: center

}



.skip-btn-box {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    flex-direction: column;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -moz-box-align: end;

    align-items: flex-end

}



.skip-btn {

    padding: .75rem;

    border: 1px solid #fff;

    border-right-color: #424242

}



.skip-tips {

    padding: .75rem;

    font-size: .75rem

}



.game-item-iframe {

    width: -webkit-calc(50% - 8px);

    width: calc(50% - 8px);

    margin: 4px

}



@-webkit-keyframes playAmt {

    0% {

        left: 3rem

    }

    to {

        left: 4rem

    }

}



@keyframes playAmt {

    0% {

        left: 3rem

    }

    to {

        left: 4rem

    }

}



body {

    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;

    background-color: #f9f9f9

}



.card {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    flex: 1;

    margin: 0 auto;

    padding: .8125rem;

    font-size: .625rem;

    word-wrap: break-word;

    word-break: break-word;

    white-space: normal;

    line-height: 1.8

}



#app {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -moz-box-orient: vertical;

    -moz-box-direction: normal;

    flex-direction: column

}



.card ul {

    padding-left: 1rem

}



.max-width {

    max-width: 540px;

    margin: auto

}



[id^=div-gpt-ad-] {

    text-align: center

}



.header {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    align-items: center;

    height: 45px;

    margin-bottom: .5rem;

    padding: 0 1rem;

    box-shadow: 0 2px 10px 0 rgb(0 0 0/2%);

    background-color: #fff

}



.heade-placeholder, .header {

    -webkit-box-flex: 0;

    -webkit-flex: none;

    -moz-box-flex: 0;

    flex: none;

    width: 100%

}



.heade-placeholder {

    position: relative

}



.search-item-box {

    position: absolute;

    z-index: 5;

    top: 100%;

    left: 1.25rem;

    right: 0;

    margin: 0;

    margin-top: 4px;

    padding: 10px 0;

    border-radius: 4px;

    box-shadow: 0 2px 8px #a9a9a9;

    background-color: #fff;

    list-style-type: none

}



.search-item {

    display: block;

    padding: 5px 15px

}



.search-box {

    position: relative;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -moz-box-flex: 1;

    flex: 1;

    padding: 0 1.25rem;

    padding-right: 0;

    height: 50px;

    max-width: 500px

}



.search-input {

    width: 100%;

    height: 35px;

    padding: 0 20px;

    padding-right: 35px;

    border: 1px solid #c5934b;

    border-radius: 999px;

    outline: none;

    margin-top: 5px

}



.search-icon {

    position: absolute;

    top: 46%;

    right: 10px;

    width: 22px;

    height: 22px !important;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



@media screen and (min-width: 760px) {

    .header {

        border-bottom: 1px solid rgba(0, 0, 0, .15);

        height: 61px;

        padding-top: 10px

    }



    .header, body {

        max-width: 100%

    }



    .home-game {

        min-width: 540px;

        margin: 0 auto

    }



    .max-width {

        max-width: 100%

    }

}