.el-tooltip__popper.is-balance-tooltip {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2)
}

.el-tooltip__popper.is-balance-tooltip[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #eee
}

.el-tooltip__popper.is-balance-tooltip[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

[data-v-63e06bec]:export {
    primary: #488ded
}

.top-bar[data-v-63e06bec] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    background: #f6f9fe
}

.top-bar .fa-icon[data-v-63e06bec] {
    vertical-align: middle;
    margin: 0 8px 3px 0;
    color: #999
}

.top-bar a[data-v-63e06bec] {
    color: #999;
    font-size: 14px
}

.top-bar .link.blue[data-v-63e06bec],
.top-bar .link.blue[data-v-63e06bec]:hover,
.top-bar a:hover .fa-icon[data-v-63e06bec],
.top-bar a[data-v-63e06bec]:hover {
    color: #488ded
}

.announcement-wrapper[data-v-63e06bec] {
    width: 40%;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
    color: #666
}

.announcement-wrapper .text[data-v-63e06bec] {
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    cursor: pointer
}

.announcement-wrapper .text .text[data-v-63e06bec] {
    white-space: nowrap
}

.nav-group[data-v-63e06bec] {
    margin-left: auto;
    color: #666;
    font-size: 14px
}

.nav-group-item[data-v-63e06bec],
.nav-group[data-v-63e06bec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.nav-group-item[data-v-63e06bec] {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-left: 20px
}

.nav-group-item[data-v-63e06bec]:not(.static):hover {
    color: #488ded
}

.nav-group .link[data-v-63e06bec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #666
}

.nav-group .link[data-v-63e06bec]:hover,
.nav-group .register[data-v-63e06bec] {
    color: #488ded
}

.nav-group .divider[data-v-63e06bec] {
    width: 2px;
    height: 10px;
    background: #e4e9ef
}

.nav-group .dropdown[data-v-63e06bec] {
    position: absolute;
    display: none;
    border: 1px solid #e5e4e4;
    padding: 5px 0;
    text-align: left;
    top: 30px;
    right: 0;
    border-top: none;
    background: #fff;
    width: 160px;
    z-index: 10
}

.nav-group .dropdown .fa-icon[data-v-63e06bec] {
    width: 20px;
    margin-right: 5px;
    color: #999
}

.nav-group .dropdown li[data-v-63e06bec] {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 36px;
    padding: 0 10px;
    color: #999
}

.nav-group .dropdown li a[data-v-63e06bec] {
    color: #999;
    display: block
}

.nav-group .dropdown li[data-v-63e06bec]:hover {
    background: #488ded;
    color: #fff
}

.nav-group .dropdown li:hover .fa-icon[data-v-63e06bec],
.nav-group .dropdown li:hover a .fa-icon[data-v-63e06bec],
.nav-group .dropdown li:hover a[data-v-63e06bec] {
    color: #fff
}

.balance-info .balance-detail[data-v-63e06bec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.balance-info .total[data-v-63e06bec] {
    color: #488ded
}

.balance-info .refresh[data-v-63e06bec] {
    margin-left: 6px;
    padding: 3px;
    width: 18px;
    height: 18px;
    font-size: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

.balance-tooltip[data-v-63e06bec] {
    width: 250px
}

.balance-tooltip .icon-group-0[data-v-63e06bec],
.balance-tooltip .icon-group-1[data-v-63e06bec],
.balance-tooltip .icon-group-2[data-v-63e06bec],
.balance-tooltip .icon-group-3[data-v-63e06bec],
.balance-tooltip .icon-group-4[data-v-63e06bec],
.balance-tooltip .icon-group-5[data-v-63e06bec],
.balance-tooltip .icon-group-6[data-v-63e06bec],
.balance-tooltip .icon-lottery[data-v-63e06bec],
.balance-tooltip .icon[data-v-63e06bec] {
    height: 1rem;
    width: 1rem;
    background-size: contain
}

.balance-tooltip .icon-group-0[data-v-63e06bec] {
    background-image: url(../images/lixibao.9f574ea8.svg)
}

.balance-tooltip .icon-group-1[data-v-63e06bec] {
    background-image: url(../images/chess.e4c17a4b.svg)
}

.balance-tooltip .icon-group-2[data-v-63e06bec] {
    background-image: url(../images/live.73e32770.svg)
}

.balance-tooltip .icon-group-3[data-v-63e06bec] {
    background-image: url(../images/slot.0427f004.svg)
}

.balance-tooltip .icon-group-4[data-v-63e06bec] {
    background-image: url(../images/fish.d7968cda.svg)
}

.balance-tooltip .icon-group-5[data-v-63e06bec] {
    background-image: url(../images/sport.9bad0a97.svg)
}

.balance-tooltip .icon-group-6[data-v-63e06bec] {
    background-image: url(../images/esport.a86bfb57.svg)
}

.balance-tooltip .icon-lottery[data-v-63e06bec] {
    background-image: url(../images/lottery.b69a12fc.svg);
    background-size: contain;
    -webkit-filter: invert(1) brightness(70%);
    filter: invert(1) brightness(70%)
}

.username[data-v-63e06bec] {
    font-weight: 500
}

.dropdown-trigger[data-v-63e06bec] {
    display: block;
    cursor: pointer;
    line-height: 30px
}

.dropdown-trigger .caret-top[data-v-63e06bec],
.dropdown-trigger:hover .caret-bottom[data-v-63e06bec] {
    display: none
}

.dropdown-trigger:hover .caret-top[data-v-63e06bec] {
    display: inline
}

.dropdown-trigger:hover .dropdown[data-v-63e06bec] {
    display: block
}

.msg-tooltip[data-v-63e06bec] {
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
    background: #488ded
}

.msg-tooltip-right[data-v-63e06bec],
.msg-tooltip[data-v-63e06bec] {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    border-radius: 4px
}

.msg-tooltip-right[data-v-63e06bec] {
    position: absolute;
    background: #fa5555;
    top: 8px;
    right: 5px
}

.locale[data-v-63e06bec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

[data-v-3fe73a88]:export {
    primary: #488ded
}

.group-icon[data-v-3fe73a88] {
    background: url(https://948cp.com/static/img/nav_icons.9d980d50.svg) no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px
}

.group-icon.group-icon-custom[data-v-3fe73a88] {
    background-position: 0 0
}

.group-icon.group-icon-race[data-v-3fe73a88] {
    background-position: 0 -24px
}

.group-icon.group-icon-time-lottery[data-v-3fe73a88] {
    background-position: 0 -48px
}

.group-icon.group-icon-hkl[data-v-3fe73a88] {
    background-position: 0 -72px
}

.group-icon.group-icon-k3[data-v-3fe73a88] {
    background-position: 0 -96px
}

.group-icon.group-icon-11pick5[data-v-3fe73a88] {
    background-position: 0 -120px
}

.group-icon.group-icon-kl8[data-v-3fe73a88] {
    background-position: 0 -144px
}

.group-icon.group-icon-nn[data-v-3fe73a88] {
    background-position: 0 -168px
}

.group-icon.group-icon-dd[data-v-3fe73a88] {
    background-position: 0 -192px
}

.group-icon.group-icon-other[data-v-3fe73a88] {
    background-position: 0 -216px
}

.group-icon.group-icon-blockchain[data-v-3fe73a88] {
    background-position: 0 -240px
}

.game-nav__wrapper[data-v-3fe73a88] {
    width: 100%;
    margin: 0 auto;
    cursor: default;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 25px
}

.game-nav-content[data-v-3fe73a88] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 15px 0
}

.game-nav__group[data-v-3fe73a88] {
    border-right: 1px dashed #ddd;
    padding: 0 15px
}

.game-nav__group .game-group-wp[data-v-3fe73a88] {
    min-width: 85px
}

.game-nav__group[data-v-3fe73a88]:last-child {
    border: none
}

.game-nav__group .game-group[data-v-3fe73a88] {
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #3a3a3a;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-nav__group .group-icon[data-v-3fe73a88] {
    margin-right: 5px
}

.game-items-wrapper[data-v-3fe73a88] {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    --gap: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1)
}

.game-items-wrapper>[data-v-3fe73a88] {
    margin: var(--gap) 0 0 var(--gap)
}

.game-items__item[data-v-3fe73a88] {
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #fff;
    width: 85px;
    text-align: center;
    line-height: 30px
}

.game-items__item.active[data-v-3fe73a88],
.game-items__item[data-v-3fe73a88]:hover {
    border: 1px solid rgba(72, 141, 237, .3);
    background-color: #ebf5ff;
    color: #488ded
}

.game-items__item[data-v-3fe73a88]:hover {
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

.menu-left[data-v-3fe73a88],
.menu-right[data-v-3fe73a88] {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 25px;
    height: 50px;
    background-color: rgba(0, 0, 0, .4)
}

.menu-left[data-v-3fe73a88]:hover,
.menu-right[data-v-3fe73a88]:hover {
    background-color: rgba(72, 141, 237, .7)
}

.menu-left[data-v-3fe73a88]:before,
.menu-right[data-v-3fe73a88]:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid
}

.menu-left[data-v-3fe73a88] {
    left: 0;
    border-radius: 0 4px 4px 0
}

.menu-left[data-v-3fe73a88]:before {
    margin-right: 5px;
    border-width: 7px 10px 7px 0;
    border-color: rgba(0, 0, 0, 0) #fcfcfc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.menu-right[data-v-3fe73a88] {
    right: 0;
    border-radius: 4px 0 0 4px
}

.menu-right[data-v-3fe73a88]:before {
    margin-left: 5px;
    border-width: 7px 0 7px 10px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff
}

[data-v-297a4969]:export {
    primary: #488ded
}

.nav-menu[data-v-297a4969] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 14px;
    color: #333
}

.nav-menu-item[data-v-297a4969] {
    margin-left: 40px;
    height: 100%;
    cursor: pointer
}

.nav-menu-item .text[data-v-297a4969] {
    letter-spacing: 1px
}

.nav-menu-item.promo-wrapper[data-v-297a4969] {
    position: relative
}

.nav-menu-item.no-link[data-v-297a4969] {
    cursor: default
}

.nav-menu-item[data-v-297a4969]:hover {
    color: #488ded
}

.nav-menu-item:hover .dropdown-category[data-v-297a4969] {
    opacity: 1;
    visibility: visible
}

.nav-menu-item:hover .promo-dropdown[data-v-297a4969] {
    display: block
}

.nav-menu-item a[data-v-297a4969] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #333
}

.nav-menu-item a[data-v-297a4969]:hover {
    color: #488ded
}

.promo-dropdown[data-v-297a4969] {
    display: none;
    position: absolute;
    top: 70px;
    width: 410px;
    right: 0;
    background: #fff;
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(152, 171, 200, .5);
    box-shadow: 0 2px 4px 0 rgba(152, 171, 200, .5)
}

.promo-dropdown-item[data-v-297a4969] {
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.promo-dropdown-item[data-v-297a4969]:hover {
    color: #488ded;
    background: #f0f6ff
}

.promo-dropdown-item .icon[data-v-297a4969] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 6px;
    color: #488ded
}

.games-nav:hover .games-dropdown[data-v-297a4969] {
    opacity: 1;
    visibility: visible
}

.games-nav .games-dropdown[data-v-297a4969] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 99px;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    border-top: 1px solid #ebf3fc;
    color: #333;
    font-size: 12px;
    opacity: 0;
    visibility: hidden
}

