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

.card-wrapper[data-v-0d47e7e1] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.card-wrapper[data-v-0d47e7e1],
.scroll-card[data-v-0d47e7e1] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.scroll-card[data-v-0d47e7e1] {
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 15px 0 15px 0
}

.inner-arrow-left[data-v-0d47e7e1],
.inner-arrow-right[data-v-0d47e7e1] {
    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;
    z-index: 5;
    background-color: rgba(0, 0, 0, .4)
}

.inner-arrow-left[data-v-0d47e7e1]:hover,
.inner-arrow-right[data-v-0d47e7e1]:hover {
    background-color: #fff
}

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

.inner-arrow-left[data-v-0d47e7e1] {
    left: 0;
    border-radius: 0 4px 4px 0
}

.inner-arrow-left[data-v-0d47e7e1]: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)
}

.inner-arrow-left[data-v-0d47e7e1]:hover:before {
    border-color: rgba(0, 0, 0, 0) #478ded rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.inner-arrow-right[data-v-0d47e7e1] {
    right: 0;
    border-radius: 4px 0 0 4px
}

.inner-arrow-right[data-v-0d47e7e1]: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
}

.inner-arrow-right[data-v-0d47e7e1]:hover:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #478ded
}

.outer-arrow-left[data-v-0d47e7e1],
.outer-arrow-right[data-v-0d47e7e1] {
    width: 40px;
    height: 40px
}

.outer-arrow-left[data-v-0d47e7e1] {
    background-image: url(../../static/img/icon_left.8d475ca3.svg);
    background-repeat: no-repeat
}

.outer-arrow-right[data-v-0d47e7e1] {
    background-image: url(../../static/img/icon_right.d0208024.svg);
    background-repeat: no-repeat
}

.card-remit[data-v-0d47e7e1] {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.card-type[data-v-0d47e7e1] {
    margin-bottom: -15px;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

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

[data-v-58970e7d] .el-radio-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[data-v-58970e7d] .el-radio-group .el-radio {
    margin-right: 0;
    margin-bottom: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 33.333333%
}

[data-v-58970e7d] .el-radio-group .el-radio__label {
    white-space: normal
}

[data-v-58970e7d] .el-button--medium {
    min-width: 100px;
    border: 1px solid #488ded;
    color: #488ded
}

[data-v-58970e7d] .el-button--primary {
    border: 1px solid #488ded;
    background: #488ded;
    color: #fff
}

[data-v-58970e7d] .el-button--primary:active,
[data-v-58970e7d] .el-button--primary:hover {
    background: #488ded
}

.form-wp[data-v-58970e7d] {
    width: 500px;
    margin: auto;
    margin-top: 150px
}

.dialog-button[data-v-58970e7d] {
    width: 150px
}

.hint[data-v-58970e7d] {
    color: #9b9b9b
}

.min-amount[data-v-58970e7d] {
    position: absolute;
    top: 10px;
    left: 230px;
    height: 12px;
    width: 200px;
    line-height: 12px;
    font-size: 10px;
    color: #9b9b9b
}

.min-amount .text[data-v-58970e7d] {
    vertical-align: text-top
}

.min-amount .amount[data-v-58970e7d] {
    vertical-align: text-top;
    letter-spacing: 0
}

.amount-field.is-error[data-v-58970e7d] {
    margin-bottom: 28px
}

.amount-shortcut[data-v-58970e7d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: 90px
}

.amount-shortcut .amount[data-v-58970e7d] {
    background: #f7f7f7;
    line-height: 30px;
    margin-right: 6px;
    margin-bottom: 6px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
    cursor: pointer
}

.amount-shortcut .amount.active[data-v-58970e7d] {
    color: #fff;
    background: #488ded
}

.memo[data-v-58970e7d] {
    white-space: pre
}

.submit-button[data-v-58970e7d] {
    margin-top: 18px
}

.icon-wrapper[data-v-58970e7d] {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .25rem
}

.icon-wrapper .content[data-v-58970e7d] {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 6px;
    text-align: center
}

.icon-wrapper.active[data-v-58970e7d] {
    background: rgba(72, 141, 237, .15);
    border-radius: 8px
}

.payment[data-v-58970e7d] {
    position: absolute;
    top: 9rem;
    left: 0;
    width: 100%
}

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

html[data-v-58ca07e1] {
    height: 100%
}

body[data-v-58ca07e1] {
    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-58ca07e1]::-webkit-scrollbar:not(.scrollbar) {
    display: none
}

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

.blue[data-v-58ca07e1] {
    color: #1976d2
}

.red[data-v-58ca07e1] {
    color: #fa5555
}

.green[data-v-58ca07e1] {
    color: #67c23a
}

.yellow[data-v-58ca07e1] {
    color: #fcc100
}

.primary[data-v-58ca07e1] {
    color: #488ded
}

#app[data-v-58ca07e1] {
    min-width: 1280px
}

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

.m-l[data-v-58ca07e1] {
    margin-left: 10px
}

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

.m-r[data-v-58ca07e1] {
    margin-right: 10px
}

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

.m-t[data-v-58ca07e1] {
    margin-top: 10px
}

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

.m-b[data-v-58ca07e1] {
    margin-bottom: 10px
}

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

.p-r[data-v-58ca07e1] {
    padding-right: 10px
}

.p-l[data-v-58ca07e1] {
    padding-left: 10px
}

.p-b[data-v-58ca07e1] {
    padding-bottom: 10px
}

.p-t[data-v-58ca07e1] {
    padding-top: 10px
}

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

.input-width[data-v-58ca07e1] {
    width: 220px !important
}

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

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

.fr[data-v-58ca07e1] {
    float: right
}

.fl[data-v-58ca07e1] {
    float: left
}

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

.el-message-box[data-v-58ca07e1] {
    word-break: break-all
}

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

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

a[data-v-58ca07e1] {
    text-decoration: none
}

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

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

.clickable[data-v-58ca07e1] {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

.follow-dialog[data-v-58ca07e1] {
    position: absolute
}

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

.agent-container .title-tag-wrap[data-v-58ca07e1] {
    -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-58ca07e1] {
    -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-58ca07e1] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

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

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

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

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

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

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

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

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

.hint[data-v-58ca07e1] {
    color: #999
}

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

.bankinfo__form[data-v-15f03844] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 20px
}

.tips[data-v-15f03844] {
    font-size: 12px
}

.tips.fade[data-v-15f03844] {
    color: #999
}

.el-row[data-v-15f03844] .el-icon-info {
    margin-left: 5px
}

.info-tip[data-v-15f03844] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 5px 80px;
    color: #666;
    font-size: 13px
}

.info-tip[data-v-15f03844]:before {
    position: absolute;
    bottom: 2px;
    left: 70px;
    font-size: 16px;
    content: "*";
    color: #f56c6c
}

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

html[data-v-40b6083b] {
    height: 100%
}

body[data-v-40b6083b] {
    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-40b6083b]::-webkit-scrollbar:not(.scrollbar) {
    display: none
}

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

.blue[data-v-40b6083b] {
    color: #1976d2
}

.red[data-v-40b6083b] {
    color: #fa5555
}

.green[data-v-40b6083b] {
    color: #67c23a
}

.yellow[data-v-40b6083b] {
    color: #fcc100
}

.primary[data-v-40b6083b] {
    color: #488ded
}

#app[data-v-40b6083b] {
    min-width: 1280px
}

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

.m-l[data-v-40b6083b] {
    margin-left: 10px
}

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

.m-r[data-v-40b6083b] {
    margin-right: 10px
}

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

.m-t[data-v-40b6083b] {
    margin-top: 10px
}

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

.m-b[data-v-40b6083b] {
    margin-bottom: 10px
}

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

.p-r[data-v-40b6083b] {
    padding-right: 10px
}

.p-l[data-v-40b6083b] {
    padding-left: 10px
}

.p-b[data-v-40b6083b] {
    padding-bottom: 10px
}

.p-t[data-v-40b6083b] {
    padding-top: 10px
}

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

.input-width[data-v-40b6083b] {
    width: 220px !important
}

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

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

.fr[data-v-40b6083b] {
    float: right
}

.fl[data-v-40b6083b] {
    float: left
}

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

.el-message-box[data-v-40b6083b] {
    word-break: break-all
}

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

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

a[data-v-40b6083b] {
    text-decoration: none
}

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

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

