body #__layout, body #__nuxt {
            height: 100%
        }

        body #__app {
            position: relative;
            min-width: 1300px;
            min-height: 100%;
            height: auto;
            padding-bottom: 0
        }

        body #__app.h5 {
            width: 100%;
            min-width: 0
        }

        body #__app.h5 .container {
            max-width: 700px;
            width: 100%
        }

        body #__app.gray {
            background-color: #f6f7f9
        }

        body #__app.rebate {
            background: url(static/images/rebate-bg.c6e2997.jpg) 0 0/cover;
            background-attachment: fixed
        }

        body #__app.h5-rebate {
            background: url(static/images/rebate-bg.f28ac27.jpg) 0 0/cover;
            background-attachment: fixed
        }
        .h5-btn {
            position: absolute;
            background-color: #fff;
            width: 70px;
            height: 30px;
            border: 1px solid #dab464;
            color: #be9131;
            border-radius: 4px
        }

        @media screen and (-webkit-min-device-pixel-ratio: 2) {
            .h5-btn {
                border-width: .5px
            }
        }

        .h5-btn.icon {
            text-align: right;
            padding-right: 15px
        }

        .h5-btn.ios {
            background: #fff url(static/images/ios.f2ca1d3.png) no-repeat 15px/10px
        }

        .h5-btn.ios.disabled {
            background-position: 5px;
            padding-right: 5px
        }

        .h5-btn.android {
            background: #fff url(static/images/android.aa55e9a.png) no-repeat 15px/10px
        }
        .h5-menu[data-v-e4b7e918] {
            position: fixed;
            right: 10px;
            bottom: 80px;
            width: 50px;
            height: 50px;
            line-height: 60px;
            text-align: center;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, .2);
            z-index: 99;
            overflow: hidden;
            cursor: pointer
        }

        .h5-menu img[data-v-e4b7e918] {
            display: inline-block;
            width: 20px
        }
        