.dropdown-category[data-v-297a4969] {
    position: absolute;
    top: 99px;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    padding-top: 5px
}

.dropdown-category ul[data-v-297a4969] {
    padding: 5px 0;
    width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #edf3fd;
    color: #666;
    -webkit-box-shadow: 0 0 2px #555;
    box-shadow: 0 0 2px #555
}

.dropdown-category li[data-v-297a4969] {
    padding-left: 15px;
    line-height: 35px;
    letter-spacing: 1.5px
}

.dropdown-category li[data-v-297a4969]:hover {
    background: #4b8bed;
    color: #fff
}

.dropdown-category .el-icon-right[data-v-297a4969] {
    font-weight: 900
}

.divider[data-v-297a4969] {
    width: 2px;
    height: 14px;
    background: #cde0f8
}

.list-item .menu-title[data-v-297a4969],
.list-item[data-v-297a4969] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list-item .menu-title[data-v-297a4969] {
    height: 100%
}

.nav-link[data-v-297a4969] {
    display: inline-block;
    padding: 10px 15px;
    border-right: 1px solid #efefef;
    cursor: pointer;
    text-align: center;
    color: #666;
    font-size: 16px
}

.nav-link[data-v-297a4969]:last-child {
    border: none
}

.big[data-v-297a4969] {
    font-size: 16px
}

.eng[data-v-297a4969] {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #999
}

.online-service[data-v-297a4969] {
    display: block
}

.online-service[data-v-297a4969]:visited {
    color: #666
}

.arrow[data-v-297a4969] {
    margin-left: 5px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.promotion-message {
    height: 90%
}

.promotion-message .el-message-box__content {
    height: calc(100% - 45px);
    overflow: auto
}

.promotion-message img {
    max-width: 100%
}

[data-v-80872d62]:export {
    primary: #488ded
}

.logo[data-v-80872d62] {
    width: 200px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain
}

.logo.is-link[data-v-80872d62] {
    cursor: pointer
}

[data-v-4365c232]:export {
    primary: #488ded
}

.header[data-v-4365c232] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1280px;
    width: 100%
}

.top-bar-wrapper[data-v-4365c232] {
    background: #f6f9fe
}

.top-bar[data-v-4365c232] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 1280px;
    max-width: 1440px;
    margin: 0 auto
}

.nav-bar-wrapper[data-v-4365c232] {
    height: 70px;
    background: #fff
}

.nav-bar-wrapper.cropping[data-v-4365c232] {
    visibility: hidden
}

.nav-bar[data-v-4365c232] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    min-width: 1280px;
    max-width: 1440px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    border-bottom: 1px solid #ebf3fc
}

[data-v-26c53a1f]:export {
    primary: #488ded
}

.footer[data-v-26c53a1f] {
    position: relative;
    background: #e5ecf8
}

.footer .sub-menu[data-v-26c53a1f] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px
}

.footer .sub-menu .link[data-v-26c53a1f] {
    padding: 0 20px;
    border-right: 1px solid #a5b8d1;
    font-size: 12px;
    line-height: 1;
    color: #92a4b7
}

.footer .sub-menu .link[data-v-26c53a1f]:last-child {
    border: none
}

.footer .sub-menu .link[data-v-26c53a1f]:hover {
    color: #488ded
}

.footer .advice[data-v-26c53a1f] {
    font-size: 12px;
    line-height: 1.8;
    padding: 10px 0;
    text-align: center;
    color: #999
}

[data-v-0ad282f4]:export {
    primary: #488ded
}

html[data-v-0ad282f4] {
    height: 100%
}

body[data-v-0ad282f4] {
    font: 12px/18px Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, 微软雅黑, Arial, sans-serif;
    min-height: 100%;
    height: 100%;
    background: #f5f7fa;
    -ms-overflow-style: none
}

body[data-v-0ad282f4]::-webkit-scrollbar:not(.scrollbar) {
    display: none
}

.clearfix[data-v-0ad282f4]:after {
    content: "";
    display: table;
    clear: both
}