.clickable[data-v-40b6083b] {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

.follow-dialog[data-v-40b6083b] {
    position: absolute
}

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

.agent-container .title-tag-wrap[data-v-40b6083b] {
    -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-40b6083b] {
    -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-40b6083b] {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

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

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

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

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

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

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

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

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

.balance[data-v-40b6083b] {
    color: #fa5555
}

.withdraw-actions[data-v-40b6083b] {
    display: inline-block
}

.bank-info[data-v-40b6083b] {
    font-size: 13px;
    line-height: 26px;
    border-radius: 4px;
    padding: 15px 60px;
    background: #fff;
    border: 1px solid #f0f0f0;
    margin: 0 auto
}

.bank-info h3[data-v-40b6083b] {
    color: #999;
    text-align: center
}

.bank-info label[data-v-40b6083b] {
    color: #999
}

.count-hint[data-v-40b6083b] {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.count-hint .max[data-v-40b6083b] {
    margin-right: 40px
}

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

.text-info[data-v-f9fec1c0] {
    color: #31708f
}

.text-muted[data-v-f9fec1c0] {
    color: #777
}

.remit-accounts-wrap[data-v-f9fec1c0] {
    padding-top: 4px;
    padding-right: 12px
}

.remit-accounts-wrap .el-select[data-v-f9fec1c0] {
    width: 100%;
    margin-right: 12px
}

.remitAmount[data-v-f9fec1c0] input {
    padding-right: 30px
}

.bank-tip[data-v-f9fec1c0] {
    font-size: 14px;
    font-weight: 700
}

.list-group[data-v-f9fec1c0] {
    padding-left: 0;
    margin-bottom: 20px
}

.list-group .list-group-item[data-v-f9fec1c0]:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.list-group .list-group-item[data-v-f9fec1c0]:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.list-group .list-group-item[data-v-f9fec1c0] {
    position: relative;
    display: block;
    padding: 5px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group .list-group-item span[data-v-f9fec1c0] {
    font-size: 14px
}

.list-group .list-group-item .bank-account[data-v-f9fec1c0] {
    font-size: 16px;
    font-weight: 700
}

.remit-tips[data-v-f9fec1c0] {
    color: #999
}

.remit-desc[data-v-f9fec1c0] {
    color: #f56c6c;
    line-height: 26px
}

.remit-card[data-v-f9fec1c0] {
    display: inline-table;
    min-width: 302px;
    max-width: 302px;
    height: 200px;
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    overflow: hidden;
    cursor: pointer
}

.remit-card.active[data-v-f9fec1c0] {
    -webkit-box-shadow: 4px 3px 11px 3px rgba(0, 0, 0, .31);
    box-shadow: 4px 3px 11px 3px rgba(0, 0, 0, .31);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.remit-card .info[data-v-f9fec1c0] {
    padding: 24px
}

.remit-card .payee-name[data-v-f9fec1c0] {
    line-height: 20px;
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px)
}

.remit-card[data-v-f9fec1c0]:after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../../static/img/remit_card.60f4aa97.svg);
    background-repeat: no-repeat;
    background-size: cover
}

.float-right[data-v-f9fec1c0] {
    float: right
}

.link[data-v-f9fec1c0] {
    color: #409eff
}

[data-v-f9fec1c0] .el-input-number .el-input__inner {
    text-align: left
}

.balance[data-v-f9fec1c0] {
    font-size: 32px;
    color: #478ded
}

.mask[data-v-f9fec1c0] {
    width: 100%;
    height: 100%;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: hsla(0, 0%, 89.8%, .6);
    position: absolute;
    z-index: 10
}

.mask button[data-v-f9fec1c0] {
    width: 150px
}

.icon-wrapper[data-v-f9fec1c0] {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .25rem
}

.icon-wrapper .content[data-v-f9fec1c0] {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 6px;
    text-align: center
}

.icon-wrapper.active[data-v-f9fec1c0] {
    background: rgba(72, 141, 237, .15);
    border-radius: 8px
}

.avatar-trigger {
    display: inline-block;
    height: 100%
}

.avatar-trigger:hover {
    opacity: .8
}

.avatar-ipt {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border: 2px dashed #ddd;
    color: #999;
    font-size: 24px;
    text-align: center
}

.avatar-ipt.preview {
    border: 2px solid #ddd
}

.avatar-ipt.preview .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
    background-color: #ddd
}

.avatar-tip {
    position: absolute;
    bottom: -8px;
    left: 130px;
    text-decoration: underline;
    color: #488ded
}

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

.menu[data-v-042756e2] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .3s ease-in-out;
    -o-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    z-index: 99;
    width: 25px;
    height: 100px;
    background-image: url(../../static/img/my-menu.506fa200.png);
    background-position: 0
}

.menu[data-v-042756e2],
.modal[data-v-042756e2] {
    left: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: fill;
    object-fit: fill
}