.container {
            width: 1200px;
            margin: auto
        }
        .app .game-info .image-list[data-v-47449436] {
            width: auto;
            overflow-x: auto;
            padding: 0 0 10px 10px
        }

        .app .game-info .image-list li[data-v-47449436] {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 200px;
            margin-right: 5px
        }

        .app .game-info .image-list li[data-v-47449436]:last-child {
            padding-right: 10px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        .app .game-info .image-list li img[data-v-47449436] {
            width: 100%;
            border-radius: 4px
        }

        .relative {
            position: relative
        }

        .pull-right {
            float: right
        }

        .box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .box-1 {
            -webkit-box-flex: 1.0;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .box-between {
            -moz-justify-content: space-between;
            justify-content: space-between
        }

        .box-around, .box-between {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify
        }

        .box-around {
            -moz-justify-content: space-around;
            justify-content: space-around
        }

        .box-center {
            -webkit-box-pack: center;
            -moz-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -moz-align-items: center;
            -ms-flex-align: center;
            align-items: center
        }

        .box-column {
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            -moz-flex-direction: column;
            flex-direction: column
        }

        .box-row-reverse {
            -webkit-box-pack: end;
            -webkit-box-direction: reverse;
            -webkit-box-orient: horizontal;
            -moz-flex-diretion: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse
        }

        .pointer {
            cursor: pointer
        }

        .pointer:hover {
            opacity: .7
        }

        .pointer:active {
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
            -webkit-filter: brightness(1.1);
            filter: brightness(1.1)
        }

        .touch {
            cursor: pointer
        }

        .fz-small {
            font-size: 12px
        }

        .fz-title {
            font-size: 16px
        }

        .mt-10 {
            margin-top: 10px
        }

        .mr-10 {
            margin-right: 10px
        }

        .pd-10 {
            padding: 10px
        }

        .text-center {
            text-align: center
        }

        .middle {
            vertical-align: middle
        }

        .hide-text {
            overflow: hidden;
            text-overflow: ellipsis
        }

        .hide-text.one {
            -webkit-line-clamp: 1
        }

        .hide-text.one, .hide-text.two {
            display: -webkit-box;
            -webkit-box-orient: vertical
        }

        .hide-text.two {
            -webkit-line-clamp: 2
        }

        .hide-text.three {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3
        }

        .image-full img {
            width: 100%;
            height: 100%
        }

        .image-auto img {
            width: 100%
        }

        .span-line.white {
            background: url(static/images/line-white.6d08cbf.jpg) no-repeat 100%/1.5px 12px
        }

        .span-line.black {
            background: url(static/images/line-black.e23d03e.jpg) no-repeat 100%
        }

        .span-line.left.black, .span-line.left.white {
            background-position: 0
        }

        .has-border-bottom {
            border-bottom: 1px solid #f4f4f4
        }

        .has-border-bottom.bold {
            border-width: 5px
        }

        .inline {
            display: inline-block
        }

        .el-input input {
            border-radius: 0
        }

        .el-input input:focus {
            border-color: #dab464
        }

        .el-input.search-input {
            width: 300px
        }

        .el-input.search-input input {
            height: 36px;
            border: none;
            border-radius: 100px;
            background-color: #bfc1c1;
            color: #333335;
            padding-left: 20px;
            padding-right: 40px !important;
            line-height: 1.5;
            caret-color: #fff
        }

        .el-input.search-input input::-webkit-input-placeholder {
            color: #666
        }

        .el-input.search-input input::-ms-input-placeholder {
            color: #666
        }

        .el-input.search-input input::placeholder {
            color: #666
        }

        .el-input.rebate-input.lg input {
            width: 250px
        }

        .el-input.rebate-input input {
            width: 120px;
            height: 30px;
            line-height: 30px;
            border-radius: 4px;
            padding: 0 10px;
            background-color: hsla(0, 0%, 100%, .9)
        }

        .el-input.rebate-input input::-webkit-input-placeholder {
            color: #999
        }

        .el-input.rebate-input input::-ms-input-placeholder {
            color: #999
        }

        .el-input.rebate-input input::placeholder {
            color: #999
        }

        .el-tag {
            color: #54afde !important;
            border-color: #54afde !important;
            margin-right: 12px;
            margin-bottom: 5px
        }

        .el-tag.el-tag--danger {
            color: #ef783e !important;
            border-color: #ef783e !important
        }

        .el-tag.el-tag--warning {
            color: #be9131 !important;
            border-color: #dab464 !important
        }

        .el-tag.el-tag--info {
            color: #999 !important;
            border-color: #ccc !important
        }

        .el-dialog__wrapper .el-dialog {
            top: calc(50% - 330px);
            margin: 0 auto
        }

        .el-dialog__wrapper .el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close {
            color: #dab464
        }

        .el-dialog__wrapper.reset .el-dialog {
            width: 400px !important
        }

        .el-dialog__wrapper.reset .el-dialog .el-dialog__body {
            padding: 30px 50px
        }

        .el-checkbox .el-checkbox__label {
            padding-left: 0
        }

        .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner {
            background-color: #dab464;
            border-color: #dab464
        }

        .el-message-box__wrapper .el-message-box {
            max-width: 450px;
            width: 90%
        }

        .el-message-box__wrapper .el-message-box .el-message-box__close.el-icon-close:hover {
            color: #dab464
        }

        .el-message-box__wrapper .el-message-box .el-message-box__btns .el-button:first-child:hover {
            color: #dab464;
            border-color: #ceca9d;
            background-color: #fff
        }

        .el-message-box__wrapper .el-message-box .el-message-box__btns .el-button:last-child {
            color: #fff;
            background-color: #dab464;
            border-color: #dab464
        }

        .el-message-box__wrapper .el-message-box .el-message-box__btns .el-button:last-child:hover {
            opacity: .7;
            color: #fff;
            background-color: #dab464;
            border-color: #dab464
        }

        .el-loading-mask .el-loading-spinner svg circle {
            stroke: #dab464
        }

        .el-pagination button {
            border: 1px solid #dcdfe6 !important;
            padding: 0 10px !important
        }

        .el-pagination button.btn-prev {
            margin-right: 10px
        }

        .el-pagination button:hover span {
            color: #dab464
        }

        .el-pagination .el-pager li {
            border: 1px solid #dcdfe6 !important;
            font-weight: 400;
            line-height: 2;
            margin-right: 10px
        }

        .el-pagination .el-pager li.active {
            background-color: #dab464;
            border-color: #dab464 !important;
            color: #fff !important
        }

        .el-pagination .el-pager li.active, .el-pagination .el-pager li:hover {
            color: #dab464
        }

        .el-breadcrumb .el-breadcrumb__inner {
            color: #333335 !important;
            font-weight: 400
        }

        .el-breadcrumb .el-breadcrumb__inner.is-link {
            font-weight: 400
        }

        .el-breadcrumb .el-breadcrumb__inner.is-link:hover {
            color: #dab464 !important
        }

        .el-progress-bar .el-progress-bar__outer {
            background-color: #ccc
        }

        .cl-black {
            color: #333335
        }

        .blc-black {
            background-color: #333335
        }

        .cl-main {
            color: #dab464
        }

        .blc-main {
            background-color: #dab464
        }

        .cl-main-shallow {
            color: #ceca9d
        }

        .blc-main-shallow {
            background-color: #ceca9d
        }

        .cl-main-deep {
            color: #be9131
        }

        .blc-main-deep {
            background-color: #be9131
        }

        .cl-white {
            color: #fff
        }

        .blc-white {
            background-color: #fff
        }

        .cl-basic {
            color: #666
        }

        .blc-basic {
            background-color: #666
        }

        .cl-second {
            color: #999
        }

        .blc-second {
            background-color: #999
        }

        .cl-brown {
            color: #3d362c
        }

        .blc-brown {
            background-color: #3d362c
        }

        .cl-green {
            color: #a3ce0d
        }

        .blc-green {
            background-color: #a3ce0d
        }

        .cl-orange {
            color: #ef783e
        }

        .blc-orange {
            background-color: #ef783e
        }

        .cl-blue {
            color: #54afde
        }

        .blc-blue {
            background-color: #54afde
        }

        .btn {
            width: 110px;
            height: 35px;
            line-height: 35px;
            text-align: center;
            background-color: #dab464;
            color: #fff;
            border-radius: 2px;
            font-size: 14px
        }

        .btn.sm {
            width: 75px;
            height: 30px;
            line-height: 30px;
            font-size: 12px
        }

        .btn.lg {
            width: 140px;
            height: 40px;
            line-height: 40px
        }

        .btn.full {
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 16px
        }

        .btn.disabled, .btn:disabled {
            background-color: #dedede;
            color: #666
        }

        .btn.android, .btn.ios {
            padding-left: 18px;
            background: #35c08f url(static/images/android-white.df8c713.png) no-repeat 18px/14px
        }

        .btn.ios {
            background: #519bea url(static/images/ios-white.c3847e6.png) no-repeat 20px/12px
        }

        .btn.ab {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            margin: auto
        }

        .btn.btgo {
            width: 224px;
            height: 66px;
            line-height: 60px;
            border-radius: 8px;
            font-size: 18px;
            background: -webkit-gradient(linear, right top, left top, from(#04c188), to(#61d4b2));
            background: linear-gradient(right, #04c188, #61d4b2)
        }

        .btn.btgo img {
            display: inline-block;
            margin-right: 10px;
            width: 18px;
            vertical-align: middle
        }

        .btn.btgo span {
            vertical-align: middle;
            margin-left: 10px
        }

        .btn.btgo.ios {
            background: -webkit-gradient(linear, right top, left top, from(#3675ed), to(#4c8fef));
            background: linear-gradient(right, #3675ed, #4c8fef)
        }

        .btn.btgo.ios img {
            width: 16px
        }

        .btn.inline {
            display: inline-block;
            margin-right: 10px
        }

        .btn a {
            display: block;
            width: 100%;
            height: 100%;
            color: inherit
        }

        .btn:not(.disabled) {
            cursor: pointer
        }

        .btn:not(.disabled):hover {
            opacity: .7
        }

        .btn:not(.disabled):active {
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
            -webkit-filter: brightness(1.1);
            filter: brightness(1.1)
        }

        .btn.disabled {
            cursor: default
        }

        

        .plat {
            display: inline-block;
            width: 18px;
            height: 18px;
            vertical-align: middle
        }

        .plat.plat-android {
            background: url(static/images/android.29af596.png) no-repeat 50%
        }

        .plat.plat-ios {
            background: url(static/images/ios.8c627e5.png) no-repeat 50%
        }

        .plat.plat-yueyu {
            background: url(static/images/yueyu.8c627e5.png) no-repeat 50%
        }

        .location {
            margin: 15px 0;
            line-height: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .location .el-breadcrumb {
            display: inline-block;
            margin-left: 5px
        }

        .location .el-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover {
            color: #dab464 !important
        }

        .location.white {
            color: #fff
        }

        .location.white .el-breadcrumb__item span, .location.white .el-breadcrumb__item span:hover {
            color: #fff !important
        }

        .qrcode-warpper {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

        .pagination {
            margin: 80px 0;
            text-align: center
        }

        .banner {
            overflow: hidden
        }

        .banner.ad {
            cursor: pointer
        }

        .banner.ad img {
            -webkit-transition: all .2s ease;
            transition: all .2s ease
        }

        .banner.ad:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }

        * {
            padding: 0;
            margin: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-overflow-scrolling: touch;
            -webkit-tap-highlight-color: rgba(51, 51, 53, .3);
            -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
            word-break: break-all
        }

        *, body, html {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body, html {
            font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            word-spacing: 1px;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            height: 100%
        }

        body {
            font-size: 14px;
            height: 100%
        }

        body, body a {
            color: #333335
        }

        body a {
            text-decoration: none
        }

        body ul {
            list-style: none
        }

        body img {
            display: block
        }

        body input {
            font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
            caret-color: #dab464;
            line-height: 1
        }

        body button {
            outline: none;
            border: none;
            cursor: pointer
        }

        body button:disabled:hover {
            opacity: 1 !important
        }

        body table {
            width: 100%;
            border: none;
            text-align: center;
            background-color: #fff;
            border-collapse: collapse
        }

        body table tbody {
            color: #000
        }

        body table tbody tr:hover {
            background-color: #f4f4f4
        }

        body table tbody tr:last-child td {
            border: none
        }

        body table thead {
            background-color: #fdfdfd
        }

        body table thead td {
            border-bottom: 1px solid #ebebeb
        }

        body table tr {
            height: 40px
        }

        body table tr td {
            border-bottom: 1px solid #ebebeb
        }