.blue[data-v-0ad282f4] {
    color: #1976d2
}

.red[data-v-0ad282f4] {
    color: #fa5555
}

.green[data-v-0ad282f4] {
    color: #67c23a
}

.yellow[data-v-0ad282f4] {
    color: #fcc100
}

.primary[data-v-0ad282f4] {
    color: #488ded
}

#app[data-v-0ad282f4] {
    min-width: 1280px
}

.page-center[data-v-0ad282f4] {
    min-width: 1280px;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.m-l[data-v-0ad282f4] {
    margin-left: 10px
}

.m-l-sm[data-v-0ad282f4] {
    margin-left: 5px
}

.m-r[data-v-0ad282f4] {
    margin-right: 10px
}

.m-r-sm[data-v-0ad282f4] {
    margin-right: 5px
}

.m-t[data-v-0ad282f4] {
    margin-top: 10px
}

.m-t-sm[data-v-0ad282f4] {
    margin-top: 5px
}

.m-b[data-v-0ad282f4] {
    margin-bottom: 10px
}

.m-b-sm[data-v-0ad282f4] {
    margin-bottom: 5px
}

.p-r[data-v-0ad282f4] {
    padding-right: 10px
}

.p-l[data-v-0ad282f4] {
    padding-left: 10px
}

.p-b[data-v-0ad282f4] {
    padding-bottom: 10px
}

.p-t[data-v-0ad282f4] {
    padding-top: 10px
}

.p-t-sm[data-v-0ad282f4] {
    padding-top: 5px
}

.input-width[data-v-0ad282f4] {
    width: 220px !important
}

.row-bg[data-v-0ad282f4] {
    border-top: 1px solid #ededed
}

.el-breadcrumb[data-v-0ad282f4] {
    margin: 20px 0;
    padding-left: 10px
}

.fr[data-v-0ad282f4] {
    float: right
}

.fl[data-v-0ad282f4] {
    float: left
}

.el-message-box__title[data-v-0ad282f4] {
    padding-right: 10px
}

.el-message-box[data-v-0ad282f4] {
    word-break: break-all
}

.el-message-box.notify-message-box[data-v-0ad282f4] {
    width: 400px
}

.el-message-box.notify-message-box .el-message-box__content .el-message-box__message[data-v-0ad282f4] {
    overflow-y: scroll;
    max-height: 500px
}

a[data-v-0ad282f4] {
    text-decoration: none
}

.top-right-msg[data-v-0ad282f4] {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 220px
}

.show-image-msg .el-dialog__body img[data-v-0ad282f4] {
    width: 80%
}

.clickable[data-v-0ad282f4] {
    cursor: pointer
}

.bettrack-tip-popover.el-popover[data-v-0ad282f4],
.envelope-tip-popover.el-popover[data-v-0ad282f4] {
    background: #333;
    border-color: #333;
    color: #fff;
    min-width: auto;
    padding: 8px 10px
}

.bettrack-tip-popover.el-popover.in-notify[data-v-0ad282f4],
.envelope-tip-popover.el-popover.in-notify[data-v-0ad282f4] {
    z-index: 99999 !important
}

.bettrack-tip-popover.el-popover.el-popper[x-placement^=top] .popper__arrow[data-v-0ad282f4],
.envelope-tip-popover.el-popover.el-popper[x-placement^=top] .popper__arrow[data-v-0ad282f4] {
    border-top-color: #333
}

.bettrack-tip-popover.el-popover.el-popper[x-placement^=top] .popper__arrow[data-v-0ad282f4]:after,
.envelope-tip-popover.el-popover.el-popper[x-placement^=top] .popper__arrow[data-v-0ad282f4]:after {
    border-top-color: #333
}

.bettrack-tip-popover.el-popover.el-popper[x-placement^=bottom] .popper__arrow[data-v-0ad282f4],
.envelope-tip-popover.el-popover.el-popper[x-placement^=bottom] .popper__arrow[data-v-0ad282f4] {
    border-bottom-color: #333
}

.bettrack-tip-popover.el-popover.el-popper[x-placement^=bottom] .popper__arrow[data-v-0ad282f4]:after,
.envelope-tip-popover.el-popover.el-popper[x-placement^=bottom] .popper__arrow[data-v-0ad282f4]:after {
    border-bottom-color: #333
}

.el-notification.bettrack-notification[data-v-0ad282f4] {
    width: 280px;
    padding: 0
}

.el-notification.bettrack-notification .el-notification__group[data-v-0ad282f4] {
    margin: 0
}

button.ghost[data-v-0ad282f4] {
    color: currentColor;
    border: 1px solid currentColor;
    background-color: rgba(0, 0, 0, 0);
    outline: none;
    border-radius: 4px
}

button.ghost[data-v-0ad282f4]:hover {
    background-color: hsla(0, 0%, 100%, .2);
    font-weight: 700
}

button.ghost[data-v-0ad282f4]:active {
    background-color: hsla(0, 0%, 100%, .4);
    font-weight: 700
}

.follow-dialog[data-v-0ad282f4] {
    position: absolute
}

.emoji-popover[data-v-0ad282f4] {
    padding: 0
}

.agent-container .title-tag-wrap[data-v-0ad282f4] {
    -webkit-filter: drop-shadow(1px 2px 2px rgba(50, 50, 0, .5));
    filter: drop-shadow(1px 2px 2px rgba(50, 50, 0, .5))
}

.agent-container .title-tag[data-v-0ad282f4] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    width: auto;
    height: 37px;
    line-height: 37px;
    padding: 0 40px 0 20px;
    font-size: 20px;
    background-image: -webkit-linear-gradient(194deg, #488ded, #2b237c);
    background-image: -o-linear-gradient(194deg, #488ded, #2b237c);
    background-image: linear-gradient(256deg, #488ded, #2b237c);
    color: #fff;
    -webkit-clip-path: polygon(0 0, 0 100%, calc(100% - 20px) 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, calc(100% - 20px) 100%, 100% 0)
}

.scrollbar-hidden[data-v-0ad282f4] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.scrollbar-hidden[data-v-0ad282f4]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.el-dialog.init-dialog .el-dialog__body[data-v-0ad282f4],
.el-dialog.init-dialog .el-dialog__header[data-v-0ad282f4] {
    padding: 0
}

.el-table[data-v-0ad282f4] ::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff
}

.el-table[data-v-0ad282f4] ::-webkit-scrollbar-track {
    background-color: #fff
}

.el-table[data-v-0ad282f4] ::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4
}

.el-table[data-v-0ad282f4] ::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 2px solid #fff
}

.el-table[data-v-0ad282f4] ::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 2px solid #f4f4f4
}

.el-table[data-v-0ad282f4] ::-webkit-scrollbar-button {
    display: none
}

.pop-content[data-v-0ad282f4] {
    padding: 30px 0;
    color: #9b9b9b
}

.register[data-v-0ad282f4] {
    text-align: center;
    position: relative
}

.register[data-v-0ad282f4]:after {
    content: " ";
    display: inline-block;
    position: absolute;
    height: 200px;
    right: -30px;
    top: 0;
    border-right: 1px solid #f0f0f0
}

.register .el-button[data-v-0ad282f4] {
    margin: auto;
    width: 200px;
    display: block
}

.register .el-button--primary[data-v-0ad282f4] {
    margin-bottom: 15px
}

.login[data-v-0ad282f4] {
    padding-left: 30px
}

.login .please-login[data-v-0ad282f4] {
    display: inline-block;
    text-align: left
}

.login .login-btn[data-v-0ad282f4] {
    width: 220px
}

.login-actions[data-v-0ad282f4],
.login-title[data-v-0ad282f4] {
    padding-left: 55px
}