.modal[data-v-042756e2] {
    top: calc(50% - 61px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .8s;
    -o-transition: opacity .8s;
    transition: opacity .8s;
    width: 154px;
    background: -webkit-linear-gradient(164.66deg, #59279e 5.38%, #1f008b 83.86%);
    background: -o-linear-gradient(164.66deg, #59279e 5.38%, #1f008b 83.86%);
    background: linear-gradient(285.34deg, #59279e 5.38%, #1f008b 83.86%);
    -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;
    background-size: contain;
    background-position: 100%;
    background-repeat: no-repeat
}

.button-group[data-v-042756e2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 130px;
    padding: 0 12px
}

.button-group .group[data-v-042756e2] {
    height: 65px;
    width: 28px;
    color: #ffdaf5
}

.button-group .icon[data-v-042756e2] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    border-radius: 14px;
    background-color: #ffdaf5;
    margin-bottom: 2px
}

.button-group .icon[data-v-042756e2]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: 16px;
    background-repeat: no-repeat
}

.button-group .icon.deposit[data-v-042756e2]:before {
    background-image: url(../../static/img/deposit.28079317.svg)
}

.button-group .icon.withdraw[data-v-042756e2]:before {
    background-image: url(../../static/img/withdraw.882bd5fc.svg)
}

.button-group .icon.service[data-v-042756e2]:before {
    background-image: url(../../static/img/service.8a756ac6.svg)
}

.button-group .icon.record[data-v-042756e2]:before {
    background-image: url(../../static/img/record.3d97fd99.svg)
}

.button-group .icon.ball[data-v-042756e2]:before {
    background-image: url(../../static/img/ball.a6b6ac59.svg)
}

.button-group .icon.logout[data-v-042756e2] {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #ffdaf5
}

.button-group .icon.logout[data-v-042756e2]:before {
    background-image: url(../../static/img/logout.77322cc9.svg)
}

.expanded .modal[data-v-042756e2] {
    visibility: visible;
    opacity: 1
}

.expanded .modal .text[data-v-042756e2] {
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    color: #ffdaff
}

.expanded .menu[data-v-042756e2] {
    left: -54px
}

.dialog-title[data-v-042756e2] {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #488ded;
    border-bottom: 1px solid #eee;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.el-dialog__wrapper[data-v-042756e2] .el-dialog.sport-home-dialog .el-dialog__header {
    padding: 0
}

.radio-card[data-v-042756e2] {
    width: 175px;
    height: 240px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio-card.active[data-v-042756e2] {
    border-color: #488ded
}

.el-tabs[data-v-042756e2] .el-tabs__nav-scroll {
    padding-left: 0
}

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

.login-wrap[data-v-7b0d26d5] {
    padding: 20px 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.login-logo[data-v-7b0d26d5] {
    width: 100%;
    height: 100px;
    margin-bottom: 40px
}

.icon[data-v-7b0d26d5],
.login-logo[data-v-7b0d26d5] {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.icon[data-v-7b0d26d5] {
    margin-left: .75rem;
    margin-right: .5rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    text-align: center
}

.icon-user[data-v-7b0d26d5] {
    background-image: url(../../static/img/icon-user.6de1d644.svg)
}

.icon-password[data-v-7b0d26d5] {
    background-image: url(../../static/img/icon-password.18a4ef10.svg)
}

.footer[data-v-7b0d26d5] {
    margin-top: 1rem;
    text-align: center
}

.footer .el-button[data-v-7b0d26d5] {
    height: 2.5rem;
    width: 80%;
    font-weight: 400
}

.register-btn[data-v-7b0d26d5] {
    width: 80%;
    height: 128px;
    background: url(../../static/img/register-btn.539d43bd.png) 50%/contain no-repeat;
    margin-top: 0;
    cursor: pointer;
    margin: 0 auto
}

.form-item[data-v-7b0d26d5] {
    color: #b4c5db;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: .75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.25rem;
    width: 80%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem
}

.form-item.focus[data-v-7b0d26d5] {
    border-color: #488ded
}

.form-item input[data-v-7b0d26d5] {
    padding-left: 5px;
    -webkit-appearance: none;
    font-size: inherit;
    color: #333;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    border-width: 0;
    background-color: rgba(0, 0, 0, 0);
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: 2px
}

.form-item input[data-v-7b0d26d5]::-webkit-input-placeholder {
    color: #ddd
}

.form-item input[data-v-7b0d26d5]::-moz-placeholder {
    color: #ddd
}

.form-item input[data-v-7b0d26d5]::-ms-input-placeholder {
    color: #ddd
}

.form-item input[data-v-7b0d26d5]::placeholder {
    color: #ddd
}

.validate-item[data-v-7b0d26d5] {
    color: #b4c5db;
    margin-top: .375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .875rem;
    line-height: 1.25rem
}

.validate-item.focus input[data-v-7b0d26d5] {
    border-color: #488ded
}

.validate-item input[data-v-7b0d26d5] {
    height: 34px;
    width: 130px;
    border-radius: 3px;
    border: 1px solid #dde8f6;
    padding-left: 5px;
    font-size: inherit;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: 2px
}

.validate-item input[data-v-7b0d26d5]::-webkit-input-placeholder {
    color: #dbe5f2
}

.validate-item input[data-v-7b0d26d5]::-moz-placeholder {
    color: #dbe5f2
}

.validate-item input[data-v-7b0d26d5]::-ms-input-placeholder {
    color: #dbe5f2
}

.validate-item input[data-v-7b0d26d5]::placeholder {
    color: #dbe5f2
}

.validate-item .captcha[data-v-7b0d26d5] {
    width: 65px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.validate-item i[data-v-7b0d26d5] {
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    padding: 1px;
    color: #fff;
    background: #488ded;
    border-radius: 50%;
    cursor: pointer
}

.error[data-v-7b0d26d5] {
    line-height: 1;
    color: #fa5555;
    font-size: 12px;
    text-align: center;
    margin-bottom: 8px
}

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

.register-wrap[data-v-1247f650] {
    padding: 110px 50px 40px 20px;
    color: #333;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.realname-tip[data-v-1247f650] {
    clear: both;
    height: 24px;
    width: 100%;
    line-height: 24px;
    margin-top: -17px;
    text-align: center;
    font-weight: 700;
    color: red;
    font-size: 14px
}

.realname-tip.inside[data-v-1247f650] {
    position: absolute;
    right: 30px;
    bottom: -2px;
    font-size: 12px;
    font-weight: 400;
    opacity: .5;
    height: 32px;
    line-height: 32px
}

.el-form-item.is-error+.realname-tip[data-v-1247f650] {
    display: none
}

.el-button.el-button--info.el-button--small.captcha[data-v-1247f650] {
    position: absolute;
    right: 0;
    width: 55px
}

.input-captcha[data-v-1247f650] .el-input__icon.el-input__validateIcon {
    margin-right: 55px
}

.link[data-v-1247f650] {
    color: #488ded;
    cursor: pointer
}

.sms-tip[data-v-1247f650] {
    color: #67c23a;
    line-height: 15px
}

[data-v-1247f650] .el-form-item__label {
    width: 100px
}

[data-v-1247f650] .el-form-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

[data-v-1247f650] .el-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-v-1247f650] .el-input .el-input__suffix {
    right: 0
}

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

.block-wrap[data-v-0135bbe6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 520px
}

.block-r[data-v-0135bbe6] {
    min-width: 450px;
    max-width: 500px;
    background: #fbfcfe;
    border-radius: 20px;
    opacity: .7
}

.fade-in-enter-active[data-v-0135bbe6],
.fade-in-leave-active[data-v-0135bbe6],
.fade-out-enter-active[data-v-0135bbe6],
.fade-out-leave-active[data-v-0135bbe6] {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.fade-in-enter[data-v-0135bbe6],
.fade-out-leave-to[data-v-0135bbe6] {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px)
}

.fade-in-leave-to[data-v-0135bbe6],
.fade-out-enter[data-v-0135bbe6] {
    opacity: 0;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

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

.iframe[data-v-b243d690] {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

p {
    font-weight: 400
}

body,
html {
    height: 100%
}

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

body::-webkit-scrollbar:not(.scrollbar) {
    display: none
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.blue {
    color: #1976d2
}

.red {
    color: #fa5555
}

.green {
    color: #67c23a
}

.yellow {
    color: #fcc100
}

.primary {
    color: #488ded
}

#app,
.page-center {
    min-width: 1280px
}

.page-center {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto
}

.m-l {
    margin-left: 10px
}

.m-l-sm {
    margin-left: 5px
}

.m-r {
    margin-right: 10px
}

.m-r-sm {
    margin-right: 5px
}

.m-t {
    margin-top: 10px
}

.m-t-sm {
    margin-top: 5px
}

.m-b {
    margin-bottom: 10px
}

.m-b-sm {
    margin-bottom: 5px
}

.p-r {
    padding-right: 10px
}

.p-l {
    padding-left: 10px
}

.p-b {
    padding-bottom: 10px
}

.p-t {
    padding-top: 10px
}

.p-t-sm {
    padding-top: 5px
}

.input-width {
    width: 220px !important
}

.row-bg {
    border-top: 1px solid #ededed
}

.el-breadcrumb {
    margin: 20px 0;
    padding-left: 10px
}

.fr {
    float: right
}

.fl {
    float: left
}

.el-message-box__title {
    padding-right: 10px
}

.el-message-box {
    word-break: break-all
}

.el-message-box.notify-message-box {
    width: 400px
}

.el-message-box.notify-message-box .el-message-box__content .el-message-box__message {
    overflow-y: scroll;
    max-height: 500px
}

a {
    text-decoration: none
}

.top-right-msg {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 220px
}

.show-image-msg .el-dialog__body img {
    width: 80%
}

.clickable {
    cursor: pointer
}

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

.bettrack-tip-popover.el-popover.in-notify,
.envelope-tip-popover.el-popover.in-notify {
    z-index: 99999 !important
}

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

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

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

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

.el-notification.bettrack-notification {
    width: 280px;
    padding: 0
}

.el-notification.bettrack-notification .el-notification__group {
    margin: 0
}

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

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

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

.follow-dialog {
    position: absolute
}

.emoji-popover {
    padding: 0
}

.agent-container .title-tag-wrap {
    -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 {
    -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 {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.scrollbar-hidden::-webkit-scrollbar {
    width: 0;
    height: 0
}

.el-dialog.init-dialog .el-dialog__body,
.el-dialog.init-dialog .el-dialog__header {
    padding: 0
}

.el-table ::-webkit-scrollbar {
    display: block;
    width: 8px;
    height: 8px;
    background-color: #fff
}

.el-table ::-webkit-scrollbar-track {
    background-color: #fff
}

.el-table ::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4
}

.el-table ::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 2px solid #fff
}

.el-table ::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
    border: 2px solid #f4f4f4
}

.el-table ::-webkit-scrollbar-button {
    display: none
}

.el-container {
    width: 1440px
}

.el-input.extramini .el-input__inner {
    margin: 2px 0;
    height: 26px
}

.el-input-number.el-input-number--mini .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input-number.el-input-number--mini .el-input-number__decrease,
.el-input-number.el-input-number--mini .el-input-number__increase {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    background: #fff
}

.el-input-number.el-input-number--mini.is-controls-right .el-input-number__decrease,
.el-input-number.el-input-number--mini.is-controls-right .el-input-number__increase {
    height: 15px;
    line-height: 15px
}

.el-table--small td,
.el-table--small th {
    padding: 4px 0
}

.el-menu-item i {
    color: #fff
}

.el-tabs.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid #e4e7ed
}

.el-form-item--mini.el-form-item.el-form-item,
.el-form-item--small.el-form-item.el-form-item {
    margin-bottom: 24px
}

.el-tabs--top .el-tabs__nav-scroll {
    padding-left: 20px
}

.el-table__row.read {
    color: #999
}

.el-table__row.unread {
    color: #666
}

.el-menu.el-menu--popup-bottom-start {
    margin: 0;
    padding: 10px 0;
    background: #fff
}

.game-menu .el-menu--horizontal.el-menu {
    border: none
}

.game-menu .el-menu--horizontal .el-menu>.el-menu-item.is-active {
    color: #488ded;
    background: #edf4fd
}

.game-menu .el-menu--horizontal .el-menu .el-menu-item,
.game-menu .el-menu--horizontal .el-menu .el-submenu__title {
    line-height: 40px;
    height: 40px
}

.game-menu .el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border: none
}

.el-table.no-header .el-table__header-wrapper {
    display: none
}

.card-animation {
    -webkit-animation: cardEnter .4s linear;
    animation: cardEnter .4s linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.card-animation:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.card-animation:nth-child(2) {
    -webkit-animation-delay: .16s;
    animation-delay: .16s
}

.card-animation:nth-child(3) {
    -webkit-animation-delay: .32s;
    animation-delay: .32s
}

.card-animation:nth-child(4) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.card-animation:nth-child(5) {
    -webkit-animation-delay: .64s;
    animation-delay: .64s
}

@-webkit-keyframes cardEnter {
    0% {
        opacity: 0;
        -webkit-transform: translate(7px, -8px) rotateY(120deg);
        transform: translate(7px, -8px) rotateY(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes cardEnter {
    0% {
        opacity: 0;
        -webkit-transform: translate(7px, -8px) rotateY(120deg);
        transform: translate(7px, -8px) rotateY(120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.fade-enter-active,
.fade-leave-active {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.delay-out-leave-active,
.fade-up-enter-active,
.fade-up-leave-active {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fade-up-enter {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.fade-up-leave-to {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0
}

@-webkit-keyframes lighting {
    0% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes lighting {
    0% {
        opacity: .2
    }

    50% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

.slide-fade-right-enter-active,
.slide-fade-right-leave-active {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.slide-fade-right-enter {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

.slide-fade-right-leave-to {
    opacity: 0
}

.slide-fade-down-enter-active,
.slide-fade-down-leave-active {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-down-enter,
.slide-fade-down-leave-to {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0
}

.result-3d,
.result-11pick5,
.result-ausf,
.result-blockchain,
.result-dd,
.result-gdklsf,
.result-instant-lottery,
.result-qxcv2,
.result-time-lottery,
.result-vn_northern {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: -webkit-radial-gradient(30% 30%, circle, #76aaf2, #135abc);
    background: -o-radial-gradient(30% 30%, circle, #76aaf2, #135abc);
    background: radial-gradient(circle at 30% 30%, #76aaf2, #135abc)
}

.result-qxc,
.result-ssq,
.wrapper-qxc .ball {
    background: -webkit-radial-gradient(30% 30%, circle, #fb8787, #e20707);
    background: -o-radial-gradient(30% 30%, circle, #fb8787, #e20707);
    background: radial-gradient(circle at 30% 30%, #fb8787, #e20707)
}

.result-qxc,
.result-ssq,
.result-ssq-blue,
.wrapper-qxc .ball {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.result-ssq-blue {
    background: -webkit-radial-gradient(30% 30%, circle, #378fe7, #0e4377);
    background: -o-radial-gradient(30% 30%, circle, #378fe7, #0e4377);
    background: radial-gradient(circle at 30% 30%, #378fe7, #0e4377)
}

.result-ssq-red {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: -webkit-radial-gradient(30% 30%, circle, #fb8787, #e20707);
    background: -o-radial-gradient(30% 30%, circle, #fb8787, #e20707);
    background: radial-gradient(circle at 30% 30%, #fb8787, #e20707)
}

.result-dlt:nth-child(-n+5) {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: -webkit-radial-gradient(30% 30%, circle, #76aaf2, #135abc);
    background: -o-radial-gradient(30% 30%, circle, #76aaf2, #135abc);
    background: radial-gradient(circle at 30% 30%, #76aaf2, #135abc)
}

.result-dlt:nth-child(n+6),
.result-qxcv2:nth-child(n+7) {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: -webkit-radial-gradient(30% 30%, circle, #ffea83, #efc500);
    background: -o-radial-gradient(30% 30%, circle, #ffea83, #efc500);
    background: radial-gradient(circle at 30% 30%, #ffea83, #efc500)
}

.result-dlt-blue {
    background: -webkit-radial-gradient(30% 30%, circle, #76aaf2, #135abc);
    background: -o-radial-gradient(30% 30%, circle, #76aaf2, #135abc);
    background: radial-gradient(circle at 30% 30%, #76aaf2, #135abc)
}

.result-dlt-blue,
.result-dlt-yellow,
.result-qxcv2-yellow {
    border-radius: 100%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.result-dlt-yellow,
.result-qxcv2-yellow {
    background: -webkit-radial-gradient(30% 30%, circle, #ffea83, #efc500);
    background: -o-radial-gradient(30% 30%, circle, #ffea83, #efc500);
    background: radial-gradient(circle at 30% 30%, #ffea83, #efc500)
}

.result-nn,
.result-pk10 {
    background: url(../../static/img/racingicon.dbb955aa.jpg) no-repeat;
    background-size: 100% 1000%;
    width: 26px;
    height: 26px;
    text-indent: -9999px
}

.result-nn.resultnum-1,
.result-pk10.resultnum-1 {
    background-position: 0 0
}

.result-nn.resultnum-2,
.result-pk10.resultnum-2 {
    background-position: 0 -26px
}

.result-nn.resultnum-3,
.result-pk10.resultnum-3 {
    background-position: 0 -52px
}

.result-nn.resultnum-4,
.result-pk10.resultnum-4 {
    background-position: 0 -78px
}

.result-nn.resultnum-5,
.result-pk10.resultnum-5 {
    background-position: 0 -104px
}

.result-nn.resultnum-6,
.result-pk10.resultnum-6 {
    background-position: 0 -130px
}

.result-nn.resultnum-7,
.result-pk10.resultnum-7 {
    background-position: 0 -156px
}

.result-nn.resultnum-8,
.result-pk10.resultnum-8 {
    background-position: 0 -182px
}

.result-nn.resultnum-9,
.result-pk10.resultnum-9 {
    background-position: 0 -208px
}

.result-nn.resultnum-10,
.result-pk10.resultnum-10 {
    background-position: 0 -234px
}

.result-nn,
.result-pk10-vn {
    background: url(../../static/img/racingicon.dbb955aa.jpg) no-repeat;
    background-size: 100% 1000%;
    width: 28px;
    height: 28px;
    margin: -1px;
    text-indent: -9999px
}

.result-nn.resultnum-1,
.result-pk10-vn.resultnum-1 {
    background-position: 0 0
}

.result-nn.resultnum-2,
.result-pk10-vn.resultnum-2 {
    background-position: 0 -28px
}

.result-nn.resultnum-3,
.result-pk10-vn.resultnum-3 {
    background-position: 0 -56px
}

.result-nn.resultnum-4,
.result-pk10-vn.resultnum-4 {
    background-position: 0 -84px
}

.result-nn.resultnum-5,
.result-pk10-vn.resultnum-5 {
    background-position: 0 -112px
}

.result-nn.resultnum-6,
.result-pk10-vn.resultnum-6 {
    background-position: 0 -140px
}

.result-nn.resultnum-7,
.result-pk10-vn.resultnum-7 {
    background-position: 0 -168px
}

.result-nn.resultnum-8,
.result-pk10-vn.resultnum-8 {
    background-position: 0 -196px
}

.result-nn.resultnum-9,
.result-pk10-vn.resultnum-9 {
    background-position: 0 -224px
}

.result-nn.resultnum-10,
.result-pk10-vn.resultnum-10 {
    background-position: 0 -252px
}

.result-k3 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAADMCAMAAAAh14ECAAAA8FBMVEUAAADq6ur39/fd3d319fX4+Pjc3Nz19fXe3t/c3Nze3t729vb39/fc3N3c3Nzf4ODf4N/3+Pj49/fc29v3+Pj49/f49/j9/f3u7u76+vrz8/P4+PgbGxvx8fH8/Pzw8PD////39/f19fX29vbc3NxAQEA+Pj7h4eHs6+zm5uYgICDp6enj4+Otra2rq6vIGSWyGSKcGSB1GRupqamxsbEfHx+np6eGGh6vr6/ePEieHiWGGR3Kr6/HqqvPsLHorrHtrLGwsLDkqa3pp6y/P0e+PkaBQECAPz9rHh6zs7ObPkOZPkHLra3aHiubQELbHSz64tncAAAAF3RSTlMABtDQ+fPLx8dvbm0bG/T5825u9MfHxzN2oa0AAAT2SURBVFjD7ZgHd9NAEITpvTc17uQgYjvFoRgwIfTe+f//hm3SnCR8NmB4wGMsnXY2Gz9ebH3Mad9y2n/+8uG1Ym2NTlr15OXwpQv7deLUgSIZfFNJceCUvMeBrO4kg4QvXFiVHeD3OVkktQa6ymEqTtLIUR80rUDlj9LIoSSqQzSSJ16N97h4afKS84gnJR5qex5xPipHI2Wm8nqG8vTikTSLqlw8kspIURR00iKVqqCXeB4ZF6Eevn775mHYGHdHHt9mfeyMbOnnX8gX4P1stjfbe8/WZCMVH3I+uMV6UFXspbPFI1WgVzdZLyuIRzausapKLk9usJ5zqe1rGzYCPd39tPsi8DqSR8Uj2/GR7XrE8UmLrI6tdR2PjFxUoyVHytI5PWnVg4zVMnI2LSNKz9HIsbGUaakXqdjoOj5GIye204hGJ/iGPbgxf2LjoNz4pw+OtsboQuOt0cHTBo/jR85c/4YuHjmu8Fio1VMqWUQpG2vN9SkFBPUopT8YyIsXTC9PKU+zSqWGT5BXSolkDFqCUlmLUoIn3yBKKqtXTClSYaegquUCSk3WN9cnXMB0KHX/KovbMKCUfAnWpbuuvAqMjbA2pbtZrVV0mBF0gVL2i1XXgFLVjnR3lFUTNQypkFI7w7vDHanywOQrpRRjSQ4SEGXsWiGlCElUGpxALLsuTSkhFOHJrryI56NDqfJnKZX+hZQCpvqUEqa0JxLxoFQPU0hUoJR1ByjsAKXu0O13J5ql7lxl8YyyCMxqspTdOLEsZbcfANXPUvYuDZ884lRNqWeKgiilJnT7TeZTqshaCUoOWFCqxadYlgKf+lnKslPDJ1aBLFVpkKpasGJJN8xSfViBUoQiKg1ExieSNo1SOZJTDlitIEvRu20Op6AUGEXSq/6bpjFKDWVkGKOU/X3qEcUTHyVJV3uXGKWmMnIvoFSK8GS6R3+fewGlyl+QpaA/mVLJgh1fggwFYnUoNQCgcO1Rqq/vy1Le47f0pSUrV5CxaGP0+iHzCaaTpXRj9Nh3DLKUzz7P9vZms/capWrDQpayjVHWM8hSL3VjlLUNKEUv3Rg90ZHGFC1KPd39svtUKhhQKiJQSkUNXg1ZVoUjVbhaUYFSERmlGqFsOIUslT968/bNo2smmIBSH2+zHuU9A0p9kI/lQ94z2PHZx6KcaowLKaWb11euZ0Cp57p5daHBiILpBW9enQsNld+z40s1OWHHJyW7/zu+RTu+RCcAKStDSpENFaGUbfh0Ppql0MCO751mKd+gyhpNlkp6WQqNOVkKjX6W8nWWQiNrZ6n7mQqNSJZCQyll6ckCFa9cW2OlWaqwLwCyFP3IWiGlKjmRpay5dJZq6FR1sxR2fBD2evmPZKkpR6dIlgqjk3OyWAPPpRCd5mQpRKf5WcrV0al+LoWGsyyF6GRCA5TS6JQam1jSmE+p8h/IUlcOr5kKftn/pIevhJQCoiKU0tMGFUotSiFNAUU9SoE5A5hWlmqY0zNCKUlNNS2obkzr6TmYkwSGaxlxLXL1jOORNnOoG5pMQSa6DwjBgFLzhSylVAKkWIKplT6XEhw1eOrs+xC38CgqNFx/z3Mp4KnCcymqkaUISlPFkxqwasXPpegQlAmlYNghSxm5XMeAUiBXzyBLNeQqyZqhMtjxAWUtA0oBZQKpBmMpdnwglwlm+3c8lzqzNKW+AspZvVH8vZ8lAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 600%;
    width: 28px;
    height: 28px;
    text-indent: -9999px
}

.result-k3.resultnum-1 {
    background-position: 0 0
}

.result-k3.resultnum-2 {
    background-position: 0 -28px
}

.result-k3.resultnum-3 {
    background-position: 0 -56px
}

.result-k3.resultnum-4 {
    background-position: 0 -84px
}

.result-k3.resultnum-5 {
    background-position: 0 -112px
}

.result-k3.resultnum-6 {
    background-position: 0 -140px
}

.result-k3.resultnum-fish {
    background-image: url(../../static/img/fish.4558ae28.svg);
    background-size: contain
}

.result-k3.resultnum-shrimp {
    background-image: url(../../static/img/shrimp.43618cae.svg);
    background-size: contain
}

.result-k3.resultnum-melo {
    background-image: url(../../static/img/melo.4733ba73.svg);
    background-size: contain
}

.result-k3.resultnum-coin {
    background-image: url(../../static/img/coin.6338e75e.svg);
    background-size: contain
}

.result-k3.resultnum-crab {
    background-image: url(../../static/img/crab.4fe78c70.svg);
    background-size: contain
}

.result-k3.resultnum-chicken {
    background-image: url(../../static/img/chicken.0718f7ca.svg);
    background-size: contain
}

.result-mark6 {
    background: url(../../static/img/ball_hk6.87564b9c.png) no-repeat;
    background-size: 100% 4900%;
    width: 28px;
    height: 28px;
    text-indent: -9999px
}

.result-mark6.resultnum-1 {
    background-position: 0 0
}

.result-mark6.resultnum-2 {
    background-position: 0 -28px
}

.result-mark6.resultnum-3 {
    background-position: 0 -56px
}

.result-mark6.resultnum-4 {
    background-position: 0 -84px
}

.result-mark6.resultnum-5 {
    background-position: 0 -112px
}

.result-mark6.resultnum-6 {
    background-position: 0 -140px
}

.result-mark6.resultnum-7 {
    background-position: 0 -168px
}

.result-mark6.resultnum-8 {
    background-position: 0 -196px
}

.result-mark6.resultnum-9 {
    background-position: 0 -224px
}

.result-mark6.resultnum-10 {
    background-position: 0 -252px
}

.result-mark6.resultnum-11 {
    background-position: 0 -280px
}

.result-mark6.resultnum-12 {
    background-position: 0 -308px
}

.result-mark6.resultnum-13 {
    background-position: 0 -336px
}

.result-mark6.resultnum-14 {
    background-position: 0 -364px
}

.result-mark6.resultnum-15 {
    background-position: 0 -392px
}

.result-mark6.resultnum-16 {
    background-position: 0 -420px
}

.result-mark6.resultnum-17 {
    background-position: 0 -448px
}

.result-mark6.resultnum-18 {
    background-position: 0 -476px
}

.result-mark6.resultnum-19 {
    background-position: 0 -504px
}

.result-mark6.resultnum-20 {
    background-position: 0 -532px
}

.result-mark6.resultnum-21 {
    background-position: 0 -560px
}

.result-mark6.resultnum-22 {
    background-position: 0 -588px
}

.result-mark6.resultnum-23 {
    background-position: 0 -616px
}

.result-mark6.resultnum-24 {
    background-position: 0 -644px
}

.result-mark6.resultnum-25 {
    background-position: 0 -672px
}

.result-mark6.resultnum-26 {
    background-position: 0 -700px
}

.result-mark6.resultnum-27 {
    background-position: 0 -728px
}

.result-mark6.resultnum-28 {
    background-position: 0 -756px
}

.result-mark6.resultnum-29 {
    background-position: 0 -784px
}

.result-mark6.resultnum-30 {
    background-position: 0 -812px
}

.result-mark6.resultnum-31 {
    background-position: 0 -840px
}

.result-mark6.resultnum-32 {
    background-position: 0 -868px
}

.result-mark6.resultnum-33 {
    background-position: 0 -896px
}

.result-mark6.resultnum-34 {
    background-position: 0 -924px
}

.result-mark6.resultnum-35 {
    background-position: 0 -952px
}

.result-mark6.resultnum-36 {
    background-position: 0 -980px
}

.result-mark6.resultnum-37 {
    background-position: 0 -1008px
}

.result-mark6.resultnum-38 {
    background-position: 0 -1036px
}

.result-mark6.resultnum-39 {
    background-position: 0 -1064px
}

.result-mark6.resultnum-40 {
    background-position: 0 -1092px
}

.result-mark6.resultnum-41 {
    background-position: 0 -1120px
}

.result-mark6.resultnum-42 {
    background-position: 0 -1148px
}

.result-mark6.resultnum-43 {
    background-position: 0 -1176px
}

.result-mark6.resultnum-44 {
    background-position: 0 -1204px
}

.result-mark6.resultnum-45 {
    background-position: 0 -1232px
}

.result-mark6.resultnum-46 {
    background-position: 0 -1260px
}

.result-mark6.resultnum-47 {
    background-position: 0 -1288px
}

.result-mark6.resultnum-48 {
    background-position: 0 -1316px
}

.result-mark6.resultnum-49 {
    background-position: 0 -1344px
}

.result-mark6-vn {
    background: url(../../static/img/ball_hk6.87564b9c.png) no-repeat;
    background-size: 100% 4900%;
    width: 20px;
    height: 20px;
    text-indent: -9999px
}

.result-mark6-vn.resultnum-1 {
    background-position: 0 0
}

.result-mark6-vn.resultnum-2 {
    background-position: 0 -20px
}

.result-mark6-vn.resultnum-3 {
    background-position: 0 -40px
}

.result-mark6-vn.resultnum-4 {
    background-position: 0 -60px
}

.result-mark6-vn.resultnum-5 {
    background-position: 0 -80px
}

.result-mark6-vn.resultnum-6 {
    background-position: 0 -100px
}

.result-mark6-vn.resultnum-7 {
    background-position: 0 -120px
}

.result-mark6-vn.resultnum-8 {
    background-position: 0 -140px
}

.result-mark6-vn.resultnum-9 {
    background-position: 0 -160px
}

.result-mark6-vn.resultnum-10 {
    background-position: 0 -180px
}

.result-mark6-vn.resultnum-11 {
    background-position: 0 -200px
}

.result-mark6-vn.resultnum-12 {
    background-position: 0 -220px
}

.result-mark6-vn.resultnum-13 {
    background-position: 0 -240px
}

.result-mark6-vn.resultnum-14 {
    background-position: 0 -260px
}

.result-mark6-vn.resultnum-15 {
    background-position: 0 -280px
}

.result-mark6-vn.resultnum-16 {
    background-position: 0 -300px
}

.result-mark6-vn.resultnum-17 {
    background-position: 0 -320px
}

.result-mark6-vn.resultnum-18 {
    background-position: 0 -340px
}

.result-mark6-vn.resultnum-19 {
    background-position: 0 -360px
}

.result-mark6-vn.resultnum-20 {
    background-position: 0 -380px
}

.result-mark6-vn.resultnum-21 {
    background-position: 0 -400px
}

.result-mark6-vn.resultnum-22 {
    background-position: 0 -420px
}

.result-mark6-vn.resultnum-23 {
    background-position: 0 -440px
}

.result-mark6-vn.resultnum-24 {
    background-position: 0 -460px
}

.result-mark6-vn.resultnum-25 {
    background-position: 0 -480px
}

.result-mark6-vn.resultnum-26 {
    background-position: 0 -500px
}

.result-mark6-vn.resultnum-27 {
    background-position: 0 -520px
}

.result-mark6-vn.resultnum-28 {
    background-position: 0 -540px
}

.result-mark6-vn.resultnum-29 {
    background-position: 0 -560px
}

.result-mark6-vn.resultnum-30 {
    background-position: 0 -580px
}

.result-mark6-vn.resultnum-31 {
    background-position: 0 -600px
}

.result-mark6-vn.resultnum-32 {
    background-position: 0 -620px
}

.result-mark6-vn.resultnum-33 {
    background-position: 0 -640px
}

.result-mark6-vn.resultnum-34 {
    background-position: 0 -660px
}

.result-mark6-vn.resultnum-35 {
    background-position: 0 -680px
}

.result-mark6-vn.resultnum-36 {
    background-position: 0 -700px
}

.result-mark6-vn.resultnum-37 {
    background-position: 0 -720px
}

.result-mark6-vn.resultnum-38 {
    background-position: 0 -740px
}

.result-mark6-vn.resultnum-39 {
    background-position: 0 -760px
}

.result-mark6-vn.resultnum-40 {
    background-position: 0 -780px
}

.result-mark6-vn.resultnum-41 {
    background-position: 0 -800px
}

.result-mark6-vn.resultnum-42 {
    background-position: 0 -820px
}

.result-mark6-vn.resultnum-43 {
    background-position: 0 -840px
}

.result-mark6-vn.resultnum-44 {
    background-position: 0 -860px
}

.result-mark6-vn.resultnum-45 {
    background-position: 0 -880px
}

.result-mark6-vn.resultnum-46 {
    background-position: 0 -900px
}

.result-mark6-vn.resultnum-47 {
    background-position: 0 -920px
}

.result-mark6-vn.resultnum-48 {
    background-position: 0 -940px
}

.result-mark6-vn.resultnum-49 {
    background-position: 0 -960px
}

.result-cqlf {
    background: url(../../static/img/ball_nc_top.0524dca5.png) no-repeat;
    background-size: 100% 2000%;
    width: 30px;
    height: 30px;
    text-indent: -9999px
}

.result-cqlf.resultnum-1 {
    background-position: 0 0
}

.result-cqlf.resultnum-2 {
    background-position: 0 -30px
}

.result-cqlf.resultnum-3 {
    background-position: 0 -60px
}

.result-cqlf.resultnum-4 {
    background-position: 0 -90px
}

.result-cqlf.resultnum-5 {
    background-position: 0 -120px
}

.result-cqlf.resultnum-6 {
    background-position: 0 -150px
}

.result-cqlf.resultnum-7 {
    background-position: 0 -180px
}

.result-cqlf.resultnum-8 {
    background-position: 0 -210px
}

.result-cqlf.resultnum-9 {
    background-position: 0 -240px
}

.result-cqlf.resultnum-10 {
    background-position: 0 -270px
}

.result-cqlf.resultnum-11 {
    background-position: 0 -300px
}

.result-cqlf.resultnum-12 {
    background-position: 0 -330px
}

.result-cqlf.resultnum-13 {
    background-position: 0 -360px
}

.result-cqlf.resultnum-14 {
    background-position: 0 -390px
}

.result-cqlf.resultnum-15 {
    background-position: 0 -420px
}

.result-cqlf.resultnum-16 {
    background-position: 0 -450px
}

.result-cqlf.resultnum-17 {
    background-position: 0 -480px
}

.result-cqlf.resultnum-18 {
    background-position: 0 -510px
}

.result-cqlf.resultnum-19 {
    background-position: 0 -540px
}

.result-cqlf.resultnum-20 {
    background-position: 0 -570px
}

.result-kl8 {
    background: -webkit-radial-gradient(30% 30%, circle, #a5c7f6, #1a70e8);
    background: -o-radial-gradient(30% 30%, circle, #a5c7f6, #1a70e8);
    background: radial-gradient(circle at 30% 30%, #a5c7f6, #1a70e8);
    margin-bottom: 2px;
    border-radius: 100%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 14px
}

.result-kl8.resultnum-1,
.result-kl8.resultnum-2,
.result-kl8.resultnum-3,
.result-kl8.resultnum-4,
.result-kl8.resultnum-5,
.result-kl8.resultnum-6,
.result-kl8.resultnum-7,
.result-kl8.resultnum-8,
.result-kl8.resultnum-9,
.result-kl8.resultnum-10,
.result-kl8.resultnum-11,
.result-kl8.resultnum-12,
.result-kl8.resultnum-13,
.result-kl8.resultnum-14,
.result-kl8.resultnum-15,
.result-kl8.resultnum-16,
.result-kl8.resultnum-17,
.result-kl8.resultnum-18,
.result-kl8.resultnum-19,
.result-kl8.resultnum-20,
.result-kl8.resultnum-21,
.result-kl8.resultnum-22,
.result-kl8.resultnum-23,
.result-kl8.resultnum-24,
.result-kl8.resultnum-25,
.result-kl8.resultnum-26,
.result-kl8.resultnum-27,
.result-kl8.resultnum-28,
.result-kl8.resultnum-29,
.result-kl8.resultnum-30,
.result-kl8.resultnum-31,
.result-kl8.resultnum-32,
.result-kl8.resultnum-33,
.result-kl8.resultnum-34,
.result-kl8.resultnum-35,
.result-kl8.resultnum-36,
.result-kl8.resultnum-37,
.result-kl8.resultnum-38,
.result-kl8.resultnum-39,
.result-kl8.resultnum-40 {
    background: -webkit-radial-gradient(30% 30%, circle, #e3f2fd, #84c6f6);
    background: -o-radial-gradient(30% 30%, circle, #e3f2fd, #84c6f6);
    background: radial-gradient(circle at 30% 30%, #e3f2fd, #84c6f6)
}

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

.header[data-v-a5832e90] {
    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;
    height: 45px;
    line-height: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #166fd8;
    background-color: #166fd8;
    padding: 0 5px 0 10px
}

.name[data-v-a5832e90] {
    font-size: 16px;
    color: #fff;
    margin-right: auto
}

.icon[data-v-a5832e90] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #f0eff0;
    cursor: pointer
}

.zoom-out[data-v-a5832e90] {
    background: url(../../static/img/zoom_out.4b4fa72c.svg) no-repeat 50%;
    background-size: 60%
}

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

.message-body[data-v-8e1e0c44] {
    height: 360px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.messages-container[data-v-8e1e0c44] {
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    background: #fff;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.msg[data-v-8e1e0c44] {
    padding-bottom: 10px;
    padding-top: 10px
}

.msg .tip[data-v-8e1e0c44] {
    color: #999;
    font-size: 12px;
    text-align: center;
    display: block
}

.msg .tip a[data-v-8e1e0c44] {
    cursor: pointer
}

.msg .tip .el-icon-loading[data-v-8e1e0c44] {
    font-size: 14px
}

.msg .history-tip a[data-v-8e1e0c44] {
    display: inline-block;
    margin-top: 30px
}

.msg .bubble[data-v-8e1e0c44] {
    display: inline-block;
    padding: 10px;
    max-width: 240px;
    font-size: 14px;
    overflow: hidden;
    word-break: break-word;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre-line;
    line-height: 20px
}

.msg .bubble.image[data-v-8e1e0c44],
.msg .bubble.sticker[data-v-8e1e0c44] {
    padding: 0
}

.msg .bubble.image img[data-v-8e1e0c44] {
    display: block;
    max-width: 100%
}

.msg .date[data-v-8e1e0c44] {
    font-size: 12px;
    color: #999;
    margin: 0 5px
}

.msg .content[data-v-8e1e0c44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.msg .msg-wrapper[data-v-8e1e0c44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.msg img.sticker[data-v-8e1e0c44] {
    display: inline-block;
    height: 120px
}

.msg .review-box[data-v-8e1e0c44] {
    width: 100%
}

.msg .review-box .comment[data-v-8e1e0c44],
.msg .review-box .rating[data-v-8e1e0c44] {
    display: block
}

.msg .review-box .rating[data-v-8e1e0c44] {
    text-align: center
}

.msg .review-box .comment[data-v-8e1e0c44] {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
    word-break: break-word
}

.msg .self-sent[data-v-8e1e0c44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.msg .self-sent .avatar[data-v-8e1e0c44],
.msg .self-sent .no-avatar[data-v-8e1e0c44],
.msg .self-sent .username[data-v-8e1e0c44] {
    display: none
}

.msg .self-sent .bubble[data-v-8e1e0c44] {
    border-radius: 8px 0 8px 8px;
    background-color: #166fd8;
    color: #fff
}

.msg .self-sent .bubble[data-v-8e1e0c44],
.msg .self-sent .sticker[data-v-8e1e0c44] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.msg .self-sent .date[data-v-8e1e0c44] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.msg .service-sent[data-v-8e1e0c44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.msg .service-sent .avatar[data-v-8e1e0c44],
.msg .service-sent .no-avatar[data-v-8e1e0c44] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.msg .service-sent .avatar[data-v-8e1e0c44] {
    background-color: #ddd;
    margin-right: 5px
}

.msg .service-sent .no-avatar[data-v-8e1e0c44] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    line-height: 36px;
    background-color: azure;
    color: #333;
    text-align: center;
    margin-right: 5px
}

.msg .service-sent .user-wrapper[data-v-8e1e0c44] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.msg .service-sent .username[data-v-8e1e0c44] {
    font-size: 14px;
    color: #166fd8;
    margin-bottom: 5px
}

.msg .service-sent .bubble[data-v-8e1e0c44] {
    border-radius: 0 8px 8px 8px;
    background-color: #f5f5f5;
    color: #333
}

.msg .msg-badge[data-v-8e1e0c44],
.msg .msg-box[data-v-8e1e0c44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.msg .badge[data-v-8e1e0c44] {
    display: inline-block;
    padding: 1px 10px;
    background-color: #e0e0e0;
    border-radius: 10px;
    font-size: 12px;
    color: #999
}

.msg .box[data-v-8e1e0c44] {
    background-color: #f5f5f5;
    border-radius: 8px;
    padding: 5px 13px;
    text-align: left;
    font-size: 14px;
    color: #333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.msg .box.welcome[data-v-8e1e0c44] {
    line-height: 1.6
}

.msg .review[data-v-8e1e0c44] {
    width: 250px;
    position: relative
}

.msg .review .clear[data-v-8e1e0c44] {
    display: block;
    position: absolute;
    right: -43px;
    bottom: 0;
    font-size: 12px;
    color: #b0b0b0;
    line-height: 1
}

.msg .review .clear img[data-v-8e1e0c44] {
    vertical-align: middle
}

.msg .error[data-v-8e1e0c44] {
    color: #d0021b
}

.scroll-trigger[data-v-8e1e0c44] {
    height: 0;
    font-size: 0
}

.to-bottom[data-v-8e1e0c44] {
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer
}

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

.supports-wrapper[data-v-32828e5e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
    padding: 15px;
    height: 360px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

.support-item[data-v-32828e5e] {
    padding: 10px;
    font-size: 13px;
    color: #666;
    border-bottom: 1px solid #e5e4e4;
    cursor: pointer
}

.support-info[data-v-32828e5e],
.support-item[data-v-32828e5e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.support-info[data-v-32828e5e] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px
}

.icon-wrapper[data-v-32828e5e] {
    width: 45px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden
}

.support-icon[data-v-32828e5e] {
    background-size: cover;
    background-position: 50%;
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.no-support[data-v-32828e5e] {
    font-size: 13px;
    color: #666;
    text-align: center;
    margin-top: 50px;
    letter-spacing: 1px
}

.support-status[data-v-32828e5e] {
    float: right
}

.tag-free[data-v-32828e5e] {
    background: #67c23a;
    color: #fff;
    border-radius: 16px;
    padding: 2px 10px
}

.tag-busy[data-v-32828e5e] {
    background: #fcc100;
    color: #fff;
    border-radius: 16px;
    padding: 2px 10px
}

.el-alert[data-v-32828e5e] {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    z-index: 100
}

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

.overflow-hidden[data-v-943c63d8] {
    overflow: hidden
}

.indicators[data-v-943c63d8] {
    height: 55px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #ddd;
    -ms-flex-align: center;
    overflow: auto hidden
}

.indicators .indicator[data-v-943c63d8],
.indicators[data-v-943c63d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.indicators .indicator[data-v-943c63d8] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    height: 100%
}

.indicators .indicator.active[data-v-943c63d8] {
    background: #fff
}

.indicators .indicator[data-v-943c63d8]:hover {
    background: rgba(0, 0, 0, .1)
}

.indicators .indicator .text[data-v-943c63d8] {
    font-size: 12px
}

.indicators .img[data-v-943c63d8] {
    width: 35px;
    height: 35px
}

.sticker-container[data-v-943c63d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    height: 230px;
    overflow: auto
}

.sticker-pack[data-v-943c63d8] {
    width: 60px;
    height: 60px
}

.sticker-pack .sticker-img[data-v-943c63d8] {
    width: 100%;
    height: 100%
}

.el-carousel__item[data-v-943c63d8] {
    background-color: #fff
}

.empty-sticker[data-v-943c63d8] {
    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: 100%;
    color: #aaa
}

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

.emojis[data-v-b13c7f0e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 280px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.emoji[data-v-b13c7f0e] {
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    border: 2px solid rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.emoji[data-v-b13c7f0e]:hover {
    border-color: #ff5a00
}

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

.container[data-v-10c81616] {
    position: relative;
    cursor: crosshair
}

.container[data-v-10c81616],
.cropper-crop-box[data-v-10c81616] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-crop-box[data-v-10c81616] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #39f
}

.cropper-modal[data-v-10c81616] {
    background: rgba(51, 153, 255, .6)
}

.cropper-control-bar[data-v-10c81616] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .12) 0 4px 10px 4px, rgba(0, 0, 0, .2) 0 11px 15px -7px;
    box-shadow: 0 4px 10px 4px rgba(0, 0, 0, .12), 0 11px 15px -7px rgba(0, 0, 0, .2);
    cursor: pointer
}

.cropper-control-bar .btn[data-v-10c81616] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    height: 36px;
    margin: 0;
    font-size: 14px;
    outline: none;
    padding: 0 8px
}

.cropper-control-bar .submit[data-v-10c81616] {
    color: #488ded
}

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

.el-dialog__wrapper[data-v-f5b141a8] .el-dialog.cropper-dialog .el-dialog__header {
    display: none
}

.el-dialog__wrapper[data-v-f5b141a8] .el-dialog.cropper-dialog .el-dialog__body {
    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-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 20px 0;
    height: 550px
}

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

.tool-button[data-v-20581ce3] {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    cursor: pointer;
    color: #aaa
}

.tool-button img[data-v-20581ce3] {
    height: 100%
}

.emoji-container[data-v-20581ce3] {
    height: 280px;
    overflow-y: auto
}

.img-upload-input[data-v-20581ce3] {
    display: none
}

.stickers-tab .el-tabs__content {
    padding: 0
}

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

.footer[data-v-4aec3947] {
    background-color: #f5f5f5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 5px 5px;
    height: 100%
}

.tool-bar[data-v-4aec3947] {
    height: 35px;
    line-height: 35px
}

.input-container[data-v-4aec3947] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input[data-v-4aec3947] {
    padding: 4px;
    color: #666;
    resize: none;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 46px;
    margin-right: 5px;
    border-radius: 4px;
    border: none
}

.input[data-v-4aec3947]:focus {
    outline: none
}

.button[data-v-4aec3947] {
    height: 54px;
    font-size: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px
}

.cube-popup-content {
    line-height: 1
}

.group-1-ribbon,
.group-2-ribbon,
.group-3-ribbon,
.group-4-ribbon,
.group-5-ribbon,
.group-6-ribbon,
.group-7-ribbon,
.group-8-ribbon,
.group-9-ribbon,
.group-10-ribbon {
    margin-left: -12px;
    padding: 1px;
    border-radius: 0 7px 7px 0;
    font-size: 10px;
    line-height: 14px;
    color: #fff;
    overflow: hidden
}

.group-1-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #fce6c3, #ce8544);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #fce6c3, #ce8544);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #fce6c3, #ce8544)
}

.group-1-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#fce6c3), to(#ce8544));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #fce6c3, #ce8544);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #fce6c3, #ce8544);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #fce6c3, #ce8544)
}

.group-1-ribbon {
    background-color: #cb7324
}

.group-1-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#edc49a), to(#cd8241));
    background-image: -webkit-linear-gradient(left, #edc49a, #cd8241);
    background-image: -o-linear-gradient(left, #edc49a, #cd8241);
    background-image: linear-gradient(90deg, #edc49a, #cd8241)
}

.group-2-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #ebf0f6, #789bc8);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #ebf0f6, #789bc8);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #ebf0f6, #789bc8)
}

.group-2-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#ebf0f6), to(#789bc8));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #ebf0f6, #789bc8);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #ebf0f6, #789bc8);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #ebf0f6, #789bc8)
}

.group-2-ribbon {
    background-color: #618abe
}

.group-2-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#d0dcec), to(#749ac6));
    background-image: -webkit-linear-gradient(left, #d0dcec, #749ac6);
    background-image: -o-linear-gradient(left, #d0dcec, #749ac6);
    background-image: linear-gradient(90deg, #d0dcec, #749ac6)
}

.group-3-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #ffefdd, #e65114);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #ffefdd, #e65114);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #ffefdd, #e65114)
}

.group-3-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#ffefdd), to(#e65114));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #ffefdd, #e65114);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #ffefdd, #e65114);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #ffefdd, #e65114)
}

.group-3-ribbon {
    background-color: #ce4c0f
}

.group-3-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffd8ad), to(#ef601e));
    background-image: -webkit-linear-gradient(left, #ffd8ad, #ef601e);
    background-image: -o-linear-gradient(left, #ffd8ad, #ef601e);
    background-image: linear-gradient(90deg, #ffd8ad, #ef601e)
}

.group-4-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #fffadb, #fcb608);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #fffadb, #fcb608);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #fffadb, #fcb608)
}

.group-4-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#fffadb), to(#fcb608));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #fffadb, #fcb608);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #fffadb, #fcb608);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #fffadb, #fcb608)
}

.group-4-ribbon {
    background-color: #e28c13
}

.group-4-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#fff1a1), to(#fcab00));
    background-image: -webkit-linear-gradient(left, #fff1a1, #fcab00);
    background-image: -o-linear-gradient(left, #fff1a1, #fcab00);
    background-image: linear-gradient(90deg, #fff1a1, #fcab00)
}

.group-5-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #bbfffd, #00c6bc);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #bbfffd, #00c6bc);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #bbfffd, #00c6bc)
}

.group-5-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#bbfffd), to(#00c6bc));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #bbfffd, #00c6bc);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #bbfffd, #00c6bc);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #bbfffd, #00c6bc)
}

.group-5-ribbon {
    background-image: -webkit-gradient(linear, right top, left top, from(#04afa8), to(#66f9f3));
    background-image: -webkit-linear-gradient(right, #04afa8, #66f9f3);
    background-image: -o-linear-gradient(right, #04afa8, #66f9f3);
    background-image: linear-gradient(270deg, #04afa8, #66f9f3)
}

.group-5-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#cffffd), to(#16cbc3));
    background-image: -webkit-linear-gradient(left, #cffffd, #16cbc3);
    background-image: -o-linear-gradient(left, #cffffd, #16cbc3);
    background-image: linear-gradient(90deg, #cffffd, #16cbc3)
}

.group-6-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #bfd2fe, #4579f3);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #bfd2fe, #4579f3);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #bfd2fe, #4579f3)
}

.group-6-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#bfd2fe), to(#4579f3));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #bfd2fe, #4579f3);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #bfd2fe, #4579f3);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #bfd2fe, #4579f3)
}

.group-6-ribbon {
    background-image: -webkit-gradient(linear, right top, left top, from(#4676e4), to(#99b3f4));
    background-image: -webkit-linear-gradient(right, #4676e4, #99b3f4);
    background-image: -o-linear-gradient(right, #4676e4, #99b3f4);
    background-image: linear-gradient(270deg, #4676e4, #99b3f4)
}

.group-6-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#d2dfff), to(#5888f7));
    background-image: -webkit-linear-gradient(left, #d2dfff, #5888f7);
    background-image: -o-linear-gradient(left, #d2dfff, #5888f7);
    background-image: linear-gradient(90deg, #d2dfff, #5888f7)
}

.group-7-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #bcfff7, #0094e9);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #bcfff7, #0094e9);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #bcfff7, #0094e9)
}

.group-7-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#bcfff7), to(#0094e9));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #bcfff7, #0094e9);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #bcfff7, #0094e9);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #bcfff7, #0094e9)
}

.group-7-ribbon {
    background-image: -webkit-gradient(linear, right top, left top, from(#48b0d1), to(#54d4e3));
    background-image: -webkit-linear-gradient(right, #48b0d1, #54d4e3);
    background-image: -o-linear-gradient(right, #48b0d1, #54d4e3);
    background-image: linear-gradient(270deg, #48b0d1, #54d4e3)
}

.group-7-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#b5fbf8), to(#61d6ff));
    background-image: -webkit-linear-gradient(left, #b5fbf8, #61d6ff);
    background-image: -o-linear-gradient(left, #b5fbf8, #61d6ff);
    background-image: linear-gradient(90deg, #b5fbf8, #61d6ff)
}

.group-8-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #fff0ae, #f33d27);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #fff0ae, #f33d27);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #fff0ae, #f33d27)
}

.group-8-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#fff0ae), to(#f33d27));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #fff0ae, #f33d27);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #fff0ae, #f33d27);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #fff0ae, #f33d27)
}

.group-8-ribbon {
    background-image: -webkit-gradient(linear, right top, left top, from(#e3662a), to(#f6b760));
    background-image: -webkit-linear-gradient(right, #e3662a, #f6b760);
    background-image: -o-linear-gradient(right, #e3662a, #f6b760);
    background-image: linear-gradient(270deg, #e3662a, #f6b760)
}

.group-8-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ffe28e), to(#f68152));
    background-image: -webkit-linear-gradient(left, #ffe28e, #f68152);
    background-image: -o-linear-gradient(left, #ffe28e, #f68152);
    background-image: linear-gradient(90deg, #ffe28e, #f68152)
}

.group-9-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #fec0ff, #590de4);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #fec0ff, #590de4);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #fec0ff, #590de4)
}

.group-9-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#fec0ff), to(#590de4));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #fec0ff, #590de4);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #fec0ff, #590de4);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #fec0ff, #590de4)
}

.group-9-ribbon {
    background-image: -webkit-gradient(linear, right top, left top, from(#8a41da), to(#d182f2));
    background-image: -webkit-linear-gradient(right, #8a41da, #d182f2);
    background-image: -o-linear-gradient(right, #8a41da, #d182f2);
    background-image: linear-gradient(270deg, #8a41da, #d182f2)
}

.group-9-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f6b8fe), to(#9851ef));
    background-image: -webkit-linear-gradient(left, #f6b8fe, #9851ef);
    background-image: -o-linear-gradient(left, #f6b8fe, #9851ef);
    background-image: linear-gradient(90deg, #f6b8fe, #9851ef)
}

.group-10-card {
    background-image: url(../../static/img/card_bg.087b6e27.png), -webkit-linear-gradient(315deg, #dd94ff, #2014e3);
    background-image: url(../../static/img/card_bg.087b6e27.png), -o-linear-gradient(315deg, #dd94ff, #2014e3);
    background-image: url(../../static/img/card_bg.087b6e27.png), linear-gradient(135deg, #dd94ff, #2014e3)
}

.group-10-section {
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-gradient(linear, left top, left bottom, from(#dd94ff), to(#2014e3));
    background-image: url(../../static/img/section_bg.6a1f6583.png), -webkit-linear-gradient(top, #dd94ff, #2014e3);
    background-image: url(../../static/img/section_bg.6a1f6583.png), -o-linear-gradient(top, #dd94ff, #2014e3);
    background-image: url(../../static/img/section_bg.6a1f6583.png), linear-gradient(180deg, #dd94ff, #2014e3)
}

.group-10-ribbon {
    background-image: -webkit-gradient(linear, right top, left top, from(#ffc159), to(#ffe730));
    background-image: -webkit-linear-gradient(right, #ffc159, #ffe730);
    background-image: -o-linear-gradient(right, #ffc159, #ffe730);
    background-image: linear-gradient(270deg, #ffc159, #ffe730)
}

.group-10-ribbon .content {
    padding: 0 8px 0 13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#d28dfe), to(#5135eb));
    background-image: -webkit-linear-gradient(left, #d28dfe, #5135eb);
    background-image: -o-linear-gradient(left, #d28dfe, #5135eb);
    background-image: linear-gradient(90deg, #d28dfe, #5135eb)
}

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

.cs-review[data-v-cdc1430a] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.review-dialog[data-v-cdc1430a] {
    width: 360px;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    margin: auto;
    padding: 15px 20px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1
}

.close[data-v-cdc1430a] {
    position: absolute;
    top: 12px;
    right: 12px
}

.title[data-v-cdc1430a] {
    color: #666;
    text-align: center;
    line-height: 22px
}

.rating[data-v-cdc1430a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px
}

.rate-option[data-v-cdc1430a] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    margin: 0 10px;
    text-align: center
}

.rate-option label[data-v-cdc1430a] {
    display: block;
    cursor: pointer
}

.rate-option input[data-v-cdc1430a] {
    position: absolute;
    width: 0;
    opacity: 0
}

.rate-option img[data-v-cdc1430a] {
    display: block
}

.rate-option .desc[data-v-cdc1430a] {
    display: block;
    margin-top: 3px;
    color: #d4d4d4
}

.comment[data-v-cdc1430a],
.submit[data-v-cdc1430a] {
    margin-top: 10px
}

.comment[data-v-cdc1430a] {
    position: relative
}

.comment[data-v-cdc1430a] textarea {
    resize: none
}

.comment .length[data-v-cdc1430a] {
    position: absolute;
    right: 6px;
    bottom: 2px;
    color: #d8d8d8;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.comment .el-textarea.focused+.length[data-v-cdc1430a] {
    opacity: 1
}

.submit button[data-v-cdc1430a] {
    display: block;
    width: 100%
}

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

.delay-out-leave-active[data-v-cdc1430a],
.fade-up-enter-active[data-v-cdc1430a],
.fade-up-leave-active[data-v-cdc1430a] {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fade-up-enter[data-v-cdc1430a] {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0
}

.fade-up-leave-to[data-v-cdc1430a] {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0
}

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

.customer-service[data-v-2cc29180] {
    position: fixed;
    padding: 0;
    bottom: 0;
    right: 75px;
    z-index: 101
}

.bottom-bar[data-v-2cc29180] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 182px;
    height: 38px;
    border-radius: 4px;
    background-color: #488ded;
    padding: 0 5px 0 12px;
    cursor: pointer
}

.bottom-bar .red-point[data-v-2cc29180] {
    position: absolute;
    top: -6px;
    right: -4px;
    background-color: #d4130d;
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    font: 8px Verdana
}

.bottom-bar .name[data-v-2cc29180] {
    position: relative;
    font-size: 16px;
    color: #fff;
    margin-right: auto
}

.bottom-bar .name.unread[data-v-2cc29180]:before {
    position: absolute;
    top: 0;
    right: -10px;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fa5555
}

.bottom-bar .icon[data-v-2cc29180] {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #f0eff0
}

.bottom-bar .zoom-out[data-v-2cc29180] {
    background: url(../../static/img/zoom_in.c8c881f8.svg) no-repeat 50%;
    background-size: 60%
}

.dialog[data-v-2cc29180] {
    position: relative;
    width: 500px;
    height: 500px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .3)
}

.dialog .el-dialog__wrapper[data-v-2cc29180] {
    position: absolute
}

.dialog .el-dialog__wrapper[data-v-2cc29180] .el-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.dialog .el-dialog__wrapper[data-v-2cc29180] .el-dialog .el-dialog__header {
    padding: 12px 0
}

.dialog .el-dialog__wrapper[data-v-2cc29180] .el-dialog .el-dialog__header .el-dialog__title {
    font-size: 14px;
    color: #666
}

.dialog .el-dialog__wrapper[data-v-2cc29180] .el-dialog .el-dialog__body {
    font-size: 12px;
    color: #999;
    padding: 5px 0;
    text-align: center
}

.dialog .el-dialog__wrapper[data-v-2cc29180] .el-dialog .el-dialog__footer {
    padding: 12px 0
}

.dialog .modal[data-v-2cc29180] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

.dialog-footer[data-v-2cc29180] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn[data-v-2cc29180] {
    width: 110px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background-color: #d8d8d8;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.btn.primary[data-v-2cc29180] {
    background-color: #488ded
}

.btn[data-v-2cc29180]:hover {
    opacity: .8
}

.btn+.btn[data-v-2cc29180] {
    margin-left: 6px
}

.extended[data-v-2cc29180] {
    right: 420px
}

.trial-member-notify-dialog.el-dialog {
    height: 360px;
    top: calc(25vh - 180px)
}

.trial-member-notify-dialog.el-dialog .el-dialog__header {
    display: none
}

.trial-member-notify-dialog.el-dialog .el-dialog__body {
    height: 100%;
    padding: 0
}

body,
html {
    width: 100%;
    width: 100%;
    height: 100%;
    height: 100vh
}

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

.sport-home-container[data-v-a4db8078] {
    height: 100vh;
    min-height: 700px
}

.tab[data-v-a4db8078] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    color: #738fb6;
    font-size: 14px
}

.tab-item[data-v-a4db8078] {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 55px;
    border-bottom: 4px solid;
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.tab-item .link[data-v-a4db8078],
.tab-item[data-v-a4db8078] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.tab-item .link[data-v-a4db8078] {
    color: #738fb6
}

.tab-item:hover .link[data-v-a4db8078],
.tab-item[data-v-a4db8078]:hover {
    color: #488ded;
    border-color: #488ded
}

.tab-item:hover .promo-dropdown[data-v-a4db8078] {
    display: block
}

.tab-item[data-v-a4db8078]:last-child {
    margin-right: 0
}

.tab-item-title[data-v-a4db8078] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.promo-dropdown[data-v-a4db8078] {
    display: none;
    position: absolute;
    top: 50px;
    width: 410px;
    left: 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-a4db8078] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px
}

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

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

.center-area[data-v-a4db8078] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.center-area .logo[data-v-a4db8078] {
    position: absolute;
    top: -110px;
    left: 50%;
    height: 80px;
    width: 300px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0)
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0)
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0)
}

.\!visible {
    visibility: visible !important
}

.visible {
    visibility: visible
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-left-1 {
    left: -.25rem
}

.-right-1 {
    right: -.25rem
}

.-top-1 {
    top: -.25rem
}

.-top-10 {
    top: -2.5rem
}

.-top-2 {
    top: -.5rem
}

.bottom-0 {
    bottom: 0
}

.bottom-3 {
    bottom: .75rem
}

.left-0 {
    left: 0
}

.left-6 {
    left: 1.5rem
}

.right-0 {
    right: 0
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-6 {
    right: 1.5rem
}

.top-0 {
    top: 0
}

.top-10 {
    top: 2.5rem
}

.top-36 {
    top: 9rem
}

.top-6 {
    top: 1.5rem
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.float-right {
    float: right
}

.m-0 {
    margin: 0
}

.m-auto {
    margin: auto
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.-ml-3 {
    margin-left: -.75rem
}

.-mr-20 {
    margin-right: -5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-2\.5 {
    margin-left: .625rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-36 {
    margin-left: 9rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-4 {
    margin-right: 1rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mr-7 {
    margin-right: 1.75rem
}

.mt-0 {
    margin-top: 0
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-1\.5 {
    margin-top: .375rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-32 {
    margin-top: 8rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.box-border {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.box-content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-10 {
    height: 2.5rem
}

.h-14 {
    height: 3.5rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-9 {
    height: 2.25rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.max-h-full {
    max-height: 100%
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-3 {
    width: .75rem
}

.w-32 {
    width: 8rem
}

.w-4 {
    width: 1rem
}

.w-4\/5 {
    width: 80%
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-5 {
    width: 1.25rem
}

.w-5\/6 {
    width: 83.333333%
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-7 {
    width: 1.75rem
}

.w-\[177px\] {
    width: 177px
}

.w-full {
    width: 100%
}

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: 28rem
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.-translate-y-full {
    --tw-translate-y: -100%
}

.-translate-y-full,
.translate-x-4 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-4 {
    --tw-translate-x: 1rem
}

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-45,
.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select-all {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.list-disc {
    list-style-type: disc
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-row {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-col,
.flex-row {
    -webkit-box-direction: normal
}

.flex-col {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gap-3 {
    gap: .75rem
}

.gap-x-1 {
    -webkit-column-gap: .25rem;
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-10 {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem*var(--tw-space-x-reverse));
    margin-left: calc(0.25rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem*var(--tw-space-x-reverse));
    margin-left: calc(0.5rem*(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.75rem*var(--tw-space-x-reverse));
    margin-left: calc(0.75rem*(1 - var(--tw-space-x-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem*var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

.divide-dashed>:not([hidden])~:not([hidden]) {
    border-style: dashed
}

.divide-red-2>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(255 177 159/var(--tw-divide-opacity))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap
}

.break-normal {
    overflow-wrap: normal;
    word-break: normal
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.\!border {
    border-width: 1px !important
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-b {
    border-bottom-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-gray-2 {
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221/var(--tw-border-opacity))
}

.border-gray-3 {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238/var(--tw-border-opacity))
}

.bg-blue-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(72 141 237/var(--tw-bg-opacity))
}

.bg-blue-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 245 255/var(--tw-bg-opacity))
}

.bg-gray-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 191 191/var(--tw-bg-opacity))
}

.bg-gray-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity))
}

.bg-red-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 85 85/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: rgba(0, 0, 0, 0)
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-none {
    background-image: none
}

.bg-contain {
    background-size: contain
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-right {
    background-position: 100%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.object-fill {
    -o-object-fit: fill;
    object-fit: fill
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-3\.5 {
    padding-bottom: .875rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-2\.5 {
    padding-top: .625rem
}

.pt-5 {
    padding-top: 1.25rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.align-middle {
    vertical-align: middle
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.italic {
    font-style: italic
}

.leading-4 {
    line-height: 1rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.tracking-wider {
    letter-spacing: .05em
}

.text-black-1 {
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.text-black-2 {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity))
}

.text-black-3 {
    --tw-text-opacity: 1;
    color: rgb(153 153 153/var(--tw-text-opacity))
}

.text-blue-1 {
    --tw-text-opacity: 1;
    color: rgb(72 141 237/var(--tw-text-opacity))
}

.text-green {
    --tw-text-opacity: 1;
    color: rgb(103 194 58/var(--tw-text-opacity))
}

.text-orange {
    --tw-text-opacity: 1;
    color: rgb(245 166 35/var(--tw-text-opacity))
}

.text-red-1 {
    --tw-text-opacity: 1;
    color: rgb(250 85 85/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.underline {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-50 {
    opacity: .5
}

.opacity-80 {
    opacity: .8
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0/0.1), 0 1px 2px -1px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow)
}

.outline-none {
    outline: 2px solid rgba(0, 0, 0, 0);
    outline-offset: 2px
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.drop-shadow {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.grayscale,
.invert {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
    --tw-invert: invert(100%)
}

.sepia {
    --tw-sepia: sepia(100%)
}

.filter,
.sepia {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    -webkit-transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -o-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;
    -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: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.transition-opacity {
    -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: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s
}

.duration-100 {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

.hover\:text-blue-1:hover {
    --tw-text-opacity: 1;
    color: rgb(72 141 237/var(--tw-text-opacity))
}

.hover\:opacity-90:hover {
    opacity: .9
}