.login-actions[data-v-0ad282f4] {
    position: relative
}

.el-input[data-v-0ad282f4] {
    width: 220px
}

.forgot-password[data-v-0ad282f4] {
    margin-top: 10px;
    cursor: pointer;
    display: inline-block;
    width: 220px;
    text-align: center;
    position: relative;
    bottom: 10px
}

.forgot-password a[data-v-0ad282f4] {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none
}

.forgot-password a[data-v-0ad282f4]:hover {
    color: #488ded
}

.error[data-v-0ad282f4] {
    position: absolute;
    width: 220px;
    font-size: 13px;
    color: #fa5555;
    top: -18px
}

.captcha[data-v-0ad282f4] {
    width: 70px
}

.verification-container[data-v-0ad282f4] {
    display: inline-block;
    width: 300px
}

.verification-container .continue[data-v-0ad282f4] {
    width: 220px
}

[data-v-1ad9f2dd]:export {
    primary: #488ded
}

[data-v-1ad9f2dd] .el-dialog {
    background: rgba(0, 0, 0, 0);
    margin: 10vh 0 0;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

[data-v-1ad9f2dd] .el-dialog__header {
    display: none
}

[data-v-1ad9f2dd] .el-dialog__body {
    padding: 0;
    margin: 0 auto 20px;
    width: 480px
}

.envelope[data-v-1ad9f2dd] {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    text-align: center;
    letter-spacing: 1px;
    background: url(../images/envelope.986f60ed.png) 50%/contain no-repeat
}

.envelope .content-wrapper[data-v-1ad9f2dd] {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 65%;
    height: 68%
}

.envelope-title[data-v-1ad9f2dd] {
    font-size: 22px;
    text-shadow: 0 1px 3px hsla(0, 0%, 100%, .5);
    color: #fdebc5;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: url(../images/title.478992c7.svg) 50%/contain no-repeat
}

.envelope-wrapper[data-v-1ad9f2dd] {
    height: calc(100% - 110px)
}

.envelope-result[data-v-1ad9f2dd] {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto
}

.envelope-result .point[data-v-1ad9f2dd] {
    margin: 5px 15px
}

.envelope-result .title[data-v-1ad9f2dd] {
    width: 70px;
    height: 20px;
    border-radius: 10px;
    font-size: 14px;
    color: #fdebc5;
    background-image: -webkit-gradient(linear, right top, left top, from(#c34141), to(#d13e3e));
    background-image: -webkit-linear-gradient(right, #c34141, #d13e3e);
    background-image: -o-linear-gradient(right, #c34141, #d13e3e);
    background-image: linear-gradient(270deg, #c34141, #d13e3e);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 1px 5px;
    margin-bottom: 5px
}

.envelope-result .content[data-v-1ad9f2dd] {
    font-size: 15px;
    color: #fdebc5;
    text-align: left;
    line-height: 1.4;
    padding-left: 10px
}

.envelope-result .content .pass[data-v-1ad9f2dd] {
    font-size: 14px;
    color: #5aff09
}

.envelope-result .content .not-pass[data-v-1ad9f2dd] {
    font-size: 15px;
    color: #dcea69
}

.envelope-result .content .list-item .text[data-v-1ad9f2dd] {
    vertical-align: middle
}

.envelope-result .content .list-item .text.false[data-v-1ad9f2dd] {
    color: #fff
}

.envelope-result .content .list-icon[data-v-1ad9f2dd] {
    font-size: 16px;
    color: #fff;
    vertical-align: middle
}

.envelope-result .amount[data-v-1ad9f2dd] {
    height: 56px;
    line-height: 56px;
    font-size: 40px;
    color: #fff;
    text-shadow: 0 1px 2px #bb463f
}

.envelope-result .success-notic[data-v-1ad9f2dd] {
    margin-top: 5px;
    color: #efd759
}

.envelope-result .icon[data-v-1ad9f2dd] {
    color: #fdebc5;
    font-size: 70px
}

.envelope-result .desc[data-v-1ad9f2dd] {
    font-size: 16px;
    color: #fdebc5;
    margin-top: 20px;
    line-height: 1.4
}

.envelope-action[data-v-1ad9f2dd] {
    margin-top: 12px
}

.envelope-action .tips[data-v-1ad9f2dd] {
    color: #fdebc5
}

.envelope-action .short-desc[data-v-1ad9f2dd] {
    text-align: center;
    height: 40px
}

.envelope-action .short-desc .text[data-v-1ad9f2dd] {
    color: #f8d61c;
    font-size: 12px;
    line-height: 1
}

.envelope-action .button[data-v-1ad9f2dd] {
    width: 90%;
    height: 42px;
    line-height: 42px;
    border-radius: 25px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fffbef), color-stop(3%, #fff0c5), to(#ffcc5a));
    background-image: -webkit-linear-gradient(top, #fffbef, #fff0c5 3%, #ffcc5a);
    background-image: -o-linear-gradient(top, #fffbef, #fff0c5 3%, #ffcc5a);
    background-image: linear-gradient(180deg, #fffbef, #fff0c5 3%, #ffcc5a);
    -webkit-box-shadow: 0 7px 0 0 #c87700;
    box-shadow: 0 7px 0 0 #c87700;
    margin: 0 auto;
    color: #c24840;
    font-size: 20px;
    cursor: pointer
}

.envelope-action .button.small[data-v-1ad9f2dd] {
    font-size: 15px
}

.envelope-action .button[data-v-1ad9f2dd]:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff5d6), color-stop(3%, #ffe9ac), to(#ffc441));
    background-image: -webkit-linear-gradient(top, #fff5d6, #ffe9ac 3%, #ffc441);
    background-image: -o-linear-gradient(top, #fff5d6, #ffe9ac 3%, #ffc441);
    background-image: linear-gradient(180deg, #fff5d6, #ffe9ac 3%, #ffc441)
}

.envelope-action .button.disabled[data-v-1ad9f2dd] {
    cursor: default;
    color: #666;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bababa));
    background-image: -webkit-linear-gradient(top, #fff, #bababa);
    background-image: -o-linear-gradient(top, #fff, #bababa);
    background-image: linear-gradient(180deg, #fff, #bababa);
    -webkit-box-shadow: 0 7px 0 0 #949494;
    box-shadow: 0 7px 0 0 #949494
}

.two-btns[data-v-1ad9f2dd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.two-btns>div[data-v-1ad9f2dd] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.close-icon[data-v-1ad9f2dd] {
    display: block;
    color: #fff;
    font-size: 32px;
    text-align: right;
    cursor: pointer
}

.close-icon[data-v-1ad9f2dd]:hover {
    opacity: .7
}

[data-v-0598896d]:export {
    primary: #488ded
}

.custom-dialog[data-v-0598896d] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999
}

.mask[data-v-0598896d] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6)
}

[data-v-e731f1c0]:export {
    primary: #488ded
}

.badge[data-v-e731f1c0] {
    display: inline-block;
    vertical-align: middle
}

[data-v-7b50dc68]:export {
    primary: #488ded
}

.dialog[data-v-7b50dc68] {
    position: relative;
    width: 420px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: #f5f5f5;
    border-radius: 2px;
    z-index: 1
}

.header[data-v-7b50dc68] {
    height: 140px;
    color: #fff;
    background: #333;
    padding: 20px;
    border-radius: 2px 2px 50% 50%/2px 2px 20% 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header .title[data-v-7b50dc68] {
    font-size: 18px;
    margin-bottom: 5px
}

.close[data-v-7b50dc68] {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #b3b3b3
}

.card[data-v-7b50dc68] {
    width: 310px;
    height: 120px;
    position: relative;
    top: -60px;
    margin: 0 auto -60px;
    padding: 25px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    border-radius: 8px;
    -webkit-box-shadow: 0 20px 10px -15px rgba(0, 0, 0, .2);
    box-shadow: 0 20px 10px -15px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.card .detail[data-v-7b50dc68] {
    margin-left: 12px
}

.card .detail .title[data-v-7b50dc68] {
    font-size: 16px;
    margin-bottom: 8px
}

.card .detail .small[data-v-7b50dc68] {
    font-size: 13px
}

.card .detail .point[data-v-7b50dc68] {
    font-size: 24px;
    line-height: 1
}

.content[data-v-7b50dc68] {
    padding: 20px 20px 0
}

.content .title[data-v-7b50dc68] {
    font-size: 14px;
    color: #999;
    height: 18px;
    line-height: 18px;
    margin-bottom: 5px
}

.benifits[data-v-7b50dc68] {
    max-height: 310px;
    overflow-y: auto;
    position: relative;
    margin-bottom: 5px
}

.benifit[data-v-7b50dc68] {
    background: #fff;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eee;
    border-radius: 4px
}

.benifit[data-v-7b50dc68]:not(:last-child) {
    margin-bottom: 5px
}

.benifit .icon[data-v-7b50dc68] {
    width: 48px;
    height: 48px
}

.benifit .icon img[data-v-7b50dc68] {
    width: 100%;
    height: 100%
}

.benifit .detail[data-v-7b50dc68] {
    color: #333;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.benifit .detail .desc[data-v-7b50dc68] {
    font-size: 13px;
    margin-bottom: 4px
}

.benifit .detail .amount[data-v-7b50dc68] {
    font-size: 20px;
    font-weight: 700
}

.benifit .action[data-v-7b50dc68] {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999
}

.more[data-v-7b50dc68] {
    text-align: center;
    margin-top: 5px
}

.fixed .more[data-v-7b50dc68] {
    position: absolute;
    bottom: 0;
    width: 100%
}

.more button[data-v-7b50dc68] {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    color: #a9662b;
    background: #fff;
    border: 1px solid #a9662b;
    border-radius: 4px;
    cursor: pointer;
    outline: none
}

.more button[disabled][data-v-7b50dc68] {
    border-color: #ddd;
    color: #bfbfbf;
    opacity: .5;
    cursor: default
}

.more button[data-v-7b50dc68]:not([disabled]):focus,
.more button[data-v-7b50dc68]:not([disabled]):hover {
    border-color: #a9662b;
    color: #a9662b;
    background: rgba(169, 102, 43, .3)
}

.loading[data-v-7b50dc68] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px
}

[data-v-a7ff1364]:export {
    primary: #488ded
}

.dialog[data-v-a7ff1364] {
    position: relative;
    width: 100vw;
    margin-top: -100px;
    z-index: 1
}

.dialog[data-v-a7ff1364]:before {
    content: "";
    display: block;
    width: 360px;
    height: 266px;
    background: url(../images/icon-levelup-banner.e7b8940c.png) no-repeat;
    margin: 0 auto;
    margin-bottom: -60px;
    position: relative;
    z-index: 1;
    pointer-events: none
}

.card[data-v-a7ff1364] {
    width: 330px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 8px
}

.top[data-v-a7ff1364] {
    width: 330px;
    height: 100px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(249, 123, 80, .4);
    box-shadow: 0 5px 10px 0 rgba(249, 123, 80, .4);
    background: -webkit-gradient(linear, right top, left top, from(#fd974e), to(#f66451));
    background: -webkit-linear-gradient(right, #fd974e, #f66451);
    background: -o-linear-gradient(right, #fd974e, #f66451);
    background: linear-gradient(270deg, #fd974e, #f66451);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 10px;
    border-radius: 8px 8px 50% 50%/8px 8px 30% 30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.title[data-v-a7ff1364] {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 20px
}

.content[data-v-a7ff1364] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: 15px 0
}

.block[data-v-a7ff1364],
.content[data-v-a7ff1364] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.block[data-v-a7ff1364] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 75px;
    position: relative;
    margin-bottom: 10px
}

.block.center[data-v-a7ff1364] {
    text-align: center
}

.block[data-v-a7ff1364]:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.block[data-v-a7ff1364]:nth-child(3):before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    background: #eee;
    height: 40px;
    width: 1px
}

.block .icon[data-v-a7ff1364] {
    width: 60px;
    height: 60px;
    margin-right: 10px
}

.block .detail[data-v-a7ff1364] {
    min-width: 120px;
    color: #333
}

.block .detail .lighter[data-v-a7ff1364] {
    color: #999
}

.block .detail .desc[data-v-a7ff1364] {
    font-size: 13px
}

.block .detail .amount[data-v-a7ff1364] {
    font-size: 26px;
    line-height: 1
}

.close[data-v-a7ff1364] {
    display: block;
    width: 24px;
    position: absolute;
    top: -120px;
    right: 0;
    color: #fff;
    font-size: 10px
}

.close svg[data-v-a7ff1364] {
    width: 24px;
    height: 24px;
    fill: #fff
}

[data-v-b1e1f5a8]:export {
    primary: #488ded
}

.red-point[data-v-b1e1f5a8] {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 12px;
    height: 12px;
    background-color: #d0021b;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 0 #000;
    box-shadow: 0 0 1px 0 #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[data-v-17ac9dc2]:export {
    primary: #488ded
}

.column[data-v-17ac9dc2] {
    position: fixed;
    z-index: 400;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}

.column.close .wrapper[data-v-17ac9dc2] {
    -webkit-transform: translateX(105%);
    -ms-transform: translateX(105%);
    transform: translateX(105%)
}

.wrapper[data-v-17ac9dc2] {
    border-radius: 4px 0 0 4px;
    width: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    right: 0;
    background-color: #eef5ff;
    -webkit-box-shadow: 0 3px 6px 0 #d0ddf7;
    box-shadow: 0 3px 6px 0 #d0ddf7;
    pointer-events: auto
}

.item[data-v-17ac9dc2] {
    position: relative;
    display: block;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 7px;
    cursor: default
}

.item .label[data-v-17ac9dc2] {
    text-align: center;
    max-width: 120px;
    font-size: 12px;
    color: #92a4b7;
    margin-top: -5px;
    white-space: nowrap
}

.item .icon[data-v-17ac9dc2] {
    color: #92a4b7
}

.item:hover .label[data-v-17ac9dc2] {
    color: #488ded
}

.item:hover .icon[data-v-17ac9dc2] {
    color: #488ded;
    fill: #488ded
}

.item:hover .bubble[data-v-17ac9dc2] {
    visibility: visible
}

.item.clickable[data-v-17ac9dc2] {
    cursor: pointer
}

.item.clickable:active .icon[data-v-17ac9dc2],
.item.clickable:active .label[data-v-17ac9dc2] {
    opacity: .5
}

.item.active[data-v-17ac9dc2] {
    cursor: default
}

.item.active .icon[data-v-17ac9dc2],
.item.active .label[data-v-17ac9dc2] {
    color: #488ded
}

.item.active:active .icon[data-v-17ac9dc2],
.item.active:active .label[data-v-17ac9dc2] {
    opacity: 1
}

.close[data-v-17ac9dc2] {
    padding-top: 15px;
    padding-bottom: 5px
}

.close:hover .icon[data-v-17ac9dc2] {
    opacity: .7
}

.close:active .icon[data-v-17ac9dc2] {
    opacity: .5
}

.close .icon[data-v-17ac9dc2] {
    width: 24px;
    height: 24px
}

.envelope.active .label[data-v-17ac9dc2],
.envelope .label[data-v-17ac9dc2],
.envelope:hover .label[data-v-17ac9dc2] {
    color: #eb5d48
}

.leaderboard.active .label[data-v-17ac9dc2],
.leaderboard .label[data-v-17ac9dc2],
.leaderboard:hover .label[data-v-17ac9dc2] {
    color: #7226c7
}

.bubble[data-v-17ac9dc2] {
    visibility: hidden;
    bottom: 0;
    left: -190px;
    position: absolute;
    cursor: default
}

.bubble .box[data-v-17ac9dc2] {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background: #488ded;
    -webkit-box-shadow: 0 2px 4px 0 #a4b6d8;
    box-shadow: 0 2px 4px 0 #a4b6d8;
    border-radius: 4px
}

.bubble[data-v-17ac9dc2]:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 8px;
    vertical-align: middle;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #488ded
}

.bubble .desc[data-v-17ac9dc2] {
    font-size: 14px;
    color: #fff
}

.bubble .number[data-v-17ac9dc2],
.bubble .phone[data-v-17ac9dc2] {
    font-size: 24px;
    margin: 10px;
    text-align: center;
    color: #fff
}

.bubble .qrcode[data-v-17ac9dc2] {
    margin-top: 5px
}

.toggle-open[data-v-17ac9dc2] {
    cursor: pointer;
    position: absolute;
    width: 28px;
    height: 90px;
    top: 50%;
    right: 0;
    background-image: url(https://948cp.com/static/img/list_close_normal_icon.b1e9d114.svg);
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: auto
}

.toggle-open[data-v-17ac9dc2]:active,
.toggle-open[data-v-17ac9dc2]:hover {
    background-image: url(https://948cp.com/static/img/list_close_hover_icon.67268e20.svg)
}

.toggle-open[data-v-17ac9dc2]:active {
    opacity: .7
}

[data-v-0980b94a]:export {
    primary: #488ded
}

.tip[data-v-0980b94a] {
    color: #999
}

.odds[data-v-0980b94a] {
    word-break: break-word
}

[data-v-4359cdfd]:export {
    primary: #488ded
}

.ongoing[data-v-4359cdfd] {
    color: #488ded
}

.win[data-v-4359cdfd] {
    color: #fa5555
}

.death[data-v-4359cdfd],
.lose[data-v-4359cdfd] {
    color: #999
}

.cancelled[data-v-4359cdfd],
.fail[data-v-4359cdfd] {
    color: #333
}

.tracking[data-v-4359cdfd] {
    color: #f5a623
}

.finished[data-v-4359cdfd] {
    color: #666
}

.status-text[data-v-4359cdfd] {
    margin-right: 5px
}

.tip-icon[data-v-4359cdfd] {
    position: relative;
    top: -1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    color: #fa5555;
    font-size: 12px;
    padding: 2px;
    border: 1px solid #fa5555;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer
}

.tip[data-v-4359cdfd] {
    color: #999
}

.table-expand[data-v-4359cdfd] {
    font-size: 12px;
    color: #333
}

.table-expand .el-form-item[data-v-4359cdfd] {
    margin-right: 0;
    margin-bottom: 0
}

.track-info span[data-v-4359cdfd] {
    color: #fa5555
}

[data-v-4359cdfd] .el-table__expanded-cell {
    background: #f5f5f5
}

[data-v-4359cdfd] .el-table__expanded-cell:hover {
    background: #f5f5f5 !important
}

[data-v-4359cdfd] .el-form-item__label {
    width: 120px;
    font-size: 12px;
    font-weight: 500
}

[data-v-4359cdfd] .el-form-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    font-weight: 400
}

[data-v-4359cdfd] .error .el-form-item__label {
    color: #fa5555
}

[data-v-4359cdfd] .el-form-item--mini .el-form-item__content,
[data-v-4359cdfd] .el-form-item--mini .el-form-item__label {
    line-height: 20px !important
}

.error[data-v-4359cdfd] {
    color: #fa5555
}

[data-v-7bdcd846]:export {
    primary: #488ded
}

.form[data-v-7bdcd846] .el-input {
    width: 180px
}

[data-v-47c3324e]:export {
    primary: #488ded
}

.trial-info .top[data-v-47c3324e] {
    text-align: center
}

.trial-info .txt[data-v-47c3324e] {
    color: #488ded;
    margin-top: 10px
}

.trial-info .action[data-v-47c3324e] {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.trial-info .action .el-button[data-v-47c3324e] {
    width: 40%
}

[data-v-ac892ba6]:export {
    primary: #488ded
}

.type-tabs[data-v-ac892ba6] {
    width: 100%;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.type-tabs .type[data-v-ac892ba6] {
    font-weight: 500;
    font-size: 14px;
    line-height: 50px;
    width: 20%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: .5;
    margin-bottom: 2px
}

.type-tabs .type.active[data-v-ac892ba6] {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 1
}

.type-tabs .type[data-v-ac892ba6]:first-child {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

.type-tabs .type[data-v-ac892ba6]:nth-child(2) {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px)
}

.type-tabs .types-bottom-line[data-v-ac892ba6] {
    bottom: -1px;
    height: 1px;
    width: 50%;
    position: absolute;
    background: #fff;
    -webkit-transition: all .3s cubic-bezier(.3, 1.6, .6, 1) .1s;
    -o-transition: all .3s cubic-bezier(.3, 1.6, .6, 1) .1s;
    transition: all .3s cubic-bezier(.3, 1.6, .6, 1) .1s
}

.type-tabs .bottom-line-active--win_rate[data-v-ac892ba6] {
    left: 0
}

.type-tabs .bottom-line-active--profit[data-v-ac892ba6] {
    left: 50%
}

[data-v-48a9fb7d]:export {
    primary: #488ded
}

.filter-tabs[data-v-48a9fb7d] {
    width: 60%;
    height: 25px;
    line-height: 25px;
    margin: 16px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    background: #5b1db8;
    border-radius: 30px;
    cursor: pointer
}

.filter-tabs .filter[data-v-48a9fb7d] {
    width: 33.33333%;
    color: #fff;
    text-align: center;
    z-index: 1
}

.filter-tabs .filter.active[data-v-48a9fb7d] {
    border-radius: 20px;
    color: #6913b5
}

.filter-tabs .filter-tab-toggle[data-v-48a9fb7d] {
    width: 33.33333%;
    height: calc(100% - 4px);
    background: #ffc107;
    border-radius: 30px;
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(.3, 1.6, .6, 1) 0s;
    -o-transition: all .3s cubic-bezier(.3, 1.6, .6, 1) 0s;
    transition: all .3s cubic-bezier(.3, 1.6, .6, 1) 0s;
    top: 2px
}

.filter-tabs .toggle-active--all[data-v-48a9fb7d] {
    left: 2px
}

.filter-tabs .toggle-active--rookie[data-v-48a9fb7d] {
    left: 33.33333%
}

.filter-tabs .toggle-active--expert[data-v-48a9fb7d] {
    left: calc(66.66667% - 2px)
}

[data-v-50c966c4]:export {
    primary: #488ded
}

.follow-btn[data-v-50c966c4] {
    width: 70px;
    height: 22px;
    line-height: 22px;
    z-index: 99;
    bottom: 8px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #39147e;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.follow-btn.shadow[data-v-50c966c4] {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.follow-btn.border[data-v-50c966c4] {
    border: 1px solid rgba(193, 115, 255, .25)
}

.followed[data-v-50c966c4] {
    color: rgba(193, 115, 255, .85);
    -webkit-box-shadow: none;
    box-shadow: none
}

.icon[data-v-50c966c4] {
    font-size: 14px;
    color: rgba(193, 115, 255, .85)
}

[data-v-3fbadf10]:export {
    primary: #488ded
}

.card-container[data-v-3fbadf10] {
    margin: 0 auto;
    margin-top: 70px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.card-container[data-v-3fbadf10],
.card[data-v-3fbadf10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.card[data-v-3fbadf10] {
    width: 102px;
    border-radius: 4px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card[data-v-3fbadf10]:after {
    content: "";
    width: 100%;
    height: 104px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(data:image/png;base64,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);
    background-size: contain
}

.card.rank-1[data-v-3fbadf10] {
    background: -webkit-gradient(linear, left top, right top, from(#73ddff), to(#166fd8));
    background: -webkit-linear-gradient(left, #73ddff, #166fd8);
    background: -o-linear-gradient(left, #73ddff 0, #166fd8 100%);
    background: linear-gradient(90deg, #73ddff, #166fd8);
    height: 140px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.card.rank-1 .avatar[data-v-3fbadf10] {
    top: -25px
}

.card.rank-1 .avatar[data-v-3fbadf10]:after {
    content: "";
    z-index: 1;
    top: -27px;
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url(../images/top1.e37f7605.svg);
    background-size: contain
}

.card.rank-1 .username[data-v-3fbadf10] {
    margin-top: 26px
}

.card.rank-1 .bet-info[data-v-3fbadf10] {
    margin-bottom: 40px
}

.card.rank-2[data-v-3fbadf10] {
    background: -webkit-gradient(linear, left top, right top, from(#ff7384), to(#d81650));
    background: -webkit-linear-gradient(left, #ff7384, #d81650);
    background: -o-linear-gradient(left, #ff7384 0, #d81650 100%);
    background: linear-gradient(90deg, #ff7384, #d81650);
    height: 120px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.card.rank-2 .avatar[data-v-3fbadf10] {
    top: -35px
}

.card.rank-2 .avatar[data-v-3fbadf10]:before {
    content: "2";
    position: absolute;
    top: -34px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

.card.rank-2 .avatar[data-v-3fbadf10]:after {
    content: "";
    z-index: 1;
    top: -16px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8.7px 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0)
}

.card.rank-2 .username[data-v-3fbadf10] {
    margin-top: 18px
}

.card.rank-2 .bet-info[data-v-3fbadf10] {
    margin-bottom: 40px
}

.card.rank-3[data-v-3fbadf10] {
    background: -webkit-gradient(linear, left top, right top, from(#ffe073), to(#d8ad16));
    background: -webkit-linear-gradient(left, #ffe073, #d8ad16);
    background: -o-linear-gradient(left, #ffe073 0, #d8ad16 100%);
    background: linear-gradient(90deg, #ffe073, #d8ad16);
    height: 110px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.card.rank-3 .avatar[data-v-3fbadf10] {
    top: -35px
}

.card.rank-3 .avatar[data-v-3fbadf10]:before {
    content: "3";
    position: absolute;
    top: -36px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #fff
}

.card.rank-3 .avatar[data-v-3fbadf10]:after {
    content: "";
    z-index: 1;
    top: -15px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.card.rank-3 .username[data-v-3fbadf10] {
    margin-top: 18px
}

.card.rank-3 .bet-info[data-v-3fbadf10] {
    margin-bottom: 35px
}

.card .avatar[data-v-3fbadf10] {
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.card .username[data-v-3fbadf10] {
    width: 90px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.best-game[data-v-3fbadf10] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25))
}

.best-game[data-v-3fbadf10]:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD2SURBVHgBjVILEcIwDM2hYBIqAQl1sEmYA3DQOQAHxcFwUBwMB5NQHJT2lnLvcunGu8ttTV9efiVSkFI6Z/PZYtoQ+WzoH2TiJe3DHQkMImDNZqGiCrsnsgKxBI7svwqhhXbmUDE1OHfgnKv/BBwD/30mdYpOD/+qCAnCIKoYRKKPJvJSxAgqkpW9qREQoOcZzkHc+ZZAWa8RG9KwMs9KAcMEdyBUBRyfbasNx74xbSv1bOXRddluwA0EZC2jr5m41RIcFa7FV1q+D0GYWGQS/jL0pcbVLB20Fn+XsGZIFsUsrbalmcmj8Fv2P+kIPKO5cRekeMEXviBAJsy08mIAAAAASUVORK5CYII=);
    background-size: contain;
    margin-right: 4px
}

.bet-info[data-v-3fbadf10] {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #fff
}

.no-data[data-v-3fbadf10] {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    padding: 87px 0
}

[data-v-33a0ed08]:export {
    primary: #488ded
}

[data-v-33a0ed08] .el-dialog {
    width: 235px
}

[data-v-4ab654a8]:export {
    primary: #488ded
}

.table-container[data-v-4ab654a8] {
    width: 100%;
    height: 330px;
    background: #fff;
    position: relative;
    overflow: hidden;
    overflow-y: auto
}

.table-container[data-v-4ab654a8]::-webkit-scrollbar {
    width: 5px
}

.table-container[data-v-4ab654a8]::-webkit-scrollbar-thumb {
    background: #7226c7;
    border-radius: 20px
}

.header[data-v-4ab654a8] {
    position: sticky;
    top: 0;
    left: 0;
    height: 24px;
    border-bottom: 1px solid hsla(0, 0%, 84.7%, .3);
    background: #fff;
    padding: 4px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    line-height: 14px;
    color: #aaa
}

.header__rank[data-v-4ab654a8],
.row__rank[data-v-4ab654a8] {
    width: 6%
}

.header__avatar[data-v-4ab654a8],
.row__avatar[data-v-4ab654a8] {
    width: 11%
}

.header__username[data-v-4ab654a8],
.row__username[data-v-4ab654a8] {
    width: 22%
}

.header__bet-info[data-v-4ab654a8],
.row__bet-info[data-v-4ab654a8] {
    width: 20%;
    margin: 0 auto
}

.header__best-game[data-v-4ab654a8],
.row__best-game[data-v-4ab654a8] {
    width: 25%
}

.header__btn[data-v-4ab654a8],
.row__btn[data-v-4ab654a8] {
    width: 60px;
    text-align: center
}

.row[data-v-4ab654a8] {
    padding: 13px 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 84.7%, .3)
}

.avatar[data-v-4ab654a8],
.row[data-v-4ab654a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.avatar[data-v-4ab654a8] {
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.rank[data-v-4ab654a8] {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #39147e
}

.username[data-v-4ab654a8] {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #39147e;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.best-game[data-v-4ab654a8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 17px;
    color: #7226c7
}

.best-game[data-v-4ab654a8]:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH5SURBVHgBfZNPUuJQEMa7O8FyVsPcIFNjnFnG3TDW1MAJ5AbiCYjMAYQLQG6AnEA8QVJlCZYbWKOL3EBWVmklr+1HCD4StKuSvH/5va/7fQ9hR/jurUdAbUBuAmAVgJfyHatX6AVxLS6ux+LA+c+7NjIH8HF0+4tazxwgs/P/x6RZAMRKQSNT8g7xD27qH0LYwoHRWwKL/MdaBIp6JsgiawC70vHde48wnWU91esvjrtQiHN3EiBie7WC1VHwcDzfUmKpxNmQ2TrxnVm1CBHAiZGCZ7TLwcgeVZ6b5piul3wcA7gsQdL0JdoFzBUx8Zay9BXnG+DWbu40ZIT6emosJ1XVfWaIst3zObiUYz4rQbTctIJzUhCasndELKZrgJ04wePfaJOO/2vqyPFeCeBUkfYFxJ8BaI9Oieww94utX1YKQ840dQUEIvV7x522GNhDwK96QjGMINmfU+XlQnp+lp4tbYiw4962AGlY3FFPiltH2my+pEpE/wBVK7tL76FU0iABXOQ/ys6jdduRp0Wk6qucLfTEPH4OQF104MxoZA9R7wLplyiIj1bn3jmcPK0XxzqtVc2csEp7+7MMjsv+4ve3vJaQgFO6xZ3DuytxRVPuzVn/oXaZj/sH0zoRhKL2erD4s2XEsmOZr7VcE6BD1wbFL8g4Lv7yBgTXy+CSAe3GAAAAAElFTkSuQmCC);
    background-size: contain;
    margin-right: 4px
}

.bet-info[data-v-4ab654a8] {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #d8d8d8
}

.bet-info .profit[data-v-4ab654a8] {
    color: #7226c7
}

.no-data[data-v-4ab654a8] {
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #7226c7;
    padding: 150px 0
}

[data-v-b5388fe8]:export {
    primary: #488ded
}

[data-v-b5388fe8] .main-dialog {
    border-radius: 8px;
    height: 50%;
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
    background: -webkit-radial-gradient(4% 4.89%, 177.93% 161.83%, #a426c7 0, #8a26c7 13.95%, #7826c7 26.89%, #7226c7 36.41%, #7025c5 37.64%, #48119c 65.13%, #2f0583 86.86%, #26007a 100%);
    background: -o-radial-gradient(4% 4.89%, 177.93% 161.83%, #a426c7 0, #8a26c7 13.95%, #7826c7 26.89%, #7226c7 36.41%, #7025c5 37.64%, #48119c 65.13%, #2f0583 86.86%, #26007a 100%);
    background: radial-gradient(177.93% 161.83% at 4% 4.89%, #a426c7 0, #8a26c7 13.95%, #7826c7 26.89%, #7226c7 36.41%, #7025c5 37.64%, #48119c 65.13%, #2f0583 86.86%, #26007a 100%)
}

[data-v-b5388fe8] .main-dialog .el-dialog__header {
    padding: 0
}

[data-v-b5388fe8] .main-dialog .el-dialog__headerbtn {
    top: 6px;
    right: 6px;
    z-index: 99
}

[data-v-b5388fe8] .main-dialog .el-dialog__headerbtn .el-dialog__close {
    color: #fff;
    font-size: 24px
}

[data-v-b5388fe8] .main-dialog .el-dialog__body {
    padding: 0;
    overflow: hidden
}

.last-update-time[data-v-b5388fe8] {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #e2e2e2
}

.main-dialog .list-enter,
.main-dialog .list-enter-active {
    -webkit-transition: opacity .8s;
    -o-transition: opacity .8s;
    transition: opacity .8s
}

.main-dialog .list-enter,
.main-dialog .list-leave-active {
    opacity: 0
}

.main-dialog .list-enter-to {
    opacity: 1
}

[data-v-41b6ede0]:export {
    primary: #488ded
}

.wrapper[data-v-41b6ede0] {
    z-index: 2000;
    min-width: 1400px;
    height: calc(100% + 240px);
    padding-top: 250px;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal[data-v-41b6ede0] {
    z-index: 1;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: .5
}

.content[data-v-41b6ede0] {
    z-index: 10;
    width: 400px;
    position: relative;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    padding: 1.5rem
}

[data-v-718be518]:export {
    primary: #488ded
}

.captcha[data-v-718be518] {
    width: 70px;
    height: 32px
}

[data-v-0c67e4e6]:export {
    primary: #488ded
}

.tab-text[data-v-0c67e4e6] {
    text-align: center
}

[data-v-0c67e4e6] .input-width-Feeds,
[data-v-0c67e4e6] .input-width-Feeds .el-textarea__inner {
    height: 160px !important;
    width: 400px !important
}

[data-v-0c67e4e6] .input-width-Feeds .el-input__count {
    position: absolute;
    bottom: -28px
}

.trial-info .top[data-v-0c67e4e6] {
    text-align: center
}

.trial-info .txt[data-v-0c67e4e6] {
    color: #488ded
}

.trial-info .action[data-v-0c67e4e6] {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.trial-info .action .el-button[data-v-0c67e4e6] {
    width: 40%
}

.header-block[data-v-0c67e4e6] {
    position: relative;
    z-index: 401
}

.main-block[data-v-0c67e4e6] {
    position: relative;
    z-index: 100
}

.slide-fade-enter-active[data-v-0c67e4e6],
.slide-fade-leave-active[data-v-0c67e4e6] {
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.el-carousel.announcement-popup[data-v-0c67e4e6] .el-carousel__button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000
}

.el-carousel.announcement-popup[data-v-0c67e4e6] strong,
.el-carousel.announcement-popup b[data-v-0c67e4e6] {
    font-weight: 700
}

.el-carousel.announcement-popup[data-v-0c67e4e6] em {
    font-style: italic
}

.el-carousel.announcement-popup .wrapper[data-v-0c67e4e6] {
    height: 320px;
    overflow-y: auto
}

.el-carousel.announcement-popup .wrapper[data-v-0c67e4e6] img {
    max-width: 100%
}

[data-v-3c034311]:export {
    primary: #488ded
}

.game-notification[data-v-3c034311] {
    width: 328px;
    overflow: initial !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-style: none;
    background-image: none;
    padding: 0
}

.game-notification:hover .close-btn[data-v-3c034311] {
    opacity: 1
}

.game-notification .ball[data-v-3c034311] {
    position: absolute;
    z-index: 1;
    top: -3px;
    left: -8px
}

.game-notification .close-btn[data-v-3c034311] {
    position: absolute;
    cursor: pointer;
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    z-index: 1;
    right: 4px;
    top: -4px
}

.game-notification__header[data-v-3c034311] {
    height: 1rem;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fbb16e), to(#f03b48));
    background: -webkit-linear-gradient(left, #fbb16e, #f03b48);
    background: -o-linear-gradient(left, #fbb16e 0, #f03b48 100%);
    background: linear-gradient(90deg, #fbb16e, #f03b48);
    -webkit-box-shadow: inset 0 0 3px #fff;
    box-shadow: inset 0 0 3px #fff;
    border-radius: 8px 8px 0 0
}

.game-notification__body[data-v-3c034311] {
    background: #fff0ed;
    border: 1px solid #ffb19f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    border-radius: 0 0 8px 8px;
    border-top: none;
    min-height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.game-notification__body .left-side[data-v-3c034311] {
    width: calc(100% - 64px)
}

.game-notification__body .right-side[data-v-3c034311] {
    width: 64px;
    min-height: 100%;
    border-left: 1px dashed #ffb19f
}

.game-notification__body .title[data-v-3c034311] {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(250 85 85/var(--tw-text-opacity));
    margin-left: 44px
}

.game-notification__body .content[data-v-3c034311] {
    padding-left: .75rem;
    padding-bottom: .75rem;
    padding-top: .5rem;
    font-size: .75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity));
    max-width: 240px
}

.LIVE_GAME .external-bg[data-v-77ca7780] {
    background-position: center top;
    background-image: url(../images/bg.0ea5e94f.jpg);
}
.external-bg[data-v-77ca7780], .external-title-logo[data-v-77ca7780] {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}

.external-bg[data-v-77ca7780] {
    padding-bottom: 100px;
    min-height: 65vh;
}
.LIVE_GAME .external-title-logo[data-v-77ca7780] {
    background-image: url(../images/logo.69173e10.png);
}
.external-title-logo[data-v-77ca7780] {
    width: 360px;
    height: 130px;
    margin: 0px auto;
}
.external-bg[data-v-77ca7780], .external-title-logo[data-v-77ca7780] {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
}
.SLOT_GAME .external-bg[data-v-77ca7780] {
    background-position: top;
    background-image: url(../images/bg.16a52a85.jpg);
}
.SLOT_GAME .external-title-logo[data-v-77ca7780] {
    background-image: url(../images/logo.e715270b.png);
}