.quick-transfer-confirm[data-v-75fbc889] .el-dialog {
    width: 6rem !important;
    background: #f7faff;
    border-radius: 6px
}

.quick-transfer-confirm[data-v-75fbc889] .el-dialog__header {
    background: url(/static/image/dialog-header.ace0ed8e.png) no-repeat;
    background-size: contain;
    background-size: cover;
    height: .5rem;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    border-radius: 5px 5px 0 0
}

.quick-transfer-confirm[data-v-75fbc889] .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #fff;
    margin: 0
}

.quick-transfer-confirm[data-v-75fbc889] .el-dialog__headerbtn {
    background: transparent;
    height: .28rem;
    width: .28rem;
    top: .12rem;
    right: .12rem
}

.quick-transfer-confirm[data-v-75fbc889] .el-dialog__headerbtn ::v-deep .svg-icon {
    fill: #fff
}

.quick-transfer-confirm[data-v-75fbc889] .dialog-subtitle {
    text-align: start;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #9398aa
}

.quick-transfer-confirm[data-v-75fbc889] .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #000;
    line-height: .2rem;
    font-weight: 500
}

.quick-transfer-confirm[data-v-75fbc889] .el-input {
    background: #fff;
    border: 0 solid #cdd5e4;
    border-radius: 4px;
    height: .42rem
}

.quick-transfer-confirm[data-v-75fbc889] .el-input__inner {
    background: #fff;
    height: 100%;
    border-color: #dcdfe6
}

.quick-transfer-confirm[data-v-75fbc889] .el-input__inner:focus {
    border-color: #058c66
}

.quick-transfer-confirm[data-v-75fbc889] .el-input__inner:hover {
    border-color: var(--mainColor, #069b71)
}

.quick-transfer-confirm[data-v-75fbc889] .el-button[type=submit] {
    background: #069b71;
    border: 0 solid #069b71;
    border-radius: 4px;
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 1rem;
    padding: .1rem .2rem
}

.quick-transfer-confirm[data-v-75fbc889] .el-dialog__header {
    justify-content: center
}

.quick-transfer-confirm[data-v-75fbc889] .el-dialog__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0
}

.quick-transfer-confirm__notice-svg[data-v-75fbc889] {
    fill: #fff;
    height: 1.34rem;
    width: 1.34rem;
    margin: 0 0 .15rem
}

.quick-transfer-confirm__balance[data-v-75fbc889] {
    font-size: .18rem;
    margin-bottom: .2rem;
    color: #cf2a2a
}

.quick-transfer-confirm__wallet[data-v-75fbc889] {
    display: flex;
    align-items: center;
    margin: .05rem 0 .1rem;
    width: 100%;
    justify-content: space-around
}

.quick-transfer-confirm__wallet.other .quick-transfer-confirm__money span[data-v-75fbc889] {
    font-size: .16rem
}

.quick-transfer-confirm__money[data-v-75fbc889] {
    display: flex;
    align-items: center;
    font-family: PingFangSC-Regular;
    font-size: .16rem;
    color: #000;
    margin-right: .25rem;
    flex: 1
}

.quick-transfer-confirm__recharge-button[data-v-75fbc889] {
    border: 1px solid #069b71;
    border-radius: 4px;
    background-color: #fff;
    color: #069b71;
    height: .36rem;
    padding: 0 .1rem
}

.quick-transfer-confirm__recharge-button.is-disabled[data-v-75fbc889],
.quick-transfer-confirm__recharge-button.is-disabled[data-v-75fbc889]:hover {
    background-color: #fff;
    border-color: #ddd;
    color: #999
}

.quick-transfer-confirm__recharge-button[data-v-75fbc889]:hover {
    background-color: #069b71;
    border-color: #069b71;
    color: #fff
}

.quick-transfer-confirm .icon-wallet[data-v-75fbc889] {
    width: .2rem;
    margin-right: .12rem
}

.quick-transfer-confirm__amount[data-v-75fbc889] {
    background: #fff;
    border: 1px solid #cdd5e4 !important;
    border-radius: 4px
}

.quick-transfer-confirm__amount[data-v-75fbc889] .el-input__inner {
    height: .44rem
}

.quick-transfer-confirm__svg-prepend[data-v-75fbc889] {
    width: .18rem;
    height: .18rem
}

.quick-transfer-confirm__btns[data-v-75fbc889] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .2rem
}

.quick-transfer-confirm__btns .el-button[data-v-75fbc889] {
    flex: 1 0 0;
    height: .36rem;
    line-height: 0;
    font-weight: 400
}

.quick-transfer-confirm__btns .el-button[data-v-75fbc889]:first-child,
.quick-transfer-confirm__btns .el-button[data-v-75fbc889]:first-child:hover {
    background-color: #069b71
}

.message-tip-container[data-v-60a13196] .el-dialog {
    background: #f7faff;
    border-radius: 6px
}

.message-tip-container[data-v-60a13196] .el-dialog__header {
    background: url(/static/image/dialog-header.ace0ed8e.png) no-repeat;
    background-size: contain;
    background-size: cover;
    height: .5rem;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    border-radius: 5px 5px 0 0
}

.message-tip-container[data-v-60a13196] .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #fff;
    margin: 0
}

.message-tip-container[data-v-60a13196] .el-dialog__headerbtn {
    background: transparent;
    height: .28rem;
    width: .28rem;
    top: .12rem;
    right: .12rem
}

.message-tip-container[data-v-60a13196] .el-dialog__headerbtn ::v-deep .svg-icon {
    fill: #fff
}

.message-tip-container[data-v-60a13196] .dialog-subtitle {
    text-align: start;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #9398aa
}

.message-tip-container[data-v-60a13196] .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #000;
    line-height: .2rem;
    font-weight: 500
}

.message-tip-container[data-v-60a13196] .el-input {
    background: #fff;
    border: 0 solid #cdd5e4;
    border-radius: 4px;
    height: .42rem
}

.message-tip-container[data-v-60a13196] .el-input__inner {
    background: #fff;
    height: 100%;
    border-color: #dcdfe6
}

.message-tip-container[data-v-60a13196] .el-input__inner:focus {
    border-color: #058c66
}

.message-tip-container[data-v-60a13196] .el-input__inner:hover {
    border-color: var(--mainColor, #069b71)
}

.message-tip-container[data-v-60a13196] .el-button[type=submit] {
    background: #069b71;
    border: 0 solid #069b71;
    border-radius: 4px;
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 1rem;
    padding: .1rem .2rem
}

.message-tip-container[data-v-60a13196] .el-dialog__header {
    justify-content: center
}

.message-tip-container[data-v-60a13196] .el-dialog {
    background-color: transparent;
    border-radius: 5px
}

.message-tip-container[data-v-60a13196] .el-dialog__body {
    padding-top: .3rem;
    background: #f7faff;
    border-radius: 0 0 5px 5px
}

.message-tip-container[data-v-60a13196] .el-dialog__header {
    margin-bottom: 0
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog {
    background: #222;
    border-radius: 6px
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__header {
    background: url(/static/image/dialog-headerdarkGold.16d0422a.png) no-repeat;
    background-size: contain;
    background-size: cover;
    height: .5rem;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    border-radius: 5px 5px 0 0
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #411402;
    margin: 0
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__headerbtn {
    background: transparent;
    height: .28rem;
    width: .28rem;
    top: .12rem;
    right: .12rem
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__headerbtn ::v-deep .svg-icon {
    fill: #ffda90 !important
}

.message-tip-container_darkGold[data-v-60a13196] .dialog-subtitle {
    text-align: start;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #ffda90
}

.message-tip-container_darkGold[data-v-60a13196] .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #ffda90;
    line-height: .2rem;
    font-weight: 500
}

.message-tip-container_darkGold[data-v-60a13196] .el-input {
    background: #000;
    border: 0 solid #ffda90;
    border-radius: 4px;
    height: .42rem
}

.message-tip-container_darkGold[data-v-60a13196] .el-input__inner {
    border: 1px solid #ffda90;
    background: #212121;
    height: 100%;
    color: #ffda90
}

.message-tip-container_darkGold[data-v-60a13196] .el-input__inner::placeholder {
    color: #93866b
}

.message-tip-container_darkGold[data-v-60a13196] .el-button[type=submit] {
    background: #ffda90;
    border: 0 solid #ffda90;
    border-radius: 4px;
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 1rem;
    padding: .1rem .2rem;
    color: #411402
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__close:before {
    color: #411402
}

.message-tip-container_darkGold[data-v-60a13196] .svg-icon {
    fill: #ffda90 !important
}

.message-tip-container_darkGold[data-v-60a13196] .el-input__inner:focus,
.message-tip-container_darkGold[data-v-60a13196] .el-input__inner:hover {
    border-color: #ffda90
}

.message-tip-container_darkGold[data-v-60a13196] .el-input-group__append,
.message-tip-container_darkGold[data-v-60a13196] .el-input-group__prepend {
    border-color: #ffda90;
    background-color: #212121
}

.message-tip-container_darkGold[data-v-60a13196] .el-input-group__append .svg-icon,
.message-tip-container_darkGold[data-v-60a13196] .el-input-group__prepend .svg-icon {
    fill: #ffda90
}

.message-tip-container_darkGold[data-v-60a13196] .el-input-group__append .el-button[type=button] {
    background: #333;
    border: none;
    border-radius: 4px;
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 1rem;
    padding: .1rem .2rem;
    color: #93866b
}

.message-tip-container_darkGold[data-v-60a13196] .global-mobile__phone-area-no {
    color: #ffda90
}

.message-tip-container_darkGold[data-v-60a13196] .global-mobile__select {
    background: #000;
    border: 1px solid #ffda90;
    border-top: none
}

.message-tip-container_darkGold[data-v-60a13196] .global-mobile__select .global-mobile__select-li {
    border-bottom: 1px solid #ffda90;
    color: #ffda90
}

.message-tip-container_darkGold[data-v-60a13196] .global-mobile__select .global-mobile__select-li:hover {
    background: rgba(102, 95, 95, .4196078431372549)
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__header {
    justify-content: center
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog {
    background-color: transparent;
    border-radius: 5px
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__body {
    padding-top: .3rem;
    background: #222;
    border-radius: 0 0 5px 5px
}

.message-tip-container_darkGold[data-v-60a13196] .el-dialog__header {
    margin-bottom: 0
}

.message-tip-container_darkGold[data-v-60a13196] .message-tip__message {
    color: #ffdd90
}

.message-tip-container_darkGold[data-v-60a13196] .el-button[type=button]:first-child {
    background: #ffdd90;
    border: 1px solid #ffdd90;
    padding: .1rem .2rem;
    color: #411402;
    line-height: .16rem
}

.message-tip-container_darkGold[data-v-60a13196] .el-button[type=button]:nth-child(2) {
    background: #303030;
    border: 1px solid #ffdd90;
    padding: .1rem .2rem;
    color: #ffdd90
}

.message-tip[data-v-60a13196] {
    display: flex;
    flex-flow: column;
    align-items: center
}

.message-tip__icon[data-v-60a13196] {
    flex: 1 0 0;
    margin: .3rem auto .25rem
}

.message-tip__icon .svg-icon[data-v-60a13196] {
    width: 1.34rem;
    height: 1.34rem
}

.message-tip__message[data-v-60a13196] {
    flex: 1 0 0;
    margin-bottom: .7rem;
    text-align: center;
    line-height: .25rem;
    font-family: PingFangSC-Regular;
    font-size: .18rem;
    color: #333
}

.message-tip__go-to[data-v-60a13196] {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: .11rem;
    flex: 1 0 0;
    text-align: center
}

.message-tip__go-to[data-v-60a13196] .modify-passward-success {
    padding: 0;
    width: 1.08rem;
    height: .36rem;
    font-weight: 700
}

.svg-icon {
    overflow: hidden;
    position: relative;
    fill: var(--mainColor, #fff)
}

.svg-icon.is-pointer {
    cursor: pointer
}

.svg-icon.is-reverse {
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.svg-icon.is-stroke {
    fill: none;
    stroke: #fff
}

.svg-icon--darkGold {
    fill: #ffdd90
}

.svg-icon--darkGold.is-stroke {
    fill: none;
    stroke: #ffdd90
}

.svg-icon--primary {
    fill: #069b71
}

.svg-icon--primary.is-stroke {
    fill: none;
    stroke: #069b71
}

.svg-icon--info {
    fill: #adadad
}

.svg-icon--info.is-stroke {
    fill: none;
    stroke: #adadad
}

.svg-icon--black-light {
    fill: #cbcbcb
}

.svg-icon--black-light.is-stroke {
    fill: none;
    stroke: #cbcbcb
}

.svg-icon--warning {
    fill: #e6a23c
}

.svg-icon--warning.is-stroke {
    fill: none;
    stroke: #e6a23c
}

.svg-icon--danger {
    fill: #d20d25
}

.svg-icon--danger.is-stroke {
    fill: none;
    stroke: #d20d25
}

.svg-icon--success {
    fill: #67c23a
}

.svg-icon--success.is-stroke {
    fill: none;
    stroke: #67c23a
}

.svg-icon--black {
    fill: #000
}

.svg-icon--black.is-stroke {
    fill: none;
    stroke: #000
}

.svg-icon--white {
    fill: #fff
}

.svg-icon--white.is-stroke {
    fill: none;
    stroke: #fff
}

.svg-icon--orange {
    fill: #99672e
}

.svg-icon--orange.is-stroke {
    fill: none;
    stroke: #99672e
}

.svg-icon--sky-color {
    fill: #069b71
}

.svg-icon--sky-color.is-stroke {
    fill: none;
    stroke: #069b71
}

.svg-icon--use-entrance {
    fill: #069b71
}

.svg-icon--use-entrance.is-stroke {
    fill: none;
    stroke: #069b71
}

.svg-icon--primarydarkGold {
    fill: #ffda90
}

.svg-icon--primarydarkGold.is-stroke {
    fill: none;
    stroke: #ffda90
}

.svg-icon--minimum {
    width: .1rem;
    height: .1rem
}

.svg-icon--mini {
    width: .12rem;
    height: .12rem
}

.svg-icon--small {
    width: .15rem;
    height: .15rem
}

.svg-icon--partial {
    width: .18rem;
    height: .18rem
}

.svg-icon--navico {
    width: .22rem;
    height: .22rem
}

.svg-icon--medium {
    width: .3rem;
    height: .3rem
}

.svg-icon--large {
    width: .6rem;
    height: .6rem
}

.el-tip {
    height: .5rem;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    line-height: .5rem;
    font-size: .12rem;
    overflow: hidden;
    margin-bottom: .3rem;
    box-sizing: border-box;
    padding-right: .2rem
}

.el-tip--medium {
    line-height: .4rem;
    height: .4rem
}

.el-tip--spacing-medium {
    margin-bottom: .25rem
}

.el-tip--success {
    color: #67c23a
}

.el-tip--success .svg-icon {
    fill: #67c23a
}

.el-tip--success .el-tip__pre-decor {
    background: #67c23a
}

.el-tip--warning .svg-icon {
    fill: #e6a23c
}

.el-tip--warning .el-tip__pre-decor {
    background: #e6a23c
}

.el-tip--danger .svg-icon {
    fill: #d20d25
}

.el-tip--danger .el-tip__pre-decor {
    background: #e5142e
}

.el-tip__pre-decor {
    float: left;
    display: block;
    width: .06rem;
    height: 100%;
    margin-right: .2rem;
    background: #069b71
}

.el-tip.is-no-spacing {
    margin-bottom: 0
}

.el-warning {
    line-height: .22rem;
    font-size: .14rem;
    box-sizing: border-box;
    padding-right: .2rem;
    padding-left: .14rem;
    display: flex;
    align-items: center;
    color: #ff5546
}

.el-warning--medium {
    line-height: .4rem;
    height: .4rem
}

.el-warning__icon {
    width: .2rem;
    height: .2rem;
    margin-right: .16rem;
    fill: #e9811d
}

.el-warning.is-no-spacing {
    margin-bottom: 0
}

.c-game-card__title {
    text-align: center;
    font-size: .3rem;
    color: #fff
}

.backImg {
    width: auto
}

.backImg,
.card__button {
    display: flex;
    justify-content: center
}

.card__button {
    flex: 1;
    margin-top: -.64rem
}

.marquee-outer[data-v-1a8f303c] {
    position: relative;
    width: 100%;
    height: 100%
}

.marquee-outer .marquee-text-hidden[data-v-1a8f303c] {
    position: absolute;
    width: auto;
    opacity: 0;
    white-space: nowrap
}

.marquee-outer .marquee-text[data-v-1a8f303c] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.marquee-outer .marquee-text.no-hidden[data-v-1a8f303c] {
    overflow: inherit
}

.password-input__eye[data-v-c17d3b58] {
    cursor: pointer
}

.replace-head-image__list[data-v-c8771522] {
    width: 100%;
    height: 3.6rem;
    padding: 0 .22rem .04rem;
    margin-bottom: .15rem;
    overflow-y: auto;
    box-sizing: border-box
}

.replace-head-image__item[data-v-c8771522] {
    float: left;
    width: .85rem;
    height: .85rem;
    margin: .2rem .18rem 0 0;
    border: 3px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease-out
}

.replace-head-image__item[data-v-c8771522]:nth-child(4n) {
    margin-right: 0
}

.replace-head-image__item.is-active[data-v-c8771522] {
    border: 3px solid #069b71
}

.replace-head-image__item-head[data-v-c8771522] {
    width: 100%;
    height: 100%
}

.replace-head-image__btn[data-v-c8771522] {
    text-align: center
}

.replace-head-image__btn[data-v-c8771522] .el-button {
    width: 3rem;
    height: .38rem;
    padding: 0;
    background: #069b71;
    border-radius: 4px;
    line-height: .38rem
}

.replace-head-image__btn[data-v-c8771522] .el-button span {
    font-family: PingFangSC-Semibold;
    font-size: .16rem;
    color: #fff
}

.replace-head-image__confirm[data-v-c8771522] {
    width: 4.1rem;
    height: .5rem
}

.avatar-select[data-v-ebc7ea32] {
    position: relative;
    display: inline-block;
    border-radius: 100%;
    overflow: hidden;
    width: .88rem;
    height: .88rem;
    cursor: pointer
}

.avatar-select__pic[data-v-ebc7ea32] {
    width: 100%;
    height: 100%
}

.avatar-select.is-shadow[data-v-ebc7ea32] {
    box-shadow: 0 .05rem .15rem 0 rgba(0, 0, 0, .18)
}

.avatar-select__upload-img[data-v-ebc7ea32] {
    opacity: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    transition: all .5s;
    border: 0;
    box-sizing: content-box;
    border-radius: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center
}

.avatar-select__upload-img .svg-icon[data-v-ebc7ea32] {
    width: .52rem;
    height: .42rem
}

.avatar-select__upload-img[data-v-ebc7ea32]:hover {
    opacity: 1
}

[data-v-ebc7ea32] .avator-dialog {
    width: 4.9rem;
    height: 5.06rem
}

[data-v-ebc7ea32] .avator-dialog .el-dialog__header {
    text-align: center;
    padding: 0
}

[data-v-ebc7ea32] .avator-dialog .el-dialog__header .el-dialog__title {
    display: inline-block;
    min-width: .96rem;
    height: .33rem;
    margin: .34rem auto 0;
    line-height: .33rem;
    font-family: PingFangSC-Medium;
    font-size: .24rem;
    color: #000
}

[data-v-ebc7ea32] .avator-dialog .el-dialog__body {
    padding: 0
}

[data-v-ebc7ea32] .avator-dialog_darkGold {
    width: 4.9rem;
    height: 5.06rem;
    background: #222
}

[data-v-ebc7ea32] .avator-dialog_darkGold .el-dialog__header {
    text-align: center;
    padding: 0;
    background: url(/static/image/dialog-headerdarkGold.16d0422a.png) no-repeat
}

[data-v-ebc7ea32] .avator-dialog_darkGold .el-dialog__header .el-dialog__title {
    display: inline-block;
    min-width: .96rem;
    height: .33rem;
    margin: .2rem auto 0;
    line-height: .33rem;
    font-family: PingFangSC-Medium;
    font-size: .24rem;
    color: #411402
}

[data-v-ebc7ea32] .avator-dialog_darkGold .replace-head-image__list {
    background: #222
}

[data-v-ebc7ea32] .avator-dialog_darkGold .replace-head-image__list .replace-head-image__item.is-active {
    border: 3px solid #ffdd90
}

[data-v-ebc7ea32] .avator-dialog_darkGold .replace-head-image__btn .el-button {
    background: #ffdd90;
    border-color: #ffdd90
}

[data-v-ebc7ea32] .avator-dialog_darkGold .replace-head-image__btn .el-button span {
    color: #411402 !important
}

[data-v-ebc7ea32] .avator-dialog_darkGold .el-dialog__body {
    padding: 0
}

.static-container {
    position: relative
}

.static-container__content {
    margin-top: .4rem
}

.static-container__radio-group .el-radio-button__inner {
    width: 1.66rem;
    height: .4rem
}

.static-container-header {
    margin-bottom: .3rem
}

.static-container-header__title {
    color: var(--mainColor, #000);
    font-size: .28rem;
    padding-bottom: .2rem;
    margin-bottom: .3rem;
    display: flex;
    justify-content: center;
    position: relative
}

.static-container-header__title:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 9.2rem;
    height: .01rem;
    background: var(--subColor, #eaeaea)
}

.static-container-header__left {
    flex: 1 0 0;
    color: var(--mainColor, #000)
}

.static-container-header__left .el-breadcrumb__separator {
    color: var(--mainColor, #c0c4cc)
}

.static-container-header--small .static-container-header__title {
    font-size: .24rem;
    margin-bottom: .2rem
}

.static-container-header .el-breadcrumb__inner {
    font-size: .24rem;
    color: var(--mainColor, #333) !important;
    font-weight: 400 !important
}

.static-container-header .darkGold_Btn {
    background: #303030;
    border: 1px solid #ffdd90;
    color: #ffdd90
}

.static-container-header .darkGold_Btn:hover {
    color: #9f7142
}

.title_color .el-breadcrumb__inner {
    font-size: .24rem;
    color: var(--mainColor, #333) !important;
    font-weight: 400 !important
}

.title_style {
    display: flex
}

.title_style .el-breadcrumb__inner {
    font-size: .24rem;
    color: var(--mainColor, #333) !important;
    font-weight: 400 !important;
    line-height: .01rem
}

.title_style .el-breadcrumb__item {
    box-sizing: border-box;
    padding-top: .18rem
}

.static-container-header__right ::v-deep .el-button {
    background: var(--mainColor, #fff);
    border: 1px solid var(--mainBtnColor, #969696)
}

.static-container-body[data-v-03323d26] .el-form-item__label {
    color: var(--mainColor, #606266)
}

.static-container-body[data-v-03323d26] .el-pagination {
    color: var(--mainColor, #303133)
}

.static-container-body[data-v-03323d26] .el-pager li {
    background: var(--mainBgColor, #fff)
}

.static-container-body[data-v-03323d26] .el-pagination .btn-next,
.static-container-body[data-v-03323d26] .el-pagination .btn-prev {
    background: var(--mainBgColor, #fff);
    color: var(--mainColor, #303133)
}

.custom-button-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0
}

.custom-button-group .radio-button {
    font-weight: 700
}

.custom-button-group.is-block {
    display: flex
}

.custom-button-group.is-block .radio-button {
    flex: 1 0 0
}

.custom-button-group.is-shadow .radio-button.is-active {
    box-shadow: 0 .12rem .4rem 0 rgba(0, 0, 0, .24);
    transition: box-shadow .3s ease-out;
    z-index: 1
}

.custom-button {
    position: relative;
    display: inline-block;
    outline: none
}

.custom-button+.custom-button {
    margin-left: .15rem
}

.custom-button__inner {
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background: var(--mainBgColor, #fff);
    border: var(--mainBorder, none);
    font-weight: 400;
    color: var(--mainColor, #000);
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    position: relative;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .13rem .24rem;
    font-size: .12rem;
    border-radius: 0
}

.custom-button__inner.is-round {
    padding: .13rem .24rem
}

.custom-button__inner:hover {
    color: var(--mainColor, #069b71)
}

.custom-button__inner [class*=el-icon-] {
    line-height: .9
}

.custom-button__inner [class*=el-icon-]+span {
    margin-left: .05rem
}

.custom-button.is-active .custom-button__inner {
    font-weight: 700
}

.custom-button:first-child .custom-button__inner {
    box-shadow: none !important
}

.custom-button__orig-radio {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.custom-button__orig-radio:checked+.custom-button__inner {
    color: #fff;
    background-color: #069b71;
    border-color: #069b71;
    box-shadow: -.01rem 0 0 0 #069b71
}

.custom-button__orig-radio:disabled+.custom-button__inner {
    color: #c3c2c2;
    cursor: not-allowed;
    background-image: none;
    background-color: #fff;
    border-color: #ebeef5;
    box-shadow: none
}

.custom-button__orig-radio:disabled:checked+.custom-button__inner {
    background-color: #f2f6fc
}

.custom-button--medium .custom-button__inner {
    padding: .12rem .32rem;
    font-size: .14rem;
    border-radius: 0
}

.custom-button--medium .custom-button__inner.is-round {
    padding: .12rem .32rem
}

.custom-button--small .custom-button__inner {
    padding: .07rem .36rem;
    font-size: .14rem;
    border-radius: 0
}

.custom-button--small .custom-button__inner.is-round {
    padding: .07rem .36rem
}

.custom-button--mini .custom-button__inner {
    padding: .07rem .15rem;
    font-size: .12rem;
    border-radius: 0
}

.custom-button--mini .custom-button__inner.is-round {
    padding: .07rem .15rem
}

.custom-button:focus:not(.is-focus):not(:active) {
    box-shadow: 0 0 .02rem .02rem #069b71
}

.dialog-subtitle[data-v-35a30546] {
    color: rgba(0, 0, 0, .4);
    font-size: .14rem;
    text-align: center;
    margin-bottom: .35rem
}

.badge-text__danger,
.badge-text__primary,
.badge-text__processing,
.badge-text__warning {
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.badge-text__danger .svg-icon,
.badge-text__primary .svg-icon,
.badge-text__processing .svg-icon,
.badge-text__warning .svg-icon {
    width: .1rem;
    margin-right: .06rem
}

.badge-text__warning {
    color: #e6a23c
}

.badge-text__danger {
    color: #d20d25
}

.badge-text__primary {
    color: #069b71
}

.payment-pic {
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-pic--small {
    width: .3rem;
    height: .3rem
}

.payment-pic__img {
    width: 100%
}

.bank-pic {
    display: flex;
    align-items: center;
    justify-content: center
}

.bank-pic--small {
    width: .3rem;
    height: .3rem;
    padding-top: .03rem
}

.bank-pic .img {
    display: block;
    width: 100%;
    height: 100%;
    margin-right: .02rem
}

.bank-pic .PSBC {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAP1BMVEVHcEz///////////9/wJ+i0rn///////+Mxqn////s9/EikVn///9fsIe/4M////////////9EonLW6+IAfz5AOLqUAAAAFHRSTlMAFrFV49y/zOGfz/dJ6dcwhAbw0/K7LooAAAEvSURBVDjLlZRZkoUgDEVBZJLnBOx/rc0gkiBa9P2xwBQ3OYQQAkXZoSchJn0wSl50Mi2BNDt7Ub9JNpp+jyCqZUe6sd6F7ErsyFC+Chjv8kP3eVR8hYmS3yP7hRelOt4SU/6SqemdD15yLWFr5hc5MxSRrMzKVZLLm+yRWT6Fm/zdLsqhTBS1Xb8v07JNG0/l5yS/LVFlm5Gjnzyu6WhSM4hEbQFy49hiad5GS5frVLWliGgPCnLtkaKG1ShzFWpB2HSjWJUyJlgZO5tkuwFT3d6j97O1acVBCUeLIsA1c1otAEjBG2lyv2a44VYB3IiX9uA6YJgvC/K1tVSH6aJGynCDLL4shtrS1SosetYnanIOmHTeoJaf0v97gIPPeXQ4jI6a0cE1OgaHh+rniP4DS5gqF7EYwLQAAAAASUVORK5CYII=) 50%/100% 100%
}

.bank-pic .CCB {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAQlBMVEVHcEyxw93///////////80Y6VNdbD///8RR5X4+vxnirz///+UrdB9msb////K1+jg6PL///////////8bT5kFPY9UEanWAAAAFXRSTlMA2oYXZPTvzPzK6azg5QnV0kK6mfqxjciBAAABh0lEQVQ4y42V67aEIAiFy7zghGXT+P6vekawQst1hl9dvsUO2NIwVDFptc/ez7vS09CNSc9OxNxhF+1dE14vd257C2BExJiv3lvLaZlpDZBSMmO+1rWsuhhrQ3TRfMlk8xMl5Qvnwye/T4DO2Xxh8mermy5COuLlnDnJU33jdDaJqMhS0UL1epNSj3wvl3DLZdKfJIlP1OdXSl3ym2Y6Eo6SMKWowCRETknzlcLWjZKE3Pf5q9wmzF2WJM3HTaxsak6SJTQPBRruJCGWezXslbI9jcEkHrc71RLuHJN4uXjwoom2si0CCosSWKZsXD88SZeMMNYvLXB4kt7FN8JaccdTLia3B9MDebrOcHtyw9d0J23dMs0j/NxI4WLkEcpqLlJwwG1km61Qk7a2Otts8o1vP6vkaNpkXEoZIXUiXFuADtfYIankcrj4uIZHjk6r26oFgA85TWzWj3KP6rZ4tl1S/lWh5bSo5WHtxddxesDicVg6izSOGAIehrsv0t9X8+/L/p/fxx8Xw0AkyME+owAAAABJRU5ErkJggg==) 50%/100% 100%
}

.bank-pic .CMB {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAQlBMVEVHcEz////XT2LkipXSO07////ecH/////+9fb0zdP53eDvtb3////////ZXW7pnafNKT/////////////xv8XHFi7osYzxAAAAFXRSTlMAEfHk9mTpzMzW09qGrO7f+0K6mdjbPc5MAAAByklEQVQ4y41V27aEIAjNNIUu2nT5/189iOBYp9Ya5oXBLZub1HUXMcO8L7At+zyY7lXMsIRGlhesGSDcBJ6gn00OYSQBubR97riB7aN3p4jzyKbhSjtnG/Z0rkDS45itc0vPOEvH66hAzFcsI6+80J980gtzSOwXWvZPxZ1jmAowBVj5QkZKRibnW3A9aXx+0rmvps1UYlv8TKr6nFuxWSU3UG0rF5JTyZpUgHIHIw7j9zL/cayks5Jnl0t1eJZ2YE6Ffa/V5ULMQcM+o7TYrdJAseeADTNLMEdARiQ6ObijliUx9yzhc2CeowSqZonSOxbI7dkr0JLihL0vecPEQsA95zJqKjbTM2cJLIBn4WxAgZFjjTWLEm6fhbxDtykQw6El4rqkwn3Qj2xbpXZSdquVlnTE41KTSZLTWicEy8yTcDJaHvgOBjb1B8l61oJ7nS9qrW87aqmOXHBpIerEkio3ZEZSQm5hGQpXu+BcrErpvAyFjBmGF0GOdaiD6+AZBy774MGVp+Cfgf77FPRxTc/EzeOS57oe+F9c3zzXdgHc5boAmpVyk/tK0SUVr7CI/5bUz2uvXaSIx4T4ukh/X82/L/vm8wEPn48/COU4zC5JdTAAAAAASUVORK5CYII=) 50%/100% 100%
}

.bank-pic .PAB {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAARVBMVEVHcEz2tIv84tP+7+X////1pnf////////zlV7/////+/n5yaz////72MLxhUb3u5j////////////////vdi+Jrp29nXZKdJmcAAAAF3RSTlMA5NXRn+kWzO61yd1J2PThMIRYU/ri6ajC9OIAAAEkSURBVDjLjZSBkoMgDERNQkwgBbR69/+ferSVju21mjfM6OgOWRbIMOwZlznElGKYl3H4xjXIjnD9KLpEeSNe/onGIB8Ib6WnKB+J00tB+cqu8CQHPOcb45Esdn9BDgmnxvb24pks3rOXU67nzjZ3ozgYh8UjW4b58aI3iHlVzlVNmUVz+/T4O3drTCsyAaNxVobCBTmbWTe3xWGwciYuoCVDaTLGFSuXHkm6P5PqqoqtdkGpBZpOVpG8FU2brFHuYmPN1LxZ8yZVocuiZ6XxuYRqlaxCar6zYcWMRhlzX0IPBBhuA+EXKmcw5sqg1APZ4iUhEkRM9IOCCSlRG4l6vM7Ncm699yA5j6X3kDuvjPcCOq+ztzl4W423cXnboLupHrboPzS8IjFLRQSNAAAAAElFTkSuQmCC) 50%/100% 100%
}

.bank-pic .ABC {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAPFBMVEVHcEz///9HsZwyqJD///+c1sp9yLn////x+/oXnIL///////////+y39dhvKnC5t////////////8AkXS5MmUaAAAAE3RSTlMAwO/0ZN7kzM/6DIas2enXQpkcHseUagAAAaFJREFUOMudlduSrSAQQ7lJaEFR8///eh5oFN3O7KnTD5alS0IDicbc6gh5L9aWPYfD/FhzKBiqhPkHzOJR9g3dLADUmEASKdaGbk8uAEhRSAVJiQkAwl02A5iEHEBSJgDIo3wGsJIPkHQJQL7pJk+SbgAdSfo0qm/KyZIGEIt0UjuabdP1CTewfe0A2LkLT/rtHWzk1MVniySkJHyA5ws7twEjyQUvIBaSUYcsgLSpKBjXeIJwpAAoxhxA7QMikd45OOc7WElWAIcqCzpIEu3aSsgVQDAZcF35DVxJDyCbHZA24XdwanK7KYAu1ju4tNtiLHD2AsQYY9Tr1Q0Aq+DXEa0u49c5FrMDrq3Ar13vJv9tHbMJ487AiwgrRcRfvSwAgjkw7LVOqvd27TUOY8pwej7AqqenqGH6eXyC54ugTugn/Ak6vW9eCPpEyQtMTj2jPpzt6cIbeLlQzWU2nL6uJ1gvX2Mbg0eTQlZH0q1yJcUYPxln9gzVsmeMlBZSLc0urKXZPaRUHVhWLyTFr30DwnuQfmTu9v/R/Pew//L7+AdjmzY6fGRPiAAAAABJRU5ErkJggg==) 50%/100% 100%
}

.bank-pic .CEB {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAMAAAC7m5rvAAAAbFBMVEVHcEz////////////////////////////////8+/3////////////////46JP/wgJhM3ZXJm3/zCL55If666Tu6PD/yRjIts/64nv74GtqPnyih67h1+SQb517VIy4pMLYzd3888b8+OKwmrqRlGm0AAAADXRSTlMA3m0H6ifDoF33OoeM+xkumwAAAjFJREFUSMelltt2qjAQhgURDO3YBIiBHAjdvv877kkCUVtUTP/lgQu+NedkdrsV1XlVZgSAZGWV17tNqqsC7lRUL8n9MYMVZcf9M+pYwAMVx4fQoYQnKg8PTBF4KrJq8BNe6vM3VcEGVUnUL+4DNurjLhuwWTd5OZDtGLnWoYQ3VCa4eOPmvngPK0J/5vCmco9hzzdRw+k1lvn5wofz16Kh6/695Oq5PxALxs5Dd+o29UrhsaY9ebWol+YKLDUE7NRFfa+/zHnsikPIo8OuWse4MZbEXFZwdbJ1n7ZdxzRjhsfgyoCdexdV2/f90D/wkTLFY4NlMzZ4ob3vkBEurBXa/U/4FdxhBmByj1g5Ard1G5aE6JEyRqUAy0Y7UjpyZw0mZIlLJfzEfEa4YdQoyUYimKTIM+swbdjoHV2wBoMahn4pALcK04YvacHoKBSliqPJkcoQ3uJk07t09CFAFx3X+iKpw5gALqnRklLnZ6h3FgvQRiE2GRebx+gNNlvLlgI0PvlBiGnJqJqCk9JeMRnMlbHcN12CM2DRHQIqxLZgzGBOGfflzu970vUKjoDARAs7OxkxheXw5vKllb/imPqe5CNjTEomJ49NWApXMldzNrlWngcnFm7uZG1GpbW64FdNQKwS/KIEuqHwt5jHtDnPauKwEf58TGt4W/V8BL2n7C8HXuLxmniYp14dqRdV4rWYegmnXvmpC0bqOpO6PKWuaqmLYfIamrr03q/YxcMV+z9d4YYmpL8pVQAAAABJRU5ErkJggg==) 50%/100% 100%
}

.bank-pic .ICBC {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAQlBMVEVHcEzfPCf////bKhL//fz739vwoZf////ysKfhRjLkW0rukIT////////2x8HpfG7////////////////////YHgZLTK11AAAAFXRSTlMA+GT8xNLgzNz17+OGrNboCUISHJnB6vOXAAABqUlEQVQ4y51V6ZqDIAyU+17Uuu//qssEVLzafps/CEyTTEKmw3CwF49LkjItkb+GR5t5Mp0lPt/CRi7NySQfr7iJYCp4xwRzPqgKnc44jmPNfndjmqD8GDaWI9vDCGqBjH144DJdCp+11dkL2mVCHuJKjwtnNyLW4cDLPvpUNsAJe+Bs4dXjqzEaZY3L1Kk6irXoclwDW+B+mimj1k8g7Rp8Lg7LgVCukbX0O0pZlegMLufqUNP1DZC+dHOZyKEzBcgUTBpJK6uH5DKV91KSrpk4XHRGQLgEyRcih5KhIY8aVsjQSkBTsgwUO1INPQGvOW6XcVgIER6BuS4LuIjKjBjoBrS0M1SRyqZUsVW19m0FdgcgIAFsHm0olhswY2N3jxKhv8kxgczOWsAKkNYD6wXl2ep4U/C1jhEF/6YzHC3ce33tTOt1aSHYfH49qQ3qp/dIzwwPFzfuIhRGri+cHi65zPT7p5lpc4jhej+FbbhoXN/NtZkOwrMqRShKEXql6OUnmmft6SWlitS9mh1FqkWv+ih+xaaPZ9nbhPRSyen/0vy92H/4+/gD/qs3hzNHMLoAAAAASUVORK5CYII=) 50%/100% 100%
}

.bank-pic .HXB {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAQlBMVEVHcEz////////rKDn/9/jtO0v////////////93N/4pazpECH////6wMXwU1/2ipP////////////////ybnjmABJqIf/7AAAAFXRSTlMAolX2yvIWzLXS3PxJ2OzhMJmEBua9rXaYAAABRklEQVQ4y41UV7aFIAxECFUB6/63+q4UDe0d50eRMXUSQjAE3TcFoLadCjLAQSeJMNGjx1qUrKCWhiQm2cFUuV6V7EKthUM5BHK8ljegrYXn9NgThUfLrx+YMYmpcnw4eu2uDJ/zaAOz88O6mMbhHciluQrMswlu7zrTIesmhu80Rwb3bz5fOqNBe3YnkqMT4cVxbViOySbj3mU3IvlEkXNoa0zJHp4ovw5L7mSrrNlexzYSy2Ed42cwdpc4u38VQKAsx9mlQU3zA9rbAzumqZRC+GVM21JBAli6amk7bmlIVZel0Km8An0qTcQmpmZhUZ5YjYEVlTSVQoLQffNY5+lAK1nq0DRuY2N+B/fIshC5jmqaGZtftSztyEiPNOUAjUw1gPpMxOj7HcB6nMM8a6jHuV0O0F0OX1fN18X1dQ1+Xqr/rug/yR8uAuV0l/kAAAAASUVORK5CYII=) 50%/100% 100%
}

.bank-pic .CMBC {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAYFBMVEX///////9orn73+Pv///////////9HcEyQxKH////t8vTd3e7////c7OG4udqZmsp4totCRJwmKY6w1bz////////////////////G4c9+gbw0NpRUVqZub7MdIIlapXLZrzU+AAAAHnRSTlPMDfvNorFVAO0W0NNJ1drh9fb94rvDMJmE3Of58epj6Nx9AAABlElEQVQ4y42U2WKEIAxFU1DLogiu4wb//5cFBNTO1JoXQI4h3ITA99lo8Rrzvs/HV0EvG3CaFxmcLCs+YmUOvywv3zCawQfL6BUbOvho3XDGSvjTygMb4MaGiNHuDutowDK4tWzHSvjHSo8lvSpCkDEGIYMkmdihn8OKsJgcQlq3i6tWGiOnyBUWC5G1FpKVmzHhXcu4dtEBDb4c5aG50cqDxJ4fOArhTPvNVDu01Yteuf0mw5/2VHglDNlh1tp6YosfJkII9rsvGC8Y8HWphQrHJhshyMHsPVs/E+uqbHibwKeSgj6KZrmkAPB50c3G47JPGOAWGXJoim2Yuk7YuWZdzITIdj+uPrg8XiEYIy4Tco9y1XqJVwiCMM75fpHJDWja1dEsCBLk3eyfzHtDbQzSetM4yBuS5RRd8SWXwlJbTFZMPVdaK69A5SHsbqBYTH0qJKgb3cy7VExsjfOFj0L6SpLwem30opRySKNmfi7LS5FjLmprQvC3In/4ZJ4+wIfP+WlzeNpqnjaup23wcVO9bdE/eLcidwQFtAEAAAAASUVORK5CYII=) 50%/100% 100%
}

.bank-pic .usdtPic {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABHCAMAAABibqotAAAAUVBMVEVHcEz///////////////////////////////////////////8moXv///8DkmYUm3Hq9/OO0LrB5do4qoZMspJqv6Ufn3d7x66x3tDZ8OkAiVmcMgT6AAAADHRSTlMAIJkwbYS0V8ngQA16Mo8nAAADFklEQVRYw61Y2ZasIAxsbReYQUEWwfv/H3qhXQBBjH2mzryIdk2oJCTh9Srh3dcdwhijru3fr+/Qt2iIgdr+MUmNhxxw/YSqQcM1EJSpwUMZqAGw/KDhHuhW9HaAoS37GQ1QoKqgzPnjxUxKOqjJLOeXPXBPXAviMJMVQvP4gwZAwyZBUsiJ3YrURizkAmK6sSjUxghyDWFKGr2Dl4qUoYNvz17zDl8EuYP0KqGYpvY05B6zWPJa/zyicfBEYYrgpzSEsMzOvK8EmEemPvvFUE9lvYYTc4xXcryCJ+Jngw6fBw6ZrnCkGyEnhfr92SfDKC/PC0GPr6bYZXvsMALgYQGPYFEMpeYAeQ6DcLQt8ZhHhBvbzwtOyEN9fFQ3gbd08J5KvsJszmVmXyA0E0N1IE8Uyj5+Vi35vzR+go1ZgapiZtEtj/g4F7OsOmQ26elAKQ3ssU8pjzlCuk697uwY6SxsuVF65VmUsgXILcdk0xFBXZqi80il0pO2LAGPe7Rrko5ZoXd3yYBGufIn7H+PdLamfAqiDIjU9uvuOMKkl4Wzz74inbdHuy4HQyE8VAyLtWPn2by5+mu2Js7DQGcAD6GKDUYJusbLZAw3Rq8Ps6vNi8jZk+pDRqoXxphtEqyu4gOnu+FulSua1SfjLxfNs9T2d/aHe36yxSaFlm5jWX/l4+ejxMdFu850XTiFtY+f63heQ3rPC5pNDB/PwPyid/n1KpauG54g3w+h9Rc84fnTZM5DL1CZJzwP36WNle0RUReE854H8JioMmfqF5An7oEy9RSmz6meZuo7yB5x7oAOg3iGJzo3IiT9RqH/oYQzB0MB/U/Qj8l8EMH6saA/ZLlUdX+JOLn+8Hm/6mmifjUYLhbxjKa56ueZfNLPd6e5oApaEw2fL3AyFfbQeUfy8kwYDZWT+Hb+SubBnEzSMMBg2Zzn05hKAufTWKOtnXNdh3KdRmyJk7hwP1F14Pm9q/7kPuH2igN0pdBBLpX6OybwzU2RqXtyk1S1F/dRbfX0aqtqTndbuG6qL+/aqr6tO4e67csc/wGCHMtZ7rjhXAAAAABJRU5ErkJggg==) 50%/100% 100%
}

.sports-nav[data-v-75f86610] {
    flex: 1 0 0;
    display: flex
}

.sports-nav__hot-game[data-v-75f86610] {
    font-size: .2rem;
    font-weight: 450;
    margin-right: .2rem;
    letter-spacing: .01rem;
    display: flex;
    align-items: center;
    height: .28rem
}

.sports-nav__hot-game span[data-v-75f86610] {
    color: #069b71;
    display: inline-block;
    height: 100%;
    margin-right: .08rem
}

.sports-nav__tab[data-v-75f86610] {
    font-size: .2rem;
    color: #cacaca;
    cursor: pointer;
    transition: all .5s ease
}

.sports-nav__tab[data-v-75f86610]:last-of-type {
    margin-right: 0;
    margin-left: .06rem
}

.sports-nav__tab.is-active[data-v-75f86610] {
    color: #069b71
}

.sports-nav__tab.is-active .svg-icon[data-v-75f86610] {
    fill: #069b71;
    transition: all .5s ease
}

.sports-nav__tab .svg-icon[data-v-75f86610] {
    fill: #a4b1c1;
    width: .22rem;
    height: .22rem;
    vertical-align: top;
    margin-top: .06rem
}

.sports-nav--align-right[data-v-75f86610] {
    justify-content: flex-end
}

.middle-line[data-v-75f86610] {
    color: #4f4f4f;
    opacity: .8
}

.rolling-number[data-v-0eae318e] {
    height: .5rem;
    overflow: hidden;
    display: flex
}

.rolling-number__con[data-v-0eae318e] {
    display: inline-block;
    width: .25rem;
    margin-top: 0
}

.rolling-number i[data-v-0eae318e] {
    display: block;
    height: .5rem;
    color: #f8b85c;
    font-style: normal
}

.rolling-number__0[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: 0
}

.rolling-number__animation0[data-v-0eae318e] {
    animation: myRolling0-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling0-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -5rem
    }
}

.rolling-number__1[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -.5rem
}

.rolling-number__animation1[data-v-0eae318e] {
    animation: myRolling1-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling1-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -5.5rem
    }
}

.rolling-number__2[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -1rem
}

.rolling-number__animation2[data-v-0eae318e] {
    animation: myRolling2-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling2-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -6rem
    }
}

.rolling-number__3[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -1.5rem
}

.rolling-number__animation3[data-v-0eae318e] {
    animation: myRolling3-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling3-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -6.5rem
    }
}

.rolling-number__4[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -2rem
}

.rolling-number__animation4[data-v-0eae318e] {
    animation: myRolling4-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling4-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -7rem
    }
}

.rolling-number__5[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -2.5rem
}

.rolling-number__animation5[data-v-0eae318e] {
    animation: myRolling5-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling5-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -7.5rem
    }
}

.rolling-number__6[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -3rem
}

.rolling-number__animation6[data-v-0eae318e] {
    animation: myRolling6-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling6-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -8rem
    }
}

.rolling-number__7[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -3.5rem
}

.rolling-number__animation7[data-v-0eae318e] {
    animation: myRolling7-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling7-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -8.5rem
    }
}

.rolling-number__8[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -4rem
}

.rolling-number__animation8[data-v-0eae318e] {
    animation: myRolling8-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling8-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -9rem
    }
}

.rolling-number__9[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -4.5rem
}

.rolling-number__animation9[data-v-0eae318e] {
    animation: myRolling9-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling9-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -9.5rem
    }
}

.rolling-number__10[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -5rem
}

.rolling-number__animation10[data-v-0eae318e] {
    animation: myRolling10-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling10-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -10rem
    }
}

.rolling-number__11[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -5.5rem
}

.rolling-number__animation11[data-v-0eae318e] {
    animation: myRolling11-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling11-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -10.5rem
    }
}

.rolling-number__12[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -6rem
}

.rolling-number__animation12[data-v-0eae318e] {
    animation: myRolling12-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling12-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -11rem
    }
}

.rolling-number__13[data-v-0eae318e] {
    transition: margin-top 1.5s ease-out;
    margin-top: -6.5rem
}

.rolling-number__animation13[data-v-0eae318e] {
    animation: myRolling13-data-v-0eae318e 3s ease-in-out forwards
}

@keyframes myRolling13-data-v-0eae318e {
    0% {
        margin-top: 0
    }

    to {
        margin-top: -11.5rem
    }
}

.s-loading[data-v-0dd54402] {
    position: relative
}

.s-loading__text[data-v-0dd54402] {
    position: absolute;
    color: var(--mainColor, #069b71);
    font-size: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.s-loading__letter[data-v-0dd54402] {
    position: relative;
    font-size: .24rem
}

#rect[data-v-0dd54402] {
    stroke: var(--mainColor, #069b71);
    stroke-dasharray: 50 294;
    stroke-dashoffset: 344;
    animation: dash-data-v-0dd54402 2s linear infinite
}

@keyframes dash-data-v-0dd54402 {
    to {
        stroke-dashoffset: 0
    }
}

.chat-page[data-v-0e0454b3] {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    font-size: .14rem;
    color: var(--mainColor, #fff);
    font-weight: 700;
    text-shadow: -.01rem 0 #000, 0 .01rem #000, .01rem 0 #000, 0 -.01rem #000
}

.chat-page .message-content[data-v-0e0454b3] {
    width: 100%;
    height: 1.2rem;
    overflow-y: auto;
    padding-right: .2rem
}

.chat-page .message-content[data-v-0e0454b3]::-webkit-scrollbar {
    width: .05rem;
    background: transparent
}

.chat-page .message-content[data-v-0e0454b3]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .06rem rgba(0, 0, 0, .3);
    border-radius: 2.5px;
    background-color: rgba(0, 0, 0, .3)
}

.chat-page .message-content[data-v-0e0454b3]::-webkit-scrollbar-thumb {
    border-radius: 2.5px;
    -webkit-box-shadow: inset 0 0 .06rem rgba(0, 0, 0, .3);
    background-color: hsla(0, 0%, 100%, .3)
}

.chat-page .message-content .message-line[data-v-0e0454b3] {
    min-height: .2rem;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .14rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.chat-page .message-content .message-line .message-text[data-v-0e0454b3] {
    flex: 1;
    word-break: break-word
}

.chat-page .message-content .message-line .message-text.color[data-v-0e0454b3] {
    color: #e2b67b
}

.chat-page .message-content .message-line .message-text.gift-msg[data-v-0e0454b3] {
    color: #e20b0b
}

.chat-page .message-content .message-line .message-m04[data-v-0e0454b3] {
    color: var(--mainColor, #069b71)
}

.chat-page .message-content .message-nick[data-v-0e0454b3] {
    display: flex;
    align-items: center;
    cursor: pointer
}

.chat-page .message-content .message-nick.level-0[data-v-0e0454b3] {
    color: var(--mainColor, #bbb)
}

.chat-page .message-content .message-nick.level-0 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-0.832853e0.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-1[data-v-0e0454b3] {
    color: var(--mainColor, #bbb)
}

.chat-page .message-content .message-nick.level-1 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-1.0983e836.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-2[data-v-0e0454b3] {
    color: var(--mainColor, #bbb)
}

.chat-page .message-content .message-nick.level-2 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-2.cdf0414f.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-3[data-v-0e0454b3] {
    color: var(--mainColor, #bbb)
}

.chat-page .message-content .message-nick.level-3 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-3.f466868d.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-4[data-v-0e0454b3] {
    color: #e2b67b
}

.chat-page .message-content .message-nick.level-4 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-4.08d00253.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-5[data-v-0e0454b3] {
    color: #e2b67b
}

.chat-page .message-content .message-nick.level-5 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-5.b9717c88.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-6[data-v-0e0454b3] {
    color: #e2b67b
}

.chat-page .message-content .message-nick.level-6 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-6.3045e35d.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-nick.level-7[data-v-0e0454b3] {
    color: #e2b67b
}

.chat-page .message-content .message-nick.level-7 .vip-icon[data-v-0e0454b3] {
    display: inline-block;
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(/static/image/vip-7.40df6abb.svg) no-repeat 50%;
    background-size: contain
}

.chat-page .message-content .message-system[data-v-0e0454b3] {
    color: #b10b21;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 700;
    font-size: .16rem
}

.chat-page .message-content .message-system .system-icon[data-v-0e0454b3] {
    width: .36rem;
    height: .2rem;
    margin-right: .05rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAALVBMVEVHcEwtRrQrRLIsRLIsRbMrRLIrRLI/VLkvSrYrRLIsRLMrRLIsRrMtRrYrRLHgkPDDAAAADnRSTlMAM/mFXczqBxabdrFIKYnkmewAAADTSURBVCjPY2AAA45pmQ0MyKD03btwFAG/d++eIPM55r179xJJD0/cOyB4egDG5wXzgSIXoAJO795pWy3e9O6dCoTP8u5dSAEDA7vru3cOYIFz7x4XgGh2u3dvwDbkQSWASp+BbOJ89wpm+rp3E4Bk07sAmADrOw2wI+H284Cdu+9ZAUyAPe81kIx7jXDyvqdAIu8lQmDeMyCh9xghYPdowAS43qGABUAvo4BXDHmoAs8YGgVRgAQ0IkDsC0gxxwxSbYAkwL7v3bvXBciRWxKWCg16ALL2iNfoVLW6AAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain
}

.chat-page[data-v-0e0454b3] .message-more {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 .06rem;
    align-items: center;
    justify-content: center;
    margin: .1rem 0;
    width: auto;
    height: .26rem;
    cursor: pointer;
    white-space: nowrap;
    background: var(--secBgColor, #fff);
    border-radius: 100px;
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: .13rem;
    line-height: .26rem;
    color: var(--subColor, #069b71);
    text-shadow: none
}

.chat-page[data-v-0e0454b3] .message-more .down-arrow {
    width: .08rem;
    margin-left: .04rem
}

.full-screen-chat-page .message-content[data-v-0e0454b3] {
    height: 4.32rem !important
}

.full-screen-chat-page .message-content .message-line[data-v-0e0454b3] {
    background: rgba(0, 0, 0, .3)
}

.report-dialog[data-v-0e0454b3] {
    text-shadow: none
}

.report-dialog[data-v-0e0454b3] .el-dialog {
    background: #f7faff;
    border-radius: 6px
}

.report-dialog[data-v-0e0454b3] .el-dialog__header {
    background: url(/static/image/dialog-header.ace0ed8e.png) no-repeat;
    background-size: contain;
    background-size: cover;
    height: .5rem;
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    margin-bottom: .3rem;
    border-radius: 5px 5px 0 0
}

.report-dialog[data-v-0e0454b3] .el-dialog__title {
    font-family: PingFangSC-Medium;
    font-size: .18rem;
    color: #fff;
    margin: 0
}

.report-dialog[data-v-0e0454b3] .el-dialog__headerbtn {
    background: transparent;
    height: .28rem;
    width: .28rem;
    top: .12rem;
    right: .12rem
}

.report-dialog[data-v-0e0454b3] .el-dialog__headerbtn ::v-deep .svg-icon {
    fill: #fff
}

.report-dialog[data-v-0e0454b3] .dialog-subtitle {
    text-align: start;
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #9398aa
}

.report-dialog[data-v-0e0454b3] .el-form-item__label {
    font-family: PingFangSC-Regular;
    font-size: .14rem;
    color: #000;
    line-height: .2rem;
    font-weight: 500
}

.report-dialog[data-v-0e0454b3] .el-input {
    background: #fff;
    border: 0 solid #cdd5e4;
    border-radius: 4px;
    height: .42rem
}

.report-dialog[data-v-0e0454b3] .el-input__inner {
    background: #fff;
    height: 100%;
    border-color: #dcdfe6
}

.report-dialog[data-v-0e0454b3] .el-input__inner:focus {
    border-color: #058c66
}

.report-dialog[data-v-0e0454b3] .el-input__inner:hover {
    border-color: var(--mainColor, #069b71)
}

.report-dialog[data-v-0e0454b3] .el-button[type=submit] {
    background: #069b71;
    border: 0 solid #069b71;
    border-radius: 4px;
    margin-left: 50%;
    transform: translateX(-50%);
    min-width: 1rem;
    padding: .1rem .2rem
}

.report-dialog[data-v-0e0454b3] .el-dialog__header {
    justify-content: center
}

.report-dialog[data-v-0e0454b3] .el-dialog {
    width: 30%
}

.report-dialog[data-v-0e0454b3] .el-dialog__body {
    padding: 0 .3rem .2rem
}

.report-dialog .report-content[data-v-0e0454b3] {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.report-dialog .report-content[data-v-0e0454b3] .el-radio {
    margin: 0 .1rem .1rem 0 !important
}

.report-dialog .report-content[data-v-0e0454b3] .el-radio--medium.is-bordered {
    padding: .1rem .1rem 0 .1rem
}

.report-dialog .report-content[data-v-0e0454b3] .el-radio.is-bordered.is-checked {
    border-color: var(--mainColor, #069b71)
}

.report-dialog .report-content[data-v-0e0454b3] .el-radio__input.is-checked+.el-radio__label {
    color: var(--mainColor, #069b71)
}

.report-dialog .report-content[data-v-0e0454b3] .el-radio__input.is-checked .el-radio__inner {
    border-color: var(--mainColor, #069b71);
    background-color: var(--mainColor, #069b71)
}

.report-dialog .report-footer[data-v-0e0454b3] {
    margin-top: .3rem;
    display: flex;
    justify-content: space-around
}

.report-dialog_darkGold[data-v-0e0454b3] .el-dialog {
    background: #2e2e2e !important;
    border: 1px solid #ffda90
}

.report-dialog_darkGold[data-v-0e0454b3] .el-dialog__title {
    color: #431402
}

.report-dialog_darkGold[data-v-0e0454b3] .el-dialog__header {
    background: url(/static/image/dialog-headerdarkGold.16d0422a.png) no-repeat !important
}

.report-dialog_darkGold .el-icon-close[data-v-0e0454b3]:before {
    color: #431402
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] .el-radio {
    margin: 0 .1rem .1rem 0 !important
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] .el-radio--medium.is-bordered {
    padding: .1rem .1rem 0 .1rem
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] .el-radio.is-bordered {
    border-color: #93866b !important
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] .el-radio.is-bordered.is-checked {
    border-color: #ffda90 !important
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] .el-radio__input.is-checked+.el-radio__label {
    color: #ffda90 !important
}

.report-dialog_darkGold .report-content[data-v-0e0454b3] .el-radio__input.is-checked .el-radio__inner {
    border-color: #ffda90 !important;
    background-color: #ffda90 !important
}

.report-dialog_darkGold .report-footer[data-v-0e0454b3] .el-button--default {
    background: #303030;
    border: 1px solid #ffda90;
    color: #ffda90
}

.report-dialog_darkGold .report-footer[data-v-0e0454b3] .el-button--default:hover {
    color: #93866b
}

.report-dialog_darkGold .report-footer[data-v-0e0454b3] .el-button--primary {
    background: #ffda90;
    border: 1px solid #ffda90;
    color: #431402
}

.report-dialog_darkGold .report-footer[data-v-0e0454b3] .el-button--primary:hover {
    background: #f7b93e;
    border: 1px solid #f7b93e
}

.sports-live-info[data-v-2de967e8] {
    overflow: hidden
}

.sports-live-area__toggle[data-v-2de967e8] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f7f9;
    height: .3rem;
    font-size: .12rem;
    color: #666;
    font-weight: 500;
    cursor: pointer;
    border-radius: 0 0 6px 6px
}

.sports-live-area__toggle .svg-icon[data-v-2de967e8] {
    width: .21rem;
    height: .22rem;
    margin-right: .06rem;
    fill: #666;
    transition: all 1s
}

.sports-live-area__toggle--info[data-v-2de967e8] {
    display: flex;
    align-items: center;
    transition: all 1s
}

.sports-live-area__toggle--info[data-v-2de967e8]:first-child {
    margin-right: .4rem
}

.sports-live-area__toggle--info.active[data-v-2de967e8] {
    color: #069b71
}

.sports-live-area__toggle--info.active .svg-icon[data-v-2de967e8] {
    fill: #069b71
}

.sports-live-content[data-v-2de967e8] {
    width: 100%;
    height: 4.2rem;
    background: #323232;
    margin-top: .1rem;
    position: relative;
    overflow: hidden
}

.sports-live-content.height-auto[data-v-2de967e8] {
    height: 2.1rem;
    margin: 0
}

.sports-live-content__inner[data-v-2de967e8] {
    width: 100%;
    height: 100%;
    max-height: 4.2rem;
    border: none;
    display: block
}

.sports-live-content__inner.animation-small[data-v-2de967e8] {
    width: 3.75rem;
    height: 2.1rem;
    transform: scale(.95) translateX(-.095rem)
}

.sports-live-content__loading[data-v-2de967e8] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    border-radius: 8px 8px 0 0;
    flex-direction: column
}

.sports-live-content__loading--tip[data-v-2de967e8] {
    font-family: PingFangSC-Semibold;
    font-size: .2rem;
    color: var(--mainColor, #fff)
}

.sports-live-content__loading--more[data-v-2de967e8] {
    position: relative;
    z-index: 10;
    min-width: 1rem;
    padding: 0 .04rem;
    height: .3rem;
    background: var(--mainColor, #069b71);
    border-radius: 4px;
    font-size: .16rem;
    color: var(--mainBtnColor, #fff);
    margin-top: .05rem;
    text-align: center;
    line-height: .3rem;
    cursor: pointer;
    transition: all .5s
}

.sports-live-content__loading--more[data-v-2de967e8]:hover {
    opacity: .8
}

.sports-live-content__chat[data-v-2de967e8] {
    position: absolute;
    width: 4.05rem;
    height: 1.6rem;
    overflow: hidden;
    bottom: 1.8rem;
    left: .1rem
}

.sports-live-content__toggle-btns[data-v-2de967e8] {
    position: absolute;
    right: .1rem;
    bottom: 1rem;
    display: flex;
    justify-content: space-between;
    z-index: 1
}

.sports-live-content__toggle-btns--info[data-v-2de967e8] {
    width: .99rem;
    height: .32rem;
    border-radius: 5px;
    background: #fff;
    font-size: .12rem;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.sports-live-content__toggle-btns--info.active[data-v-2de967e8] {
    color: #069b71
}

.sports-live-content__toggle-btns--info.active .svg-icon[data-v-2de967e8] {
    fill: #069b71
}

.sports-live-content__toggle-btns--info .svg-icon[data-v-2de967e8] {
    width: .21rem;
    height: .21rem;
    margin-right: .05rem;
    fill: #000
}

.sports-live-content__toggle-btns--info[data-v-2de967e8]:nth-child(2) {
    margin-left: .1rem
}

.sports-live-area[data-v-78bc678b] {
    display: flex;
    justify-content: space-between;
    height: 4.44rem
}

.sports-live-area.height-auto[data-v-78bc678b] {
    height: auto
}

.sports-live-area__main-left[data-v-78bc678b] {
    width: 7.08rem;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.sports-live-area__main-right[data-v-78bc678b] {
    width: 3.6rem;
    height: 100%;
    background: #fff;
    border-radius: 8px;
    box-sizing: border-box
}

.sports-live-area__main-right.border[data-v-78bc678b] {
    border: 1px solid #edf1f4;
    border-radius: 6px
}

.sports-live-area__main-right-top[data-v-78bc678b] {
    width: 3.4rem;
    text-align: center;
    margin: 0 auto
}

.sports-live-area__table-wrapper[data-v-78bc678b] {
    padding: .1rem .15rem 0 .25rem;
    width: 100%;
    box-sizing: border-box
}

.sports-live-area__progress[data-v-78bc678b] {
    padding: .02rem 0
}

.sports-live-area__toggle[data-v-78bc678b] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f6f7f9;
    height: .6rem;
    font-size: .16rem;
    color: #666;
    font-weight: 500;
    cursor: pointer;
    border-radius: 0 0 6px 6px
}

.sports-live-area__toggle .svg-icon[data-v-78bc678b] {
    width: .21rem;
    height: .22rem;
    margin-right: .06rem;
    fill: #666;
    transition: all 1s
}

.sports-live-area__toggle--info[data-v-78bc678b] {
    display: flex;
    align-items: center;
    transition: all 1s
}

.sports-live-area__toggle--info[data-v-78bc678b]:first-child {
    margin-right: .4rem
}

.sports-live-area__toggle--info.active[data-v-78bc678b] {
    color: #069b71
}

.sports-live-area__toggle--info.active .svg-icon[data-v-78bc678b] {
    fill: #069b71
}

.sports-live-set__option[data-v-78bc678b] {
    max-width: 3.2rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sports-live-set__option .svg-icon[data-v-78bc678b] {
    width: .14rem;
    height: .14rem;
    margin-left: .05rem;
    fill: #666
}

.sports-live-set__option--timeInfo[data-v-78bc678b] {
    display: inline-block;
    border: 1px solid #cdd5e4;
    border-radius: 2px;
    padding: .02rem .03rem;
    line-height: normal
}

.sports-live-set__option--timeInfo.processing[data-v-78bc678b] {
    color: red
}

.sports-live-set__option--title[data-v-78bc678b] {
    display: inline-block;
    max-width: 2.3rem;
    overflow: hidden;
    vertical-align: bottom
}

.sports-live-set__nav-type[data-v-78bc678b]>.el-select-group__title {
    position: relative;
    font-size: .12rem;
    color: #cf2a2a;
    display: flex;
    align-items: center
}

.sports-live-set__nav-type[data-v-78bc678b]>.el-select-group__title span {
    z-index: 2;
    background: #fff;
    padding-right: .05rem
}

.sports-live-set__nav-type[data-v-78bc678b]>.el-select-group__title:after {
    content: " ";
    width: 90%;
    height: .01rem;
    position: absolute;
    left: 5%;
    background: #cdd5e4;
    transform: scaleY(-1)
}

.el-select-dropdown__item.selected .svg-icon[data-v-78bc678b] {
    fill: #069b71
}

.sports-live-set__nav[data-v-78bc678b] {
    width: 3.4rem;
    padding: .1rem 0
}

.sports-live-set__nav[data-v-78bc678b] .el-input__inner {
    border-radius: 4px
}

.sports-live-set__nav--time[data-v-78bc678b] {
    padding: .04rem 0 .1rem 0;
    text-align: center;
    font-size: .16rem;
    color: #666;
    letter-spacing: .004rem;
    line-height: .2rem
}

.no-game-today[data-v-78bc678b] {
    text-align: center;
    padding-top: 0
}

.no-game-today .svg-icon[data-v-78bc678b] {
    width: 1.7rem;
    height: 1.3rem;
    margin-top: 1rem
}

.no-game-today .noGames[data-v-78bc678b] {
    padding: .1rem 0;
    font-size: .2rem;
    color: #333;
    letter-spacing: 0;
    margin-bottom: .46rem
}

.sports-live-set[data-v-0387dfbd] {
    width: 100%;
    display: inline-block;
    position: relative
}

.sports-live-set__header[data-v-0387dfbd] {
    display: flex;
    align-items: baseline;
    height: .6rem
}

.sports-live-set__nav[data-v-0387dfbd] {
    position: absolute !important;
    width: 3.4rem;
    height: .42rem;
    border: 1px solid #edf1f4;
    top: .1rem;
    right: .1rem;
    z-index: 10;
    border-radius: 3px
}

.sports-live-set__nav .el-input[data-v-0387dfbd] {
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    height: .4rem
}

.sports-live-set__nav .el-input__inner[data-v-0387dfbd] {
    height: .4rem;
    font-weight: 700;
    border: none;
    color: #191b22;
    padding-left: .25rem;
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    top: .1rem
}

.sports-live-set__toolbar[data-v-0387dfbd] {
    position: relative;
    border-radius: 6px
}

.sports-live-set__option[data-v-0387dfbd] {
    display: flex;
    align-items: center
}

.sports-live-set__option .svg-icon[data-v-0387dfbd] {
    margin-left: .08rem
}

#input-inner[data-v-0387dfbd] {
    text-align: center;
    font-size: .24rem
}

.more-games[data-v-0387dfbd] {
    display: inline-block;
    width: 1.1rem;
    height: .3rem;
    background: #069b71;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: .16rem;
    line-height: .3rem
}

.hot-live-main[data-v-824a6b9c] {
    position: absolute;
    top: 5.8rem;
    margin-left: calc(50% - 5.5rem)
}

.hot-live[data-v-824a6b9c] {
    justify-content: space-between;
    color: #fff;
    font-size: .16rem;
    margin-bottom: .1rem
}

.hot-live[data-v-824a6b9c],
.hot-live__left[data-v-824a6b9c] {
    display: flex;
    align-items: center
}

.hot-live__more[data-v-824a6b9c] {
    height: .3rem;
    padding: 0 .2rem;
    color: var(--mainBtnColor, #fff);
    background: var(--mainColor, #069b71);
    border-radius: 4px;
    text-align: center;
    line-height: .3rem;
    cursor: pointer
}

.hot-live__text[data-v-824a6b9c] {
    color: var(--mainColor, #fff);
    font-family: Impact;
    font-size: .36rem;
    letter-spacing: .03rem
}

.hot-live__line[data-v-824a6b9c] {
    width: .04rem;
    height: .1rem;
    background: var(--mainColor, #fff);
    margin: 0 .1rem
}

.hot-live__live[data-v-824a6b9c] {
    color: var(--mainColor, #fff)
}

.sports-live[data-v-824a6b9c] {
    height: 6.2rem;
    width: 11rem;
    z-index: 1
}

.sports-live .main-center[data-v-824a6b9c] {
    width: 11rem;
    margin: 0 auto
}

.el-tabs__nav-scroll[data-v-18e05c08] {
    background-color: #fff
}

.dashboard[data-v-18e05c08] {
    height: 26.38rem;
    background-image: url(/static/image/bj.be8defd3.png);
    background-position: 0 8.2rem
}

.dashboard .game-display-area[data-v-18e05c08] {
    margin-bottom: .7rem
}

.dashboard .popular-sports[data-v-18e05c08] {
    margin-bottom: .4rem
}

.dashboard .popular-digital-games[data-v-18e05c08] {
    margin-bottom: 1rem
}

.dashboard .intro-panel-wrapper[data-v-18e05c08],
.dashboard .prize-pool-wrapper[data-v-18e05c08] {
    margin-bottom: .7rem
}

.dashboard[data-v-18e05c08] .swiper-pagination {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 47%;
    bottom: 0;
    width: 1.3rem !important;
    z-index: 1 !important
}

.width_pro[data-v-605fdb2c] {
    width: 80%;
    margin: 0 auto
}

.df_jc[data-v-605fdb2c] {
    display: flex;
    align-items: center
}

.df_jc_sb[data-v-605fdb2c] {
    justify-content: space-between
}

.df_jc_fs[data-v-605fdb2c] {
    justify-content: flex-start
}

.app__main[data-v-605fdb2c] {
    padding: 0
}

.h_news2[data-v-605fdb2c] {
    height: .46rem;
    background: var(--maninMenuTableBgColor, linear-gradient(0deg, #197654, #105841));
    display: flex;
    justify-content: center;
    align-items: center
}

.vertical-menu[data-v-605fdb2c] {
    display: none !important
}

.home2 .banner2[data-v-605fdb2c] {
    width: 100%;
    height: 4.78rem
}

.home2 .banner2[data-v-605fdb2c] .main-banner-swiper,
.home2 .banner2[data-v-605fdb2c] .main-banner__slide-bg,
.home2 .banner2[data-v-605fdb2c] .swiper-slide {
    height: 4.78rem;
    top: 0;
    width: 100%;
    border: none
}

.home2 .banner2[data-v-605fdb2c] .main-banner-swiper .main-banner__swiper,
.home2 .banner2[data-v-605fdb2c] .main-banner__slide-bg .main-banner__swiper,
.home2 .banner2[data-v-605fdb2c] .swiper-slide .main-banner__swiper {
    height: 4.78rem;
    top: 0;
    width: 100%;
    position: static
}

.home2 .banner2[data-v-605fdb2c] .main-banner-swiper .main-banner__swiper .slide-ele,
.home2 .banner2[data-v-605fdb2c] .main-banner__slide-bg .main-banner__swiper .slide-ele,
.home2 .banner2[data-v-605fdb2c] .swiper-slide .main-banner__swiper .slide-ele {
    height: 4.78rem;
    top: 0 !important
}

.home2 .banner2[data-v-605fdb2c] .main-banner-swiper .main-banner__slide-bg,
.home2 .banner2[data-v-605fdb2c] .main-banner__slide-bg .main-banner__slide-bg,
.home2 .banner2[data-v-605fdb2c] .swiper-slide .main-banner__slide-bg {
    border-radius: 0
}

.home2 .banner2[data-v-605fdb2c] .swiper-pagination {
    margin-bottom: .1rem
}

.home2 .banner2[data-v-605fdb2c] .swiper-pagination span {
    width: .4rem;
    height: .12rem;
    background: var(--mainBgColor, #9ccbba);
    border-radius: 7px;
    border: 2px solid var(--mainColor, none) !important
}

.home2 .banner2[data-v-605fdb2c] .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--mainColor, #29b080)
}

.home2 .banner2[data-v-605fdb2c] .swiper-pagination .swiper-pagination-bullet {
    width: .4rem;
    height: .12rem
}

.home2 .banner2 .main-banner[data-v-605fdb2c] .swiper-pagination {
    top: 4.5rem !important
}

.h_banner[data-v-61724ea9] {
    height: 5.46rem;
    background: url(/static/image/banner_bg.ea601ee2.png) 50%/cover no-repeat
}

.h_banner .main-banner_darkGold_bg[data-v-61724ea9] {
    background: url(/static/image/banner_bgdarkGold.0501f4e9.png) 50%/cover no-repeat;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.h_banner .main-banner[data-v-61724ea9] {
    height: 100%;
    position: static
}

.h_banner .main-banner[data-v-61724ea9] .main-banner__slide-bg,
.h_banner .main-banner[data-v-61724ea9] .main-banner__swiper,
.h_banner .main-banner[data-v-61724ea9] .swiper-slide {
    position: static;
    width: 100%;
    height: 5.46rem !important
}

.h_banner .main-banner[data-v-61724ea9] .main-banner__slide-bg .slide-ele,
.h_banner .main-banner[data-v-61724ea9] .main-banner__swiper .slide-ele,
.h_banner .main-banner[data-v-61724ea9] .swiper-slide .slide-ele {
    height: 5.46rem;
    top: 0 !important
}

.h_banner .main-banner[data-v-61724ea9] .main-banner__slide-bg .main-banner__slide-bg,
.h_banner .main-banner[data-v-61724ea9] .main-banner__swiper .main-banner__slide-bg,
.h_banner .main-banner[data-v-61724ea9] .swiper-slide .main-banner__slide-bg {
    border-radius: 0;
    box-shadow: none
}

.h_banner .main-banner[data-v-61724ea9] .swiper-pagination {
    top: inherit !important;
    margin-bottom: .18rem
}

.h_banner .main-banner .swiper-container[data-v-61724ea9] {
    z-index: 0
}

.h_games_items[data-v-61724ea9] {
    background: #2d2d2d;
    border-top: var(mainBorder, 1px solid #27ffb1)
}

.h_news[data-v-61724ea9] {
    background: #2d2d2d;
    height: .46rem;
    line-height: .46rem;
    border-bottom: var(--mainBorder, 1px solid #27ffb1);
    font-size: .16rem
}

.h_news[data-v-61724ea9] .link_newa,
.h_news[data-v-61724ea9] .n_ {
    color: var(--mainColor, #29b080)
}

.h_news[data-v-61724ea9] .svg-icon {
    fill: var(--bgColor4, #fff)
}

.h_items[data-v-61724ea9] {
    width: 100%;
    height: 1.18rem;
    text-align: center
}

.h_items.darkGoldBg[data-v-61724ea9] {
    background: linear-gradient(0deg, #ffd577, #c69c3e)
}

.h_items.greenBg[data-v-61724ea9] {
    background: linear-gradient(0deg, #197654, #105841)
}

.h_items>img[data-v-61724ea9] {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.h_abstract[data-v-61724ea9] {
    background: #2d2d2d
}

.home[data-v-0ea331ec] {
    width: 100%
}

.home .contact-us-container[data-v-0ea331ec],
.home .game-tab-container[data-v-0ea331ec],
.home .login-box[data-v-0ea331ec] {
    position: relative;
    width: 13.5rem;
    margin: 0 auto
}

.home .crousel-container[data-v-0ea331ec] {
    width: 100%;
    height: 6.36rem;
    position: relative
}

.home .crousel-container .login-box[data-v-0ea331ec] {
    position: relative
}

.home .crousel-container .login-box .position-container[data-v-0ea331ec] {
    box-sizing: border-box;
    position: absolute;
    z-index: 99;
    right: .7rem;
    top: .96rem;
    width: 2.65rem;
    height: 3.93rem;
    animation: flipInX-data-v-0ea331ec 1s;
    padding: .35rem .22rem 0
}

.home .crousel-container .login-box .position-container .title[data-v-0ea331ec] {
    color: var(--mainColor, #069b71);
    font-size: .23rem;
    text-align: center;
    font-weight: 600
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper {
    height: 100%
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper.main-banner_darkGold_bg {
    border-radius: 0
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .main-banner__swiper {
    height: 100%;
    top: 0;
    width: 100%
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .main-banner__swiper .swiper-slide {
    width: 100%;
    height: 100%
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .main-banner__swiper .swiper-slide .slide-ele {
    width: 100%;
    height: 100%;
    top: 0
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .main-banner__swiper .swiper-slide .slide-ele .main-banner__slide-bg {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
    background-size: 100% 100%
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .swiper-pagination {
    top: 6.1rem
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .swiper-pagination span {
    border-color: var(--mainColor, #069b71) !important;
    margin-right: .1rem
}

.home .crousel-container[data-v-0ea331ec] .main-banner-swiper .swiper-pagination span:last-child {
    margin-right: 0
}

.home .tab_bg[data-v-0ea331ec] {
    position: relative;
    width: 100%
}

.home .tab_bg .tab-container[data-v-0ea331ec] {
    height: 100%
}

.home .tab_bg .tab-container-top[data-v-0ea331ec] {
    height: 2.06rem;
    background: url(/static/image/contact-bg.46ecec68.png) no-repeat;
    background-size: 100% 100%
}

.home .tab_bg .tab-container-bottom[data-v-0ea331ec] {
    height: 5.64rem
}

.home .tab_bg .tab-container-bottom .game-tab-container[data-v-0ea331ec] {
    height: 100%
}

@keyframes flipInX-data-v-0ea331ec {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.user_name[data-v-86fbbea8] {
    color: #fff;
    text-align: center;
    font-size: .22rem;
    padding-bottom: .1rem;
    margin-top: -.2rem
}

.unable_event[data-v-86fbbea8] {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.balance-btns_style[data-v-86fbbea8] {
    border-radius: 0;
    margin-left: 0 !important;
    border-color: #fafafa !important;
    background-color: #1f9a80;
    min-width: .76rem !important
}

.balance-btns_style[data-v-86fbbea8]:first-child {
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.balance-btns_style[data-v-86fbbea8]:nth-child(3) {
    border-radius: 0 4px 4px 0;
    border-left: 0
}

.balance-btns_style[data-v-86fbbea8]:nth-child(3) span {
    white-space: break-spaces
}

@keyframes service-data-v-86fbbea8 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.main-menu-header .main-menu-header_vip[data-v-86fbbea8] {
    color: var(--mainColor, #fff);
    font-size: .18rem;
    font-style: italic
}

.main-menu-header .main-menu-header_vip span[data-v-86fbbea8] {
    font-size: .2rem
}

.main-menu-header__card[data-v-86fbbea8] {
    text-align: center
}

.main-menu-header__avatar[data-v-86fbbea8] {
    padding-bottom: .3rem
}

.main-menu-header__avatar-inner[data-v-86fbbea8] {
    margin: .35rem 0 .32rem 0;
    margin-top: -.5rem;
    border: 2px solid var(--mainColor, #fff)
}

.main-menu-header__vipContainer[data-v-86fbbea8] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .1rem;
    cursor: pointer
}

.main-menu-header__name[data-v-86fbbea8] {
    color: var(--mainColor, #fff);
    padding-left: .1rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.main-menu-header__tip[data-v-86fbbea8] {
    color: #a7c3db;
    font-size: .12rem;
    margin-bottom: .2rem
}

.main-menu-header__service[data-v-86fbbea8] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 .1rem;
    cursor: pointer
}

.main-menu-header__service:hover .main-menu-header__service_tooltip[data-v-86fbbea8] {
    display: block;
    opacity: 1;
    z-index: 666
}

.main-menu-header__service:first-child .main-menu-header__service_tooltip .main-menu-header__service--animation[data-v-86fbbea8]:before {
    left: .56rem
}

.main-menu-header__service:nth-child(2) .main-menu-header__service_tooltip .main-menu-header__service--animation[data-v-86fbbea8]:before {
    left: .92rem
}

.main-menu-header__service:nth-child(3) .main-menu-header__service_tooltip .main-menu-header__service--animation[data-v-86fbbea8]:before {
    left: 1.28rem
}

.main-menu-header__service:nth-child(4) .main-menu-header__service_tooltip .main-menu-header__service--animation[data-v-86fbbea8]:before {
    left: 1.64rem
}

.main-menu-header__service:nth-child(5) .main-menu-header__service_tooltip .main-menu-header__service--animation[data-v-86fbbea8]:before {
    left: 2rem
}

.main-menu-header__service_tooltip[data-v-86fbbea8] {
    display: none;
    position: absolute;
    top: .15rem;
    left: -.29rem;
    width: 3.7rem;
    padding-top: .2rem
}

.main-menu-header__service--animation[data-v-86fbbea8] {
    padding: .14rem .2rem;
    background: red;
    animation: service-data-v-86fbbea8 1s;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    border-radius: 8px;
    font-size: .12rem;
    color: var(--mainColor, #fff)
}

.main-menu-header__service--animation[data-v-86fbbea8]:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    border: 10px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .7)
}

.main-menu-header__service--animation .router-link-active[data-v-86fbbea8],
.main-menu-header__service--animation .text-white[data-v-86fbbea8] {
    color: var(--mainColor, #fff);
    border-bottom: 1px dotted var(--mainColor, #fff)
}

.main-menu-header__service_main[data-v-86fbbea8] {
    position: relative
}

.main-menu-header__service_main .svg-icon[data-v-86fbbea8] {
    fill: var(--mainColor, #fff)
}

.main-menu-header__service_tip[data-v-86fbbea8] {
    position: absolute;
    bottom: -.02rem;
    right: -.04rem;
    width: .14rem;
    height: .14rem;
    line-height: .12rem;
    z-index: 1
}

.main-menu-header__service_tip .svg-icon[data-v-86fbbea8] {
    overflow: hidden;
    width: .1rem;
    height: .1rem;
    border-radius: 10px
}

.main-menu-header__bottom[data-v-86fbbea8] {
    border-top: 1px dashed var(--subColor, hsla(0, 0%, 100%, .3));
    padding-top: .3rem;
    margin: 0 .3rem .3rem
}

.main-menu-header__balance[data-v-86fbbea8] {
    color: #a7c3db;
    margin-bottom: .18rem
}

.main-menu-header__balance-title[data-v-86fbbea8] {
    font-size: .16rem;
    color: var(--mainColor, #fff);
    margin-bottom: .1rem
}

.main-menu-header__balance-main[data-v-86fbbea8] {
    padding-top: .1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.main-menu-header__balance-main .svg-icon[data-v-86fbbea8] {
    fill: var(--mainColor, #fff)
}

.main-menu-header__money[data-v-86fbbea8] {
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: var(--mainColor, #fff);
    font-size: .2rem;
    margin: 0 .1rem;
    font-weight: 400
}

.main-menu-header__money .svg-icon[data-v-86fbbea8] {
    fill: #fff
}

.main-menu-header__balance-btns[data-v-86fbbea8] {
    display: flex;
    justify-content: center
}

.main-menu-header__balance-btns .el-button[data-v-86fbbea8] {
    flex: 1 0 0;
    min-width: auto;
    padding: .08rem 0;
    color: var(--mainColor, #fff);
    border-color: var(--mainColor, #fff) !important;
    background: var(--bgColor4, #1f9a80)
}

.main-menu-header__balance-btns .el-button[data-v-86fbbea8]:focus {
    background: rgba(0, 0, 0, .1);
    color: var(--mainColor, #fff)
}

.main-menu-header__balance-btns .el-button+.el-button[data-v-86fbbea8] {
    margin-left: .06rem
}

.menu-tooltip-fixed[data-v-86fbbea8] {
    left: .3rem
}

.customer-serivce[data-v-0a993c12] {
    cursor: pointer
}

.customer-serivce[data-v-0a993c12] .contact-customer {
    min-width: 1.08rem;
    height: .36rem;
    padding: 0 .08rem;
    line-height: .36rem;
    font-weight: 700
}

.customer-serivce.show-disable[data-v-0a993c12] {
    cursor: not-allowed;
    pointer-events: none
}

.main-menu {
    background: var(--mainBgColor, #f9f9f9)
}

.main-menu .darkGold {
    background: url(/static/image/header_backgrounddarkGold.23084dbe.jpg) top no-repeat;
    background-size: cover
}

.main-menu .default {
    background: url(/static/image/header_background.718104d7.jpg) top no-repeat;
    background-size: cover
}

.main-menu .main-menu__banner {
    height: 3rem;
    margin-bottom: -1.2rem
}

.main-menu>.main-menu__inner {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 85%;
    max-width: 14.95rem;
    padding-bottom: .4rem;
    border-radius: 6px
}

.main-menu>.main-menu__inner>.main-menu__left {
    width: 2.6rem;
    height: 8.5rem;
    background: url(/static/image/nav_backgroud.10c617cf.jpg) no-repeat;
    background-size: 100% 100%;
    border-radius: 6px 0 0 6px
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list {
    width: 100%;
    padding-inline-start: 0
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item {
    list-style: none;
    position: relative
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item .item .el-badge__content {
    margin-left: .08rem;
    background: red;
    color: #fff;
    vertical-align: baseline
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    width: 90%;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item .main-menu-list__link {
    color: var(--mainColor, #fff);
    display: flex !important;
    align-items: center;
    width: 2.6rem;
    height: .52rem;
    line-height: .52rem;
    display: inline-block;
    box-sizing: border-box;
    padding-left: .37rem
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item .main-menu-list__link .main-menu-list__icon_svg {
    width: .24rem;
    height: .24rem;
    margin-right: .2rem
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item .main-menu-list__link.active {
    background: var(--activeBg, #fff);
    color: #333
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list .main-menu-list__item .main-menu-list__link:hover {
    background: rgba(0, 0, 0, .1);
    color: var(--mainColor, #fff)
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list :global(.main-menu-list__welfare-item) a {
    position: relative
}

.main-menu>.main-menu__inner>.main-menu__left .main-menu-list :global(.main-menu-list__welfare-item) a img {
    position: absolute;
    top: .17rem;
    right: .24rem;
    width: .35rem;
    height: .19rem
}

.main-menu>.main-menu__inner>.main-menu__left .login-wrap-footer__custom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.1rem;
    margin-top: .4rem;
    padding-top: .2rem;
    border-top: 1px dashed hsla(0, 0%, 100%, .1);
    text-align: center
}

.main-menu>.main-menu__inner>.main-menu__left .login-wrap-footer__custom img {
    width: .12rem;
    height: .12rem
}

.main-menu>.main-menu__inner>.main-menu__left .login-wrap-footer__custom span {
    display: inline-block;
    margin-left: .1rem;
    font-size: .12rem;
    color: var(--mainColor, #fff) !important
}

.main-menu>.main-menu__inner>.main-menu__left .customer-item {
    display: flex;
    justify-content: center
}

.main-menu>.main-menu__inner>.main-menu__main {
    flex: 1;
    padding: .2rem .2rem 0;
    background: var(--secBgColor, #fff);
    border-radius: 0 6px 6px 0;
    /* max-width: 8.88rem; */
    overflow: hidden
}

.main-menu .darkGold_menu_left {
    background: url(/static/image/nav_backgrouddarkGold.4431b07b.png) no-repeat !important
}

.red-packet-popup[data-v-d75997e4] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--popHoverBg, rgba(0, 0, 0, .7))
}

.red-packet-popup .red-packet-bg[data-v-d75997e4] {
    width: 4.62rem;
    height: 7.64rem;
    position: relative
}

.red-packet-popup .red-packet-bg.open-red-packet-bg[data-v-d75997e4] {
    background: url(/static/image/hongbao_1.e6d76c1b.png) no-repeat;
    background-size: 100% 100%
}

.red-packet-popup .red-packet-bg.no-red-packet-bg[data-v-d75997e4] {
    background: url(/static/image/hongbao_2.0cfb7127.png) no-repeat;
    background-size: 100% 100%
}

.red-packet-popup .red-packet-bg .close-box[data-v-d75997e4] {
    width: .45rem;
    height: .45rem;
    position: absolute;
    bottom: -.6rem;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid var(--mainColor, #fff);
    border-radius: 50%;
    cursor: pointer
}

.red-packet-popup .red-packet-bg .close-box[data-v-d75997e4]:after,
.red-packet-popup .red-packet-bg .close-box[data-v-d75997e4]:before {
    content: "";
    display: block;
    width: .02rem;
    height: 60%;
    border-radius: 1px;
    background-color: var(--mainColor, #fff);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.red-packet-popup .red-packet-bg .close-box[data-v-d75997e4]:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.red-packet-popup .red-packet-bg .no-open[data-v-d75997e4] {
    padding: 0 .3rem
}

.red-packet-popup .red-packet-bg .no-open .red-packet-title[data-v-d75997e4] {
    font-size: .35rem;
    text-align: center;
    line-height: .45rem;
    color: #f3c68b;
    margin-top: .5rem
}

.red-packet-popup .red-packet-bg .no-open .red-packet-title.open-title[data-v-d75997e4] {
    color: #f93c00
}

.red-packet-popup .red-packet-bg .no-open .red-packet-content[data-v-d75997e4] {
    text-align: center;
    font-size: .24rem;
    color: #000;
    line-height: .3rem;
    margin-top: .3rem
}

.red-packet-popup .red-packet-bg .no-open .red-packet-content span[data-v-d75997e4] {
    color: #f93c00
}

.red-packet-popup .red-packet-bg .no-open .red-packet-open[data-v-d75997e4] {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    background: linear-gradient(#f4c58a, #edce97);
    background-size: contain;
    color: #62544a;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    font-size: .5rem;
    font-weight: 400;
    box-shadow: 0 .06rem .06rem #e44e3c
}

.red-packet-popup .red-packet-bg .no-open .red-packet-open.animation[data-v-d75997e4] {
    transform-style: preserve-3d;
    animation: rotate-data-v-d75997e4 1s linear infinite
}

@keyframes rotate-data-v-d75997e4 {
    0% {
        transform: translateX(-50%) translateZ(.03rem) rotateY(0deg)
    }

    to {
        transform: translateX(-50%) translateZ(.03rem) rotateY(1turn)
    }
}

.red-packet-popup .red-packet-bg .no-open .red-packet-date[data-v-d75997e4] {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: .1rem .25rem;
    box-sizing: border-box;
    color: var(--navIco, #fff);
    text-align: center;
    font-size: .2rem;
    position: absolute;
    bottom: .6rem;
    left: 0
}

.handsel-red-packet .red-packet-number[data-v-b92a8d22] {
    position: fixed;
    bottom: 30%;
    right: .5rem;
    z-index: 1000;
    width: .83rem;
    height: 1.09rem
}

.handsel-red-packet .red-packet-number .red-packet-bg[data-v-b92a8d22] {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background-position: 50%;
    cursor: pointer
}

.unable_event[data-v-11b3dff4] {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.float-position[data-v-11b3dff4] {
    width: 2rem;
    height: auto;
    box-sizing: border-box;
    position: fixed;
    z-index: 999
}

.float-position.webLeft[data-v-11b3dff4] {
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    top: 1.8rem
}

.float-position.webRight[data-v-11b3dff4] {
    right: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    top: 1.8rem
}

.float-position.webFloat[data-v-11b3dff4] {
    width: 1.2rem;
    height: 3.8rem;
    right: calc(50% - 6.95rem);
    bottom: calc(50% - 3.1rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.float-position .float-wrap[data-v-11b3dff4] {
    width: 100%;
    position: relative
}

.float-position .float-list[data-v-11b3dff4] {
    overflow-y: auto;
    max-height: 6.2rem;
    width: 100%
}

.float-position .float-list[data-v-11b3dff4]::-webkit-scrollbar {
    width: .02rem
}

.float-position .float-list .float-item[data-v-11b3dff4] {
    margin-bottom: 0
}

.float-position .float-list .float-item img[data-v-11b3dff4] {
    border-radius: 0
}

.float-position .float-item[data-v-11b3dff4] {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: .15rem;
    position: relative
}

.float-position .float-item[data-v-11b3dff4]:last-child {
    margin-bottom: 0
}

.float-position .float-item a[data-v-11b3dff4] {
    display: block
}

.float-position .float-item img[data-v-11b3dff4] {
    width: 100%;
    display: block;
    object-fit: cover
}

.float-position .close-icon[data-v-11b3dff4] {
    width: .22rem;
    height: .22rem;
    position: absolute;
    background: url(/static/image/img.21abed5f.png) no-repeat 50%;
    background-size: cover;
    z-index: 100;
    cursor: pointer
}

.float-position .close-icon.float-right[data-v-11b3dff4] {
    right: -.18rem;
    top: -.18rem
}

.float-position .close-icon.float-couplet[data-v-11b3dff4] {
    bottom: -.22rem;
    left: .99rem
}

.float-position .close-icon_darkGold[data-v-11b3dff4] {
    width: .22rem;
    height: .22rem;
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABwBAMAAAA0zul4AAAAHlBMVEVHcEz/2pD/2pD/2pD/2pD/2pD/2pD/2pD/2pD/2pA11oJSAAAACXRSTlMA58SJUxkua6dVVguSAAADgklEQVRYw61ZO28TQRD285ySRBjFnSME5DoLAYk7IyQQnQ0SdYKRkDsrQYjrQqBxeWfL9v1btLOP28fs3mbwNonPO/ftvL6ZHTca+Pp2e392fHxyfvG+8YDVfXdWqnXyahorN9fEQPRNlFjysnTW06t6uc6qRNZ+UiuXlugqaiR7g9Kz8mVQvwovP/9zcXt5X72oCOk5lrtOf4htyYff8tnaL/dWiv3Un36Xoo99cm2x4YXl8e6N+GLkiRehIOLuuVBzGjhojobJfOA/rDjoa/w4n/2H5RZ97jPAV59lj8KGk5rcOc9XAe012+1xDUehsMK3jGsOqg5radkDT9RkXQI+MYP9I3v0pC7nrtmujaE4e1deyy3uthZ7Vb+eHmZs39AyTR5BZgCpmacTpaHSsmKRpvkxREls5yPjpOs4zjW2JrbKgQVmvNI+5JE8D+aRIJnt1tBiobIT/w/iTyqOp1nqKlYwqTzQireptOtQnbofLzhTFknrMtjN5wIMzA49jRdU+9sYk4TWSpyQ2WZrfvXFPEBimnwhrLNwvNgenBqBPTArnEQaOzySmW/KLKP3hPtSO1BZOBbuPvt79mfvxsZQB7Q2rACq40Q42LswiHPvxPkEvLFFyFlPHWvDAvzRMrigStZCA7RopQnvbSIlKK0gs9JN1iPAWjje0CExQHi4FZr6IDFAYc8My2IJiQKCv3bMhLkbyAISBQSuWTNvFh4WLDolztQp82yKJxVApjggB/MItlTzN/EIDjxMJfvIDc5XuVew5QdUgruGHxJl+CwoCLWvXIYE14FO6lnjoTr2RIc99Ql63MGDxsPxIT/2VFM/9QjiIacAUUgAw4OcA954IMEuaFqJtIC67ULytEITWebhDIXkiYxRh8pDHJJTB0ZWVeKjkJysEHrUEh+F5PSIELLONBgkJ2S3BPCud6M1RFYZ5PZ0iw70PcrSALlDio5b5hIjDwFyj5VBp7AmZuLPbEFZMN1SnhpaM4ANVsrd5uHajKVPVhskkdx2pXtpXgV//UXbFXKDRG7J6E0gue0kN7rk1prezJOvD+QLC/mKRL+Uka+B/OIZ4crEunjSr7rkyzUntn4U4MYdR1AGCOSRhZjKRAxJ7g41lhHvqx0EjQ43epJ9RnjYtTzkeI0+0COPEOlDS/qYlD6YJY+C6cNn+ribPmCnj/T/40eEqJ8t/gGQc43Khyh8ggAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: cover;
    z-index: 100
}

.float-menu__inner[data-v-11b3dff4] {
    transition: all .3s ease-out
}

.float-menu__open[data-v-11b3dff4] {
    height: 3rem
}

.float-menu__close[data-v-11b3dff4] {
    height: 0;
    overflow: hidden
}

.float-menu__close-menu[data-v-11b3dff4] {
    position: absolute;
    bottom: 30%;
    width: 80%;
    background: #069b71;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    cursor: pointer
}

.float-menu__close-menu img[data-v-11b3dff4] {
    display: block;
    width: .12rem;
    height: .12rem;
    margin: .21rem auto 0
}

.float-menu-close[data-v-11b3dff4] {
    padding-top: 0;
    overflow: hidden
}

.returnTop[data-v-11b3dff4] {
    position: absolute;
    bottom: 2rem
}

.sidebar[data-v-95934502] {
    position: absolute;
    right: .05rem;
    top: 1.45rem;
    z-index: 999;
    transition: all 1s
}

.sidebar .sidebar-list[data-v-95934502] {
    margin: 0;
    padding: 0
}

.sidebar .sidebar-list .sidebar-item[data-v-95934502] {
    list-style: none;
    border-radius: 10px;
    width: .76rem;
    height: .76rem;
    cursor: pointer;
    color: var(--mainColor, #069b71);
    text-align: center;
    margin-bottom: .1rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    padding: .08rem 0;
    box-sizing: border-box;
    position: relative;
    background-color: var(--subBgColor, rgba(3, 51, 37, .7));
    background-size: 100% 100% !important
}

.sidebar .sidebar-list .sidebar-item .sidebar-item-title[data-v-95934502] {
    margin: 0;
    line-height: .14rem
}

.sidebar .sidebar-list .sidebar-item .download-hover[data-v-95934502] {
    display: none;
    margin: 0;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: .91rem;
    padding: .2rem .28rem .05rem;
    background-color: var(--mainBgColor, #030705);
    border-radius: 6px;
    border: var(--mainBorder, 1px solid #069b71)
}

.sidebar .sidebar-list .sidebar-item .download-hover .code[data-v-95934502] {
    padding: .05rem;
    background-color: #fff;
    border-radius: 6px
}

.sidebar .sidebar-list .sidebar-item .download-hover[data-v-95934502]:after {
    content: "";
    display: block;
    position: absolute;
    right: -.2rem;
    top: .25rem;
    border: .08rem solid transparent;
    border-left: .12rem solid var(--mainColor, #069b71)
}

.sidebar .sidebar-list .sidebar-item .download-hover[data-v-95934502]:before {
    content: "";
    display: block;
    width: .18rem;
    height: 100%;
    position: absolute;
    right: -.18rem;
    top: 0
}

.sidebar .sidebar-list .sidebar-item .download-hover p[data-v-95934502] {
    color: var(--mainColor, #069b71);
    margin: 0;
    font-size: .14rem;
    line-height: .45rem
}

.sidebar .sidebar-list .sidebar-item.sidebar-item[data-v-95934502]:first-child {
    background: url(/static/image/sidebar-service.d7e52d40.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-item[data-v-95934502]:nth-child(2) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAARVBMVEVHcEwo/68FGBEIKh4m/7En/7Mk/7Yn/7Et/7Qn/7EJLyEHJhsGHxYn/7EOnn8arokU8L4NvJpk6Y8MZU8hgFsP2rBJnl1rY4YRAAAACnRSTlMAIP//eh4VyAiPfeCltQAAAvBJREFUWMPtmNtiqyAQRS2ktQEcasD8/6ceZoZrNOYifTrdg8htlhtN+8AwoD5P43RA4+lzSPo+T+CkeFvGwXT+ZtbXaJU4KG3HL/I1etFBfkRvZyu6yJ7Du59UH5icPoYTiE6C0zC6XjA3DpPsBZPTMIlu+q9ghkqs6uYzf5i81kSYiSOpKk1/3ZPLy+ONnFWU1MJKXy/7ctkHZ7Ez7hmRgyr5gHW5CtNEdGbyzqp4C9aOpBu+sg1d7CUXv4alXUWI83tyylp7oWKtb1MNwriHJVy4eE9euSTvRZPKsNTByzep11WxMv0CjXIlDW8mbrNcDsDmuCk0pPLHDzDR4FbOAgzAU9mWMlGydmaSs0YIc7QDBcldY9PxozytKxLbMAvh3YbLEYE5AIkFrph0beoGLCTHr4WYGbimu2VnNIn9RzDtwgdzETtDDMLFrvf0BSCv23U2hzRr59tAEt48SBSEsUcw6TAjKjeqPvACmvJbME0b5AE/78u60i7ONBV2prmHEWBwX8FQBfMpiVkE0wmHtZ/BGCE2/nPjT0kHwrwssUAiVc50cRZgC5Tn3YYxy+IjKlwQITpmx3dWIqx19wXL7JcslyzFRwWY1jUMwqKfVFYXEub0a/GUyQVDI8zkoUCHn5+FAsvGtahm501hZ6UvAmxfjpcnQ3VhZyy6P4SphMoyqSZn6SFYuwesRWZCzCjAuM3qMa76T7sOUPq+VrBmA0/K3IUd0G/C5DsMuYJJipcxMYkbtTNZO5PPGZK6MhFgMgmHa930dVXnWR0bNIwwnaNq6pKSuym/GUiZmmH5ia2xV8TZ1Tb1e5RsUtaw4/qDHYGpfFdlmjuqLFCynq6lGKZyjkoZqnTyVKqq6TpCic6wrVbOmpVrZ6reUHSmuglhslOo7s5UTWfJZrBM5VY9nBb/hrM/2Guw0fViuXE4QS8YnPAwrtcuP/GYsA8LjwmH77HLRoEOMOlo9bgvPlqNh76HvmM59A36OHoc/UGYf9dryekCvhiYAAAAAElFTkSuQmCC) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-item[data-v-95934502]:nth-child(3) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMBAMAAAA1uUwYAAAAMFBMVEVHcEwW47Am/7Et/7Qn/7Ek/7YFGBIIKx4GHxYHJRsJMCIg+rZt8JAWsIsejmgPZ1BULm4mAAAABnRSTlMA8IQIHhXzJvwsAAADO0lEQVRIx7WWQWvUQBTHh9YvsEJBXGzrWSj1G3jvyS8RIyLeOiTF6zihSG8mgyD00oS0S1kp2hr0E1ShHsTWplIPsj1sZS9lhab43pskO7uLyV763zQz773f+79ZStMwxm7cbSYVat98wEDT9/4sWxV6fPV2EbCHR1aNns8ANmvV6nSRTX2rx57Os6XleuzRDluwJtAvNjcJ1mO3zXBrv9AXYeZX2Dsz3B/ot5l/cq3YeaHjCsw+flVsL6vc0o1i1zUw2wZMCEvYWtbnDVFiAgtYswS47VqwiNJNSBsvK0M3QTXbFuBGNkIr3YBg68K2ZHZhl7LEKrhBj8zjNIL7Jc7LLoSQ1A13ONuuBAmp1Y0gv9UHNutLaVMO7+BmGwI3IVt9OF0GrCi1qt1kbtmNoLnVlzC0X44YdRMS3CRiUv7fTUr4CnLt7GV0LiSebcjNDBFLs6ufshITgFlZmvZlrZt81pjDs3WqsRP4CmvfvTos2d6Oe7uVbgqwZtJOkluyO4Z5ZeTh2Wgz7hYEXqEXB5HnYZvndTueoVW2J2VQDr0TBTIIAiWD004w7GY0yUYkld6ddpAv9JrtKVyhqJTyGpGCFdqDXkdhQwBZjeEOi5BUjZPiD/DgDHMBMlAGzKNd7tZowqcNV/vQw9zAjczQDVrhgZw002YbdBggoPTcYmiuNlCf1Do8v5uHRrpwK0J8wO+pN/iLMDE1jKkCS+qxj/76JBhOrMb8H4P/QX9HMMcIac+dwT5vB8w3pBwfyw4uZnqFvTfNsaa4r4g3ZoAb59xxOPdh9X2HxB3u0wUbErg5BBHAy9kw1ueDqYD5Q26cHAChZC4HMG0MBYL1SAwRzEfg0PIAFSJsIJ9G0KcKm9DtGjCXrgosdFGcrlw6D1iIzbrIQ0pSYswtRNEoUBjjbVSb7AM5w49O0OrmobaEgNx0yuVxfhwNlp1hjG5xqSJbjC3zMWHUoPMuXC5GGnD1cfOzYYPOUges+Xydzd0wTZPILSTLYhwmY3fobFjNbaEcGvkRrKRHtMnm4lE7d7yvxxbieoVf2dIEWLzDpo7qqdY8m56tx+AVlN2vtWvN6Nfjakq/Hte9bCf4sv0PnKQ3qVwBWw0AAAAASUVORK5CYII=) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-item[data-v-95934502]:nth-child(4) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAQlBMVEVHcEwo/68JLiEHJxwm/7En/7Mk/7Yn/7Et/7Qn/7EFFxEGHBQGIRgn/7EQo4MMTzwV9cJv744Nw58QgWVGqGg1vYKLCXctAAAACnRSTlMAIP//eh4V0AiPb9VXfQAAAyxJREFUWMPtmO16gyAMhV3SzlUQrNT7v9UlgSC01rmWH/uxo5OPhJcT2j3bY9exzqe+H19W35/OnerrMgaPw8tCH8bLV2R99g4GM7wjA67/FF99GN6XCT17u7ihidyFzn6EJiyD40d3amSMrJ263reC+b7roRUMxm40rWCGYEMzNYeZ9PWX1sSetjFmqut+nOfVmcmUl3+xDMOMIZKKev52PaSbl3XJJ9/yaUZKusL1sG6lDRNhlYCTkq7X5fZclOjrtfcwG3KKhYfsSl6s7Tq7LUvOXpawAxuW5SdYWBabkgm2OgN4oN3u99qAOdT1Kwxoj5A20bBxP8NchnnnEgwdS5Zi0Ekb3AFYrizDCBuCjGzIk8btwyx9zZzLZ6brmDAgj7gXkvNhG2bTpSZsBD84A/YdYlBq8KlrIqN0JkTZO5KjM54zcmY+siRouQQ6XWsKIwSzlvP5KQuRd5SRwCTCk8HrPpJLtgOkaGosw4yMjc6Dm2UJndns9QToj4/lD9SCBx6jBFNU28qZPClLnFFPOzFK88GGmbciwSy0B2eVcJ5jNudrj+Xm2RFrTnHjqePrtQ+wMEtt0dmajcKyBCLns020sA8bKBWT+SIbIku8aoaRqV1nK8wWMJ8WOinTaeoBGKTKyjpCUOikCXjA2aQw66dpPRSMfoG+cOp8ng7AcAOGZYux2YRhcRFs0myCeavzuV2pVHG9VpxhUUyYJuejiu6WaFuuWDAo50AweqKKetMvBJgWW7kFhsmoBGA+zPK5xCiG5ZF0AEufO6Kv7ZpoH51VBJvnt68inPLvzix39009UXLWRv+wvwaDNy6G1TOYf/6aM8B0/5rFMKAOyIPvNQgJzJ3YxgfGtPInLRAY6CgSVFhE7ubqVKUxDFdWfT2t6Mn0Wma5abGk3hv1PLDKTSrKLFJW+H2ZehhVnXWZ9ZmsnrBOr4wWubWzampXu2mpzPrQqnXPNsLiJNJdwn5cvxXFJ87e1j/sFVjvG6HQN4SB77uTawVzp+48NrLmx3PXXZZGxi7xBWYTlrzA7D775e1K/RJfrcpLX/pP+A2Sd/mlL+nj3dfRH4L5BsRHq1wbVNVaAAAAAElFTkSuQmCC) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-item[data-v-95934502]:last-child {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAUVBMVEVHcEwo/68o/7IFFxEm/7En/7Mk/7Yn/7Et/7Qn/7EILB8IKBwJMCIGHRUHIxkn/7EOooVKyoRp7ZANr5ENwp8msYEW88ANVkIPf2Ulnm8P1Ku25aymAAAACnRSTlMAIIH/eB4VyAiPifKHHAAAAvFJREFUWMPtmO1ysyAQhW1NagPLSqoGzP1f6LvLl2A0Hw1/3pkeDcqy+3CgznSGpmEdD13/hrrDsYn6PvWzke2vhWbuT9+e9dVNon1Tcuq+nK/OthVkO/Z2mtoqmk60972oA5P9R/M5t5U0fzadqQUzXdPD7kznTe1+Q9A3vdoeUvPPts47Ba0i2N5EP3vaXco2zM19/hVMcbEKl2/4twc7Y0r2mek9OFOFJx6y03lPs1mtIb5GZ4Ux1ZqyfIIVThRF0aRzloX4VgjnqbgM0ZceN1hsTmj401ipVTiR7DwlhVAQD8xqQw629msp26gEs0BRk7oajRu/XemGM9VqrY1SMz30DIKW7f2C4ciklbJa2z1nGzBwFaRiwPG1UOZ5mMpheZGPvA4zCkNpqmpDgGAvLNPlogqlvH25L1q5zKIPYbzRVsRiu4aB9vvwHIzqBi4Y3G3SFEOIUGPU0zBpB5Z2N/BHQUYMs0J0a8cCDG8uthEFDm0UpIh1a8SnnPksiLz4iHhyiW7CtQEHyyIu6BtEMwyju7MH2XJZeOsMGeYrcQFhmAntOIx8xx8/NKbJMJaFxsEw2orBQEYxJg3xBVJivhrfOFggqPWLMuNaJpt6mT603hmqwnPq0OcwXke642WyhDRrchNgO1JK2OEaNWrAzUmj7sOcjONpa+SjzMcw8gDkCh+innJG3sgZYh1Yay6Xq8Razl6Fyf1NkUCwh1kBljLkxgUkdsZP2M3yV3Qms0llagWMl1xa4D1rBJN3ZC+lzL1k6WC7vgVcS2fy3irlA2ev6Q/238LEbZ9gopoYJitdorqzP9gf7A4MyjCsglCmwKqFBQYhsFyhK7JA2cuGlyGGuX9i1KEehDGIk/oR/yJinu8vnlyAYwxLRbFgecaxDJJBYZWdO0sFhaE9Z9m2xMEEq6HKsM7UYpmuOcy1YPOhOVZbZ3/kY8I6LD4mbL67Kgud3QEmH62+SxImHK2GQ9+3/o7LoS/p493j6A+H+QdBNQbe6M209AAAAABJRU5ErkJggg==) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-itemdarkGold[data-v-95934502]:first-child {
    background: url(/static/image/sidebar-servicedarkGold.6bfa3c59.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-itemdarkGold[data-v-95934502]:nth-child(2) {
    background: url(/static/image/sidebar-topUpdarkGold.cf8f4069.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-itemdarkGold[data-v-95934502]:nth-child(3) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAANlBMVEVHcEz/2Ho0LBouJxf/1Xf/0nz/13b813rexWuZg0YeGQ4nIRMWEgoQDQfHp1CbilJ+bDhJQCW1UONXAAAACnRSTlMAF///hAgf/vnwdc7X8gAAA1hJREFUWMPVmO2WoyAMhh1xSxZQ4P5vdgkJEFB2e1r+bKB8JOHhRTsdj9uG9jpAf2FwvLZivw7tozk/NhO9Pn4R6we8Pb804+EnwyCcC+w3oLbDn0vMH+naa7sGZvVrmbAsDeIqWIRtfsp4wd28m6U7qzc9izqA68Hmt94lWGq7UrrzGeb7NFkyDKmllsTTuUdWUiZzu4owWv6wEYSbeTwmJ4z5CHNkHBYDAONGC+kO5JwGbDXfAHLXlBqDfVTgPN7Otm1XXVNWPNRgj7DBTk/KZF4zARNLeKM7zBXYWduzYR9hJVZh+xWLMu3dfMFbsAihKPsYpmOB6S9ghmE7T+4wMyZXmLmV7MvK8phgGMiwmjGMEGacrC2KMJqzMkPKSkar3NMxO1F1SLD0bbAmjeDCRDrmPbcoM32oxhCGg5D+RnW4tEdfghkjs2RBmONoTeKKMBzE9F8WdMghn5luXEOVlYmIiGVlyWL6hQ00JGWSIFZnGIclCo2UXWl1vBI2XAXm6grZugYzRsR4owwDiFHFPab/CE3ZkM3GsMHbKWNLv7sC5p6Qo7I7DM1WX6/MPCr7B8wsgMFnMEtHsV0lmKUJFYLZSUWYbdM+BoqvVr1mNv3Syqwun5SVqZVcVOZvBuBrcp+NC0iZNQ9Fw+PDhrGTgrBZzOLjAeRy+fw9o+E03xZYrWJYnzWCtXt71rAyp5sgzNrHoK3PGpgQrkaebN6U5U9pqethUJXJnG5hUdb8pqaBEBPhrkzkUiuOeTP5SAUdbLCyuFfWm79K4QPmEqf5f4UN25vJAT6BvWEZpnLlrh+RqVyoLxOZx1OEKelRYsQT1REbVqRRZWXvFm6U3KmVBFNqulhxy2aV9N7TEZYD9dPN7G2n1qlxWYbVHW9UoazvpMi2jI45mlVPhIE3jK0aYHbIfVpUp7a7lEqpibIP7X+E7W849ztsfyzvOIdpgrFf1eCu2qws2ikHe3YyYRe0Atuztybs7FBiVBaSUzVKNYQ1r3qj7L0ydVNW93/DhLTRsrKWsdetp1VuO4QY9pGpibI1thoWV7Gi3iCsggXYDr8K5o/tteqcUb+27bjWwK4DX6zCkoP6/AIz0S4+aRSfMogT/+C8+NVqfukbvrhyMbSXvuteR/8B5SO7sHb6QE8AAAAASUVORK5CYII=) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-itemdarkGold[data-v-95934502]:nth-child(4) {
    background: url(/static/image/sidebar-discountsdarkGold.edda7989.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item.sidebar-itemdarkGold[data-v-95934502]:last-child {
    background: url(/static/image/sidebar-wealdarkGold.21eb4c53.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item[data-v-95934502]:hover {
    color: var(--subColor, #0a543f)
}

.sidebar .sidebar-list .sidebar-item:hover .download-hover[data-v-95934502] {
    display: block
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-item[data-v-95934502]:first-child {
    background: url(/static/image/sidebar-service-hover.e0f6ec67.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-item[data-v-95934502]:nth-child(2) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAP1BMVEVHcExH8ss/6sM34bon/7Em/7EHqYQn/7Eo/7Yn/7Ex17ETtpEfxJ4pz6gn/7EMRTEKNycHJxwRdVoOUjsLjW1iIKKxAAAACnRSTlMA////Hnr/0A2PnwkQTQAAA0dJREFUWMPlmIuy4iAMhlvU9sjFVsr7P+tCICRcrB7bndmZ/YNck4+Al3E6DEHX2zw/vtY8364D6uf+UO6Q1OP+k1izdm46JOf0HGmziigHJTUfFmwmp4B21y6hjiWn7/7uHwXmd0zu7R7X4aa+jy/mnLoN89eIRvMwH70sds7h8d/AlDcq1EINA4XdoodryQFhE8fhOrlOE1Gncm8WS5lxy42zKOqR6kCA1SyFHbvty0VfjIqw0IMXrqT2DWuzinZXE8IKisLWwxYqy1YXDwN39GeZddS5J8uwi1VFaIBVpOaqXbz+2DgXKLGEY3LchMck1kKCi4mRBJjyb7W1VRpNZnaptBXNspD7VMGm97BaE7uQHkyrVPzLxvPBwd7AQmaaBafMcELHzBz4uT7M8c9ZTCAFZ1g2u6yL9QH+fhffXdeltI3dQ4BpigUYG/tj+ojwCfAfhgiqymI3eCv9YLU8EGGwgdZQW3DSqVej/MtacNzCpjEGg1NmWiegSogVQY18ZnD7W8qMBRMMZdd9LczB6nwgfRZM78F2fnTCG7A+11ieH8A2rc0L0/q5Bli0F5kZKrbej8sEGLKewdNo3FqbAFPF5t5350+dDbAsRymHSoXMiqMw365W+jpZ756ioILMDEjH5h3smdyLoNgogGk2+wlMGwphHUWZmW8yK9TCpnd3Zt7CJE5IM9ld6eQtc0AFkzJM+jraniQ3mSNhCDDJSeAhJXbioGhNZRLrCOOiRUTwEENYHhFLhvEsGt8XqmMCTMuTpJtjHlDM7PJr606GzHTXZ58WS+5Hi7C8yhyLqHKVMYu1BCsUF2lw4ePGNa5BxWCvAsrQ7NZx72X2tf4CTPieoCL4oFxga+0SZibEhVuNFkTasQAzokLBOBc2/YZmQmYYmJVRxWw56AgzKxElAbOtDiAw29waBvs0gZfqwcQ/BBu9QUXWzrU+tWFmIw9OpZkcexuyIcDGyisXQU3P6mGE+c5IFaHYgNbYvODrIsHGFjeOZdviSoUpD5uNGFsH0el1PFji8AYk2HEJMw83czkHdjG34QqXdoLM4zoMdyPPYElzh4ehZ9AuJj4O/ZmluYiDKDn/5Ie+4X/c9zImP/Q973H0HyxyxD+8xx2fAAAAAElFTkSuQmCC) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-item[data-v-95934502]:nth-child(3) {
    background: url(/static/image/sidebar-download-hover.7aaac2e7.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-item[data-v-95934502]:nth-child(4) {
    background: url(/static/image/sidebar-discounts-hover.6c71173b.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-item[data-v-95934502]:last-child {
    background: url(/static/image/sidebar-weal-hover.c5b6107c.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-itemdarkGold[data-v-95934502]:first-child {
    background: url(/static/image/sidebar-service-hoverdarkGold.5e508fc8.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-itemdarkGold[data-v-95934502]:nth-child(2) {
    background: url(/static/image/sidebar-topUp-hoverdarkGold.795ee37b.png) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-itemdarkGold[data-v-95934502]:nth-child(3) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAQlBMVEVHcEz/3m3/12X9wUv/1Hr/13j/1nP/1Xf/1Xf/13r+yVT9u0T+0V3/1XehcyuuhjljTyIuIg7eoDrdrkzjwFxFNRZUOTFVAAAACnRSTlMA////HSAfyIQNRoPHdwAAA2JJREFUWMPdmOuWqyAMhb10RgcpUJH3f9UDhIREaTtT/XUCxSA7Hxunq7OWXZfie57uJ2KavzuMn/nurTkR1t/nH2DdJm/seiqM8dMtw6bVrOtyKiJunZK32ZuTKKD5OR7yfgEr4cz9Kxqz18BstDZdw0q0qXt+yrX1dbGvzvkCZoxrhP0Q5lwovQ7OvIONS+q7GLMxINQhmJZWOMs0atCjs+MjS85QI9tYYIAauSoNxsUZxFLGxTrDFAKLMLkPduNWUZWICXawJp1l3YImcNWEslJPnmFVzj5LheG9hZ1qMcHXI5YrOGugRg6rQQ8qOYOJJw04a0YTRuHAWdI5exZmCObPw9zfYP4VTLnPnKlGK85yCrCUJphqN3CWS+qnjEoVmI1e4tfXGHLGVKxyLbDILXYUjLklWLyuzsW/pgFL5KwOUEDOGIBrIiyna0g/P1bRMQ8nTF2tBFPsdlnMsJxEWrAgssHsbO2fWUEpxWnozERLPvmyJgoSrIhzAZWp0TNnuFojw9LoRx/DhQxzisQMGgfujEnYMdMY8OefYLttYVphrQCYDIPOjvEG9jiu2Cthf3KmmzC6qxswvYNpaorl4TGqchMuGo6pRcMK5gykUuUex/91LsOIzVMOIwYOOjweAYOyh6uqdCnaOGSY9VozR3WIsBLOURpcFSieorOU5g8s4YVgLir5pKpKmjt3hrvUD9WnbSyD1c1ZqrbibB8glLDAYEKGWXXGVzCeHlP6Qt7GYPo5LD71sIM1wttXMPNoxfoSZp7B2jG8dTY0GnQ2K4mc1lWE8WotCw59KCNTQ/kGsMKnXgbepAmEsgVyJqsJiHS6W3VMQduDs42qGEAQaqJJREAs9AijNSHmFJ5ooTg4E6GHX4YWWt+EfRjblbBPnfUvnfWp71uuEVNKW2qEYWnPtsWSod6mlb4KSNw/dcb9SF9MIm+hszTt+/ZZ+3Z6mPYclkGA7FEojVSX7YawjOnrdqKXpTJSgnvTjJwJRi3GhYEJ+oETajIwGCMMArKHt4zmEM6aMTTmQ1u0c/Y73rP4Faz/L2BT/B9wBSv+BE3pldd2jTE/d7f7Ndbib+Oty9ZO04ZsrOt+Jm/9SdwWEfkFZnq1aiPuRMT6rbxahZe+p6K+9E3mTr2Onqb5K2P+Aabgt5bWrRe7AAAAAElFTkSuQmCC) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-itemdarkGold[data-v-95934502]:nth-child(4) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAANlBMVEX/0nz+ylX9wkz/1Xf/2Gb9vEX+0l7/1Xf/13j/3m2qhDg5KxJeSiDdr0yqcSbdoDqGaSzjwFyb85+eAAAACXRSTlMB////////phvsZ0/rAAADaklEQVRYw+2Y2ZajIBCGA0FMQCK+/8tObRSFmpnuNhdzzkypCLV89WOWC283tMc83y/YPD9uavO9pNcFS+U+C+oxl1daL9nrVUTcvL7WdbpkgFtJG+i6iGJaAdrj/gEW4l73BwhLn4ElkDZ/hoW0+fahXdI+/8N+CvNXSX7yDebtUdIXrVA+D3AJzPvmRl+tyxctDSIaDOcekX4qwKpii87ODGgr1TFLYeJBS3WhNVjB3u9thV69zsDYgWNalpZd6h42DauKsC7EKGsGsLZpgTGhTAemwqT3G9hBWUm1pr28NMLW38JWhU3wuDOXTqmu/hvK/OEDSPgJLxkTa5dbz5QVmDk48ARY9p6nZcmJp9hhohV+cSbPyQhz3rfKIjDn1bfCfmROMJpBB/hi5QIsiaKzIr2pcAbWj5oxH+OsjEWAExaw1eocE0DtYlkjzNAS9UYYu/D5LMkRiwEQXJaiElxX5mjZAoXaO96moxhdzCprofVKQSujwTxn0wi/krw2amqpcBILf5EV19uSmcZK4KbKnJSAvkWEOW3OYfymOfgkskBWmJSOMtvslvreZJucTywHA7TI3Cu3rjtlXmFVUlUZ2casjXaaM6eTq9uJMk01ymi6SDTrY/geLCvMpdpc8qiuwPTh4L9H/AMswkEDPzNaMiwOp3BoxjANNlh06kUYV0SCxSNOGhPMBAiWSjQ5CZ5wYYNpLe+t8ldDi0VZh8Xo8jdsi3EHA2VIkYt+J1+0EkUAnQpTp0REpulr3RyLvYCuktoza9aQPfdgQnAjqsNOKMeFeweWmYFdt78fFiKcNKCFqPMQeyTEnnBSELoyrTClQ41ZaxvyaALDtu4NXYxxDEyKB4aGaJIEFkwxnpYVhqEvjvNNYMIIPT8EM0YZd2erkrsqkzohjsDYuwxteiIjt77NYJT1+WEWRjXWaZQNoR/ZNmzzr4Q96bB3Mzz3N80wCVZZI4V216HP7dkPTWiwHgDbp5r8PWA4BKbrIchDu9ri/MChwYaK8NxjTZ9+G1MHZS2gFw96k3tbGZQWqzKLe3Zc39vT7DqcN+owa+F5tPDWo5LPYT+0fwg2pxI+wYL/sxlfeW2fEVbm2+P+GWnwR/u4kbTLtEDC6KVjKhdxWxEWvlpNgLtiKW363hdf+l6y/tL3c6+jfwFNqZJqo3USrwAAAABJRU5ErkJggg==) no-repeat
}

.sidebar .sidebar-list .sidebar-item:hover.sidebar-itemdarkGold[data-v-95934502]:last-child {
    background: url(/static/image/sidebar-weal-hoverdarkGold.cbdb7174.png) no-repeat
}

.bottom-sidebar .bottom-left-sidebar[data-v-193f34cb],
.bottom-sidebar .bottom-right-sidebar[data-v-193f34cb] {
    position: fixed;
    bottom: .2rem;
    width: 1.88rem;
    height: 1.74rem;
    z-index: 999;
    cursor: pointer
}

.bottom-sidebar .bottom-left-sidebar i.colse-icon[data-v-193f34cb],
.bottom-sidebar .bottom-right-sidebar i.colse-icon[data-v-193f34cb] {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: -.13rem;
    right: -.125rem;
    z-index: 9;
    width: .24rem;
    height: .24rem;
    line-height: .24rem;
    text-align: center;
    font-size: .14rem;
    font-weight: 400;
    border-radius: 50%;
    overflow: hidden;
    color: var(--elTabNomalColor, #fff);
    font-style: normal;
    cursor: pointer;
    box-shadow: inset 0 0 .24rem var(--mainColor, #069b71)
}

.bottom-sidebar .bottom-left-sidebar i.colse-icon[data-v-193f34cb]:after,
.bottom-sidebar .bottom-right-sidebar i.colse-icon[data-v-193f34cb]:after {
    content: "X";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bottom-sidebar .bottom-left-sidebar i.colse-icon[data-v-193f34cb]:hover,
.bottom-sidebar .bottom-right-sidebar i.colse-icon[data-v-193f34cb]:hover {
    background-color: var(--elTabNomalColor, #fff);
    color: var(--mainColor, #069b71);
    font-weight: 700;
    transform: scale(1.15);
    box-shadow: 0 0 .04rem var(--mainColor, #069b71), 0 0 .08rem var(--mainColor, #069b71), 0 0 .16rem var(--mainColor, #069b71), 0 0 .32rem var(--mainColor, #069b71)
}

.bottom-sidebar .bottom-left-sidebar:hover i.colse-icon[data-v-193f34cb],
.bottom-sidebar .bottom-right-sidebar:hover i.colse-icon[data-v-193f34cb] {
    display: block
}

.bottom-sidebar .bottom-left-sidebar[data-v-193f34cb] {
    left: .2rem
}

.bottom-sidebar .bottom-left-sidebar i.colse-icon[data-v-193f34cb] {
    left: -.13rem
}

.bottom-sidebar .bottom-right-sidebar[data-v-193f34cb] {
    right: .2rem
}

.bottom-sidebar[data-v-193f34cb] .carousel .swiper-container .swiper-wrapper {
    height: 1.54rem
}

.bottom-sidebar[data-v-193f34cb] .carousel .swiper-container .sidebar-swiper-pagination {
    width: 100%;
    height: .2rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.bottom-sidebar[data-v-193f34cb] .carousel .swiper-container .sidebar-swiper-pagination .swiper-pagination-bullet {
    background-color: var(--mainColor, #069b71);
    opacity: .3
}

.bottom-sidebar[data-v-193f34cb] .carousel .swiper-container .sidebar-swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--mainColor, #069b71);
    opacity: 1
}

.unable_event[data-v-999061b6] {
    pointer-events: none;
    cursor: default;
    opacity: .6
}

.vertical-menu[data-v-999061b6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .3rem;
    height: 100%;
    background: #000;
    padding: .1rem 0 0;
    box-sizing: border-box;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000
}

.vertical-menu__inner[data-v-999061b6] {
    transition: all .3s ease-out
}

.vertical-menu__open[data-v-999061b6] {
    height: 3rem
}

.vertical-menu__close[data-v-999061b6] {
    height: 0;
    overflow: hidden
}

.vertical-menu__cell[data-v-999061b6] {
    position: relative;
    padding: .02rem 0;
    margin-top: .03rem;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    cursor: pointer
}

.vertical-menu__cell[data-v-999061b6]:after {
    content: "";
    width: .33rem;
    height: .02rem;
    background-color: hsla(0, 0%, 100%, .1);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.vertical-menu__cell:hover .vertical-menu__cell-hover[data-v-999061b6] {
    opacity: 1;
    visibility: visible
}

.vertical-menu__cell[data-v-999061b6]:hover {
    background: var(--mainBtnColor, #069b71)
}

.vertical-menu__cell-icon[data-v-999061b6] {
    width: 80%;
    height: .35rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.vertical-menu__cell-icon .svg-icon[data-v-999061b6] {
    width: 76%;
    margin: 0 auto;
    fill: var(--mainColor, #fff)
}

.vertical-menu__cell-icon img[data-v-999061b6] {
    width: 76%
}

.vertical-menu__cell-name[data-v-999061b6] {
    font-size: .12rem;
    color: #fff;
    font-weight: 200
}

.vertical-menu__cell-hover[data-v-999061b6] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    right: .2rem;
    width: 1.69rem;
    padding-right: .25rem;
    transition: all .3s ease-out
}

.vertical-menu__cell-hover[data-v-999061b6]:hover:after {
    border-left: 12px solid var(--mainColor, #069b71);
    right: .11rem
}

.vertical-menu__cell-hover[data-v-999061b6]:after,
.vertical-menu__cell-hover[data-v-999061b6]:hover:after {
    position: absolute;
    content: "";
    display: block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.vertical-menu__cell-hover[data-v-999061b6]:after {
    border-left: 12px solid rgba(0, 0, 0, .7);
    right: .13rem;
    top: .18rem
}

.vertical-menu__cell-hover_content[data-v-999061b6] {
    background: rgba(0, 0, 0, .7);
    border-radius: 6px;
    overflow: hidden
}

.vertical-menu__cell-hover_content_gold[data-v-999061b6] {
    background: rgba(0, 0, 0, .7);
    border-radius: 3px;
    overflow: hidden
}

.vertical-menu__cell_link[data-v-999061b6] {
    display: block;
    width: 100%;
    height: .4rem;
    text-align: center;
    line-height: .4rem;
    color: #fff;
    font-size: .16rem
}

.vertical-menu__cell_link[data-v-999061b6]:hover {
    background: var(--popHoverBg, #069b71);
    border: var(--mainBorder, none);
    color: var(--mainColor, #fff)
}

.vertical-menu__qrcode[data-v-999061b6] {
    padding: .22rem .29rem .15rem .29rem;
    border: var(--mainBorder, none);
    border-radius: 6px;
    background: rgba(0, 0, 0, .7)
}

.vertical-menu__qrcode_box[data-v-999061b6] {
    width: 1.02rem;
    height: 1.02rem;
    padding: .05rem;
    border-radius: 6px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.vertical-menu__qrcode_box img[data-v-999061b6] {
    display: block;
    width: 1.02rem;
    height: 1.02rem
}

.vertical-menu__qrcode_code[data-v-999061b6] {
    width: .9rem;
    height: .9rem
}

.vertical-menu__qrcode_code[data-v-999061b6] canvas {
    width: 100%;
    height: 100%
}

.vertical-menu__qrcode_detaile[data-v-999061b6] {
    color: var(--mainColor, #fff);
    font-size: .14rem;
    text-align: center;
    line-height: .14rem;
    margin-top: .15rem
}

.vertical-menu__close-menu[data-v-999061b6] {
    position: absolute;
    bottom: 30%;
    width: 80%;
    background: #069b71;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    cursor: pointer
}

.vertical-menu__close-menu img[data-v-999061b6] {
    display: block;
    width: .12rem;
    height: .12rem;
    margin: .21rem auto 0
}

.vertical-menu-close[data-v-999061b6] {
    padding-top: 0;
    overflow: hidden
}

.vertical-menu__cell-hover[data-v-999061b6]:after {
    top: .13rem
}

.returnTop[data-v-999061b6] {
    position: absolute;
    bottom: 2rem
}

.customer-service-container[data-v-633d52db] {
    position: relative
}

.main-theme-set {
    top: calc(50% - .25rem);
    border: var(--mainBorder, 1px solid #069b71);
    width: auto;
    height: auto;
    position: fixed;
    z-index: 2;
    left: -.01rem
}

.main-theme-set .theme-set {
    display: flex;
    width: auto;
    height: auto;
    justify-content: center;
    align-items: center;
    padding: .12rem;
    border-bottom: 1px solid var(--navDrawDown, #2b4235);
    background: var(--subBgColor, #212121);
    box-sizing: border-box;
    transition: .3s;
    font-size: .16rem
}

.main-theme-set .theme-set .item-0 {
    background: green;
    color: #fff;
    border-radius: 6px 0 0 6px
}

.main-theme-set .theme-set .item-1 {
    background: #fccd32;
    color: #411402;
    border-radius: 0 6px 6px 0
}

.main-theme-set .theme-set div {
    padding: .04rem .08rem;
    cursor: pointer;
    box-sizing: border-box
}

.main-theme-set .theme-set div:not(.callout):hover {
    font-size: .18rem;
    font-weight: 700
}

.main-theme-set .theme-set div:not(.callout).actives {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none
}

.main-theme-set .theme-set .svg-icon-right {
    stroke: var(--mainColor, green);
    transition: .3s
}

.main-theme-set .theme-set .revert {
    transform: rotate(180deg)
}

.main-theme-set .scenes-item.scenes-item {
    padding: .12rem;
    background: var(--subBgColor, #212121);
    color: var(--mainColor, #2a8c63);
    cursor: pointer;
    border-bottom: 1px solid var(--navDrawDown, #2b4235);
    text-align: center
}

.main-theme-set .scenes-item.scenes-item.actives,
.main-theme-set .scenes-item.scenes-item:hover:not(.actives) {
    background: var(--mainColor, #6ae3b7);
    color: var(--mainBtnColor, #015b3e)
}

.main-theme-set .scenes-item.scenes-item.actives {
    opacity: .5;
    pointer-events: none;
    cursor: not-allowed
}

.main-theme-set .no-height {
    height: 0;
    overflow: hidden
}

.leave-set {
    left: -1.78rem
}

.app {
    width: 100%;
    margin: 0 auto
}

.app__main {
    padding: .4rem 0 0;
    box-sizing: border-box
}

.app__footer {
    padding: 0
}

.app .activity-paddingTop {
    padding-top: .8rem
}

.app__main.webScenes4,
.app__main.webScenes4 .animated .digital_iframe,
.app__main.webScenes4 .animated .ticket__iframe-wrapper {
    padding-top: 1.5rem
}

.app__main.webScenes4 .animated .kenBurns .container .row.clearfix {
    padding-top: .4rem
}

.app__main.webScenes4 .animated .kenBurns .container .row.clearfix .option_content {
    top: 28%
}

.app__main.webScenes3,
.app__main.webScenes3 .animated .digital_iframe,
.app__main.webScenes3 .animated .ticket__iframe-wrapper {
    padding-top: 1.95rem
}

.app__main.webScenes3 .animated .kenBurns .container .row.clearfix {
    padding-top: .85rem
}

.app__main.webScenes3 .animated .kenBurns .container .row.clearfix .option_content {
    top: 28%
}

.app__main.webScenes2,
.app__main.webScenes2 .animated .digital_iframe,
.app__main.webScenes2 .animated .ticket__iframe-wrapper {
    padding-top: 1.58rem
}

.app__main.webScenes2 .animated .kenBurns .container .row.clearfix {
    padding-top: .48rem
}

.app__main.webScenes2 .animated .kenBurns .container .row.clearfix .option_content {
    top: 28%
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration: calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -.3rem, 0) scaleY(1.1);
        transform: translate3d(0, -.3rem, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -.15rem, 0) scaleY(1.05);
        transform: translate3d(0, -.15rem, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -.04rem, 0) scaleY(1.02);
        transform: translate3d(0, -.04rem, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -.3rem, 0) scaleY(1.1);
        transform: translate3d(0, -.3rem, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -.15rem, 0) scaleY(1.05);
        transform: translate3d(0, -.15rem, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -.04rem, 0) scaleY(1.02);
        transform: translate3d(0, -.04rem, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-.1rem, 0, 0);
        transform: translate3d(-.1rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(.1rem, 0, 0);
        transform: translate3d(.1rem, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-.1rem, 0, 0);
        transform: translate3d(-.1rem, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(.1rem, 0, 0);
        transform: translate3d(.1rem, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -.1rem, 0);
        transform: translate3d(0, -.1rem, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, .1rem, 0);
        transform: translate3d(0, .1rem, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -.1rem, 0);
        transform: translate3d(0, -.1rem, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, .1rem, 0);
        transform: translate3d(0, .1rem, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-.06rem) rotateY(-9deg);
        transform: translateX(-.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(.05rem) rotateY(7deg);
        transform: translateX(.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-.03rem) rotateY(-5deg);
        transform: translateX(-.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(.02rem) rotateY(3deg);
        transform: translateX(.02rem) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-.06rem) rotateY(-9deg);
        transform: translateX(-.06rem) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(.05rem) rotateY(7deg);
        transform: translateX(.05rem) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-.03rem) rotateY(-5deg);
        transform: translateX(-.03rem) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(.02rem) rotateY(3deg);
        transform: translateX(.02rem) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-12rem) scale(.7);
        transform: translateY(-12rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

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

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-12rem) scale(.7);
        transform: translateY(-12rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

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

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-20rem) scale(.7);
        transform: translateX(-20rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

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

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-20rem) scale(.7);
        transform: translateX(-20rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

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

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(20rem) scale(.7);
        transform: translateX(20rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

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

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(20rem) scale(.7);
        transform: translateX(20rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

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

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(12rem) scale(.7);
        transform: translateY(12rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

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

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(12rem) scale(.7);
        transform: translateY(12rem) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

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

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(7rem) scale(.7);
        transform: translateY(7rem) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(7rem) scale(.7);
        transform: translateY(7rem) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-20rem) scale(.7);
        transform: translateX(-20rem) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-20rem) scale(.7);
        transform: translateX(-20rem) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(20rem) scale(.7);
        transform: translateX(20rem) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(20rem) scale(.7);
        transform: translateX(20rem) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-7rem) scale(.7);
        transform: translateY(-7rem) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-7rem) scale(.7);
        transform: translateY(-7rem) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

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

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30rem, 0) scaleY(3);
        transform: translate3d(0, -30rem, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, .25rem, 0) scaleY(.9);
        transform: translate3d(0, .25rem, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.95);
        transform: translate3d(0, -.1rem, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, .05rem, 0) scaleY(.985);
        transform: translate3d(0, .05rem, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30rem, 0) scaleY(3);
        transform: translate3d(0, -30rem, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, .25rem, 0) scaleY(.9);
        transform: translate3d(0, .25rem, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.95);
        transform: translate3d(0, -.1rem, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, .05rem, 0) scaleY(.985);
        transform: translate3d(0, .05rem, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem, 0, 0) scaleX(3);
        transform: translate3d(-30rem, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(.25rem, 0, 0) scaleX(1);
        transform: translate3d(.25rem, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-.1rem, 0, 0) scaleX(.98);
        transform: translate3d(-.1rem, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(.05rem, 0, 0) scaleX(.995);
        transform: translate3d(.05rem, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-30rem, 0, 0) scaleX(3);
        transform: translate3d(-30rem, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(.25rem, 0, 0) scaleX(1);
        transform: translate3d(.25rem, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-.1rem, 0, 0) scaleX(.98);
        transform: translate3d(-.1rem, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(.05rem, 0, 0) scaleX(.995);
        transform: translate3d(.05rem, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem, 0, 0) scaleX(3);
        transform: translate3d(30rem, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-.25rem, 0, 0) scaleX(1);
        transform: translate3d(-.25rem, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(.1rem, 0, 0) scaleX(.98);
        transform: translate3d(.1rem, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-.05rem, 0, 0) scaleX(.995);
        transform: translate3d(-.05rem, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(30rem, 0, 0) scaleX(3);
        transform: translate3d(30rem, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-.25rem, 0, 0) scaleX(1);
        transform: translate3d(-.25rem, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(.1rem, 0, 0) scaleX(.98);
        transform: translate3d(.1rem, 0, 0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-.05rem, 0, 0) scaleX(.995);
        transform: translate3d(-.05rem, 0, 0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30rem, 0) scaleY(5);
        transform: translate3d(0, 30rem, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
        transform: translate3d(0, -.2rem, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, .1rem, 0) scaleY(.95);
        transform: translate3d(0, .1rem, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -.05rem, 0) scaleY(.985);
        transform: translate3d(0, -.05rem, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30rem, 0) scaleY(5);
        transform: translate3d(0, 30rem, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
        transform: translate3d(0, -.2rem, 0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0, .1rem, 0) scaleY(.95);
        transform: translate3d(0, .1rem, 0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0, -.05rem, 0) scaleY(.985);
        transform: translate3d(0, -.05rem, 0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, .1rem, 0) scaleY(.985);
        transform: translate3d(0, .1rem, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
        transform: translate3d(0, -.2rem, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0) scaleY(3);
        transform: translate3d(0, 20rem, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, .1rem, 0) scaleY(.985);
        transform: translate3d(0, .1rem, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -.2rem, 0) scaleY(.9);
        transform: translate3d(0, -.2rem, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0) scaleY(3);
        transform: translate3d(0, 20rem, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(.2rem, 0, 0) scaleX(.9);
        transform: translate3d(.2rem, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0) scaleX(2);
        transform: translate3d(-20rem, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(.2rem, 0, 0) scaleX(.9);
        transform: translate3d(.2rem, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0) scaleX(2);
        transform: translate3d(-20rem, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-.2rem, 0, 0) scaleX(.9);
        transform: translate3d(-.2rem, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0) scaleX(2);
        transform: translate3d(20rem, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-.2rem, 0, 0) scaleX(.9);
        transform: translate3d(-.2rem, 0, 0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0) scaleX(2);
        transform: translate3d(20rem, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.985);
        transform: translate3d(0, -.1rem, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, .2rem, 0) scaleY(.9);
        transform: translate3d(0, .2rem, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0) scaleY(3);
        transform: translate3d(0, -20rem, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -.1rem, 0) scaleY(.985);
        transform: translate3d(0, -.1rem, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, .2rem, 0) scaleY(.9);
        transform: translate3d(0, .2rem, 0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0) scaleY(3);
        transform: translate3d(0, -20rem, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

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

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }

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

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }

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

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }

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

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }

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

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

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

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }

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

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }

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

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }

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

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }

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

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

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

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

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

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

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

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

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

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

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

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

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

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

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

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

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

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20rem, 0);
        transform: translate3d(0, 20rem, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-20rem, 0, 0);
        transform: translate3d(-20rem, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(20rem, 0, 0);
        transform: translate3d(20rem, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20rem, 0);
        transform: translate3d(0, -20rem, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
        transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
        transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        transform: perspective(4rem) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(4rem) rotateX(10deg);
        transform: perspective(4rem) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateX(-5deg);
        transform: perspective(4rem) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(4rem) rotateY(-20deg);
        transform: perspective(4rem) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(4rem) rotateY(10deg);
        transform: perspective(4rem) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(4rem) rotateY(-5deg);
        transform: perspective(4rem) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateX(-20deg);
        transform: perspective(4rem) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateX(90deg);
        transform: perspective(4rem) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(4rem);
        transform: perspective(4rem)
    }

    30% {
        -webkit-transform: perspective(4rem) rotateY(-15deg);
        transform: perspective(4rem) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(4rem) rotateY(90deg);
        transform: perspective(4rem) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration: calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

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

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

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

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

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

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

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

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

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

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

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

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

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

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

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

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

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

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

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

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 7rem, 0);
        transform: translate3d(0, 7rem, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 7rem, 0);
        transform: translate3d(0, 7rem, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

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

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

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

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(10rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-.1rem, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 10rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -.6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 20rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-20rem, 0, 0);
        transform: scale(.1) translate3d(-20rem, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-20rem, 0, 0);
        transform: scale(.1) translate3d(-20rem, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(20rem, 0, 0);
        transform: scale(.1) translate3d(20rem, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-.42rem, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(20rem, 0, 0);
        transform: scale(.1) translate3d(20rem, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, .6rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -20rem, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

div.main-menu__main_darkGold .el-table__row {
    background-color: #2e2e2e !important
}

div.main-menu__main_darkGold .animated .el-table__body>tbody>tr:last-child>td {
    border-bottom: 2px solid hsla(0, 0%, 100%, .1) !important
}

div.main-menu__main_darkGold .animated .el-table__row>td:first-child {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

div.main-menu__main_darkGold .animated .el-table__row>td:last-child {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

div.main-menu__main_darkGold .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #343434
}

div.main-menu__main_darkGold .el-table {
    color: #fee5c4
}

div.main-menu__main_darkGold a,
div.main-menu__main_darkGold a:hover {
    color: #ffda90
}

div.main-menu__main_darkGold .el-table td,
div.main-menu__main_darkGold .el-table th.is-leaf {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

div.main-menu__main_darkGold .el-table td:nth-child(0),
div.main-menu__main_darkGold .el-table th.is-leaf:nth-child(0) {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

div.main-menu__main_darkGold .el-table td:nth-child(end),
div.main-menu__main_darkGold .el-table th.is-leaf:nth-child(end) {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

div.main-menu__main_darkGold .el-table__empty-block {
    background-color: #2e2e2e
}

div.main-menu__main_darkGold .el-table__empty-text {
    color: #fed477
}

div.main-menu__main_darkGold .el-table th,
div.main-menu__main_darkGold .el-table tr {
    background-color: #fed477
}

div.main-menu__main_darkGold .el-table thead {
    color: #411402
}

div.main-menu__main_darkGold .custom-button-group {
    margin-bottom: .1rem
}

div.main-menu__main_darkGold .custom-button__inner {
    background-color: #2e2e2e
}

div.main-menu__main_darkGold .custom-button__inner:hover {
    color: #ffda90
}

div.main-menu__main_darkGold .custom-button__inner {
    color: #fed477
}

div.main-menu__main_darkGold .custom-button__orig-radio:checked+.custom-button__inner {
    color: #411402;
    background-color: #ffda90;
    border-color: #ffda90;
    box-shadow: -.01rem 0 0 0 #ffda90
}

div.main-menu__main_darkGold .el-table--border:after,
div.main-menu__main_darkGold .el-table--group:after,
div.main-menu__main_darkGold .el-table:before {
    background-color: #222
}

.active-navbar_darkGold .custom-button__orig-radio:checked+.custom-button__inner {
    color: #411402;
    background-color: #ffda90;
    border-color: #ffda90;
    box-shadow: -.01rem 0 0 0 #ffda90
}

.user-bet__search_darkGold .el-button {
    color: var(--mainBtnColor, #fff);
    background-color: var(--mainColor, #069b71);
    border-color: var(--mainColor, #069b71)
}

.user-bet__search_darkGold .el-button:focus,
.user-bet__search_darkGold .el-button:hover {
    background: var(--btnHoverColor, #38af8d);
    border-color: var(--btnHoverColor, #38af8d)
}

.user-bet__search_darkGold .el-button:active {
    background: var(--mainBgColor, #058c66);
    border-color: var(--mainColor, #058c66);
    color: #fff
}

.active-item__main_darkGold .el-button--primary,
.button-register .el-button--primary,
.forget-wp .el-button--primary,
.main-container-main__btn-group .el-button--primary,
.main-container-main__item--submit .el-button--primary,
.main-containerwrap__btns_darkGold .el-button--primary,
.main-menu__main_darkGold .el-button--primary {
    color: var(--mainBtnColor, #fff);
    background-color: var(--mainColor, #069b71);
    border-color: var(--mainColor, #069b71)
}

.active-item__main_darkGold .el-button--primary:focus,
.active-item__main_darkGold .el-button--primary:hover,
.button-register .el-button--primary:focus,
.button-register .el-button--primary:hover,
.forget-wp .el-button--primary:focus,
.forget-wp .el-button--primary:hover,
.main-container-main__btn-group .el-button--primary:focus,
.main-container-main__btn-group .el-button--primary:hover,
.main-container-main__item--submit .el-button--primary:focus,
.main-container-main__item--submit .el-button--primary:hover,
.main-containerwrap__btns_darkGold .el-button--primary:focus,
.main-containerwrap__btns_darkGold .el-button--primary:hover,
.main-menu__main_darkGold .el-button--primary:focus,
.main-menu__main_darkGold .el-button--primary:hover {
    background: var(--btnHoverColor, #38af8d);
    border-color: var(--btnHoverColor, #38af8d)
}

.active-item__main_darkGold .el-button--primary:active,
.button-register .el-button--primary:active,
.forget-wp .el-button--primary:active,
.main-container-main__btn-group .el-button--primary:active,
.main-container-main__item--submit .el-button--primary:active,
.main-containerwrap__btns_darkGold .el-button--primary:active,
.main-menu__main_darkGold .el-button--primary:active {
    background: var(--mainBgColor, #058c66);
    border-color: var(--mainColor, #058c66);
    color: #fff
}

.header__top-wrapper .svg-icon {
    /* fill: var(--mainColor, #fff) !important */
}

.gold-input .el-input__inner,
.loginWrap_darkGold .el-input__inner,
.main-menu__main_darkGold .el-input__inner,
.regist-wrap_darkGold .el-input__inner,
.withdraw__amount__gold .el-input__inner {
    background: var(--subBgColor, #fff);
    border-color: var(--mainColor, #dcdfe6) !important;
    color: var(--mainColor, #3f4042)
}

.gold-input .el-input__inner::placeholder,
.loginWrap_darkGold .el-input__inner::placeholder,
.main-menu__main_darkGold .el-input__inner::placeholder,
.regist-wrap_darkGold .el-input__inner::placeholder,
.withdraw__amount__gold .el-input__inner::placeholder {
    color: #93866b !important
}

.gold-input .el-input__inner:focus,
.loginWrap_darkGold .el-input__inner:focus,
.main-menu__main_darkGold .el-input__inner:focus,
.regist-wrap_darkGold .el-input__inner:focus,
.withdraw__amount__gold .el-input__inner:focus {
    border-color: var(--mainColor, #058c66)
}

.gold-input .el-input__inner:hover,
.loginWrap_darkGold .el-input__inner:hover,
.main-menu__main_darkGold .el-input__inner:hover,
.regist-wrap_darkGold .el-input__inner:hover,
.withdraw__amount__gold .el-input__inner:hover {
    border-color: var(--mainColor, #c0c4cc)
}

.el-button--primary {
    color: #fff;
    background-color: #069b71;
    border-color: #069b71
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: #38af8d;
    border-color: #38af8d
}

.el-button--primary:active {
    background: #058c66;
    border-color: #058c66;
    color: #fff
}

.el-input__inner:focus {
    border-color: #058c66
}

.el-radio-button__inner,
.el-radio-button__inner:hover {
    color: var(--mainColor, #606266)
}

.el-input__inner {
    background: var(--mainBgColor, #fff);
    border-color: var(--mainColor, #dcdfe6);
    color: var(--mainColor, #3f4042)
}

.el-input__inner:focus {
    border-color: var(--mainColor, #058c66)
}

.el-input__inner:hover {
    border-color: var(--mainColor, #c0c4cc)
}

.el-input-group__append,
.el-input-group__prepend {
    border-color: var(--mainColor, #dcdfe6);
    background-color: var(--subBgColor, #f5f7fa)
}

.el-input-group__append .svg-icon,
.el-input-group__prepend .svg-icon {
    fill: var(--mainColor, #a5accd)
}

.global-loading {
    z-index: 1
}

.el-message-box {
    border: 0
}

.el-message-box .el-message-box__btns {
    position: relative
}

.el-message-box .el-message-box__btns .cancel-button,
.el-message-box .el-message-box__btns .try-button {
    position: absolute;
    left: .15rem
}

.el-message-box .el-message-box__btns .cancel-button:focus,
.el-message-box .el-message-box__btns .cancel-button:hover {
    background: #fff;
    border-color: #dcdfe6;
    color: #606266
}

.el-message-box .el-message-box__btns .el-button--primary,
.el-message-box .el-message-box__btns .try-button {
    color: #fff;
    background-color: #069b71;
    border-color: #069b71
}

body.product_darkGold .el-upload-list--picture-card .el-upload-list__item .el-icon-check,
body.product_darkGold .el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: #441402
}

body.product_darkGold .el-upload-list--picture-card .el-upload-list__item {
    border: 1px solid #93866b
}

body.product_darkGold .el-upload-list--picture-card .el-upload-list__item-status-label {
    background-color: #ffda90
}

body.product_darkGold .el-upload-list__item-delete .el-icon-delete:before {
    color: #93866b
}

body.product_darkGold .full-screen-control .chat-switch .slider {
    background-color: #41403c
}

body.product_darkGold .full-screen-control .chat-switch .slider.round {
    width: .5rem;
    padding: .05rem
}

body.product_darkGold .full-screen-control .chat-switch .text {
    color: #ffd577
}

body.product_darkGold .full-screen-control .is-checked .text {
    color: #41403c
}

body.product_darkGold .full-screen-control .chat-switch .slider:before {
    background-color: #ffd577;
    margin-left: 0;
    margin-right: .05rem
}

body.product_darkGold .full-screen-control .is-checked .slider:before {
    background-color: #41403c;
    margin-left: .05rem;
    margin-right: 0
}

body.product_darkGold .full-screen-control .chat-switch input:checked+.slider {
    background-color: #ffd577
}

body.product_darkGold .full-screen-control .full-input {
    border-color: #ffda90
}

body.product_darkGold .full-screen-control .full-input .input-text {
    color: #ffda90
}

body.product_darkGold .full-screen-control .full-input .input-text::placeholder {
    color: #93866b
}

body.product_darkGold .full-screen-control .full-input .send-btn {
    background: #ffda90;
    color: #441402
}

body.product_darkGold .el-step.is-horizontal .el-step__line {
    height: .02rem
}

body.product_darkGold .el-step__icon-inner {
    font-weight: 400;
    font-size: .16rem
}

body.product_darkGold .el-radio__inner:after {
    background-color: #857550
}

body.product_darkGold .is-success .el-step__icon {
    background: #ffda90;
    border: #ffda90
}

body.product_darkGold .is-success .el-step__icon i {
    color: #857550;
    font-weight: 700
}

body.product_darkGold div.box-message-gold .el-message-box__header i.el-message-box__close {
    color: #411402
}

body.product_darkGold div.box-message-gold .el-message-box__header .el-message-box__title {
    text-align: center;
    border: 0;
    color: #411402
}

body.product_darkGold .el-input__inner::placeholder {
    color: #93866b
}

body.product_darkGold .el-input-group__append .append-code {
    color: #93866b
}

body.product_darkGold .el-step__line {
    background-color: #ffda90
}

body.product_darkGold .el-radio__input.is-checked+.el-radio__label {
    color: #ffda90
}

body.product_darkGold .el-radio__input.is-checked .el-radio__inner {
    border-color: #ffda90;
    background: #ffda90
}

body.product_darkGold .finance-modal__main .el-loading-spinner .path {
    stroke: #ffda90
}

body.product_darkGold .nav-sports .game-loding .el-icon-loading {
    color: var(--mainColor, #069b71)
}

body.product_darkGold .el-dialog__headerbtn .el-dialog__close {
    color: #441402
}

body.product_darkGold .replace-head-image__item {
    border-color: #93866b
}

body.product_darkGold .el-select .el-input.is-focus .el-input__inner {
    border-color: #ffda90
}

body.product_darkGold .no-data__content--text {
    color: #93866b !important
}

body.product_darkGold .el-icon-arrow-up:before {
    content: "\e6e1";
    color: #ffda90 !important
}

body.product_darkGold .header-news__detail,
body.product_darkGold .header-news__time-left {
    color: #93866b
}

body.product_darkGold .header-news__menu_darkGold .header-news__time-left .svg-icon {
    fill: #93866b !important
}

body.product_darkGold .el-radio__inner {
    border: #93866b;
    background-color: #93866b
}

body.product_darkGold .list-container .list-complete {
    background-color: #726342 !important;
    border-color: #726342 !important;
    color: #b99d60 !important
}

body.product_darkGold .el-popover,
body.product_darkGold .el-popover__title {
    color: #93866b
}

body.product_darkGold .el-popover[x-placement^=top] .popper__arrow {
    border-top-color: #ffda90
}

body.product_darkGold .el-popover[x-placement^=top] .popper__arrow:after {
    border-top-color: #171717
}

body.product_darkGold .chat-send__toggle--info .svg-icon {
    fill: #ffda90 !important
}

body.product_darkGold .el-table__body-wrapper::-webkit-scrollbar-thumb {
    background-color: #e2ca69 !important
}

body.product_darkGold .el-table__body-wrapper::-webkit-scrollbar-track-piece {
    background: #4b4330
}

body.product_darkGold .card-list {
    border-top: 1px solid hsla(0, 0%, 100%, .1) !important
}

body.product_darkGold .live-main__match-list--list-info::-webkit-scrollbar,
body.product_darkGold .sports-live-info::-webkit-scrollbar {
    width: .06rem;
    height: .06rem;
    background-color: #4b4330
}

body.product_darkGold .live-main__match-list--list-info::-webkit-scrollbar-thumb,
body.product_darkGold .sports-live-info::-webkit-scrollbar-thumb {
    background-color: #e2ca69;
    border-radius: 3px
}

body.product_darkGold .live-main__match-list--list-info::-webkit-scrollbar-track,
body.product_darkGold .live-main__match-list--list-info::-webkit-scrollbar-track-piece,
body.product_darkGold .sports-live-info::-webkit-scrollbar-track,
body.product_darkGold .sports-live-info::-webkit-scrollbar-track-piece {
    background-color: #4b4330;
    border-radius: 3px
}

body.product_darkGold .live-main__match-list--detail-top .svg-icon {
    fill: #ffda90 !important
}

body.product_darkGold #childApp {
    background: none
}

body.product_darkGold .vertical-menu__cell_link {
    color: #93866b
}

body.product_darkGold .header-news__more-info .is-stroke {
    stroke: #93866b
}

body.product_darkGold .user-notice .btn_style_back {
    color: #ffda90 !important
}

body.product_darkGold .el-pagination__jump,
body.product_darkGold .el-pagination__total,
body.product_darkGold .el-radio,
body.product_darkGold .no-message__text,
body.product_darkGold .notice-detail__brief {
    color: #93866b !important
}

body.product_darkGold .el-table,
body.product_darkGold .el-table__expanded-cell {
    background: none
}

body.product_darkGold .el-progress-bar__outer {
    background-color: #4b4330
}

body.product_darkGold .vip-sign .el-progress-bar__inner {
    background-color: #f6c769 !important
}

body.product_darkGold .card-bind__form .el-form-item--medium .el-form-item__content {
    color: #ffda90
}

body.product_darkGold .card-bind .el-tabs__item {
    color: #93866b !important
}

body.product_darkGold .card-bind .el-tabs__item.is-active {
    color: #ffda90 !important
}

body.product_darkGold .el-icon-plus:before {
    color: #93866b
}

body.product_darkGold .el-message-box {
    border: 1px solid #ffda90;
    background-color: #222
}

body.product_darkGold .el-message-box .el-message-box__title {
    color: #93866b
}

body.product_darkGold .el-message-box .el-message-box__message {
    color: #ffda90
}

body.product_darkGold .el-message-box .cancelButtonClass {
    background: #303030;
    border: 1px solid #ffda90;
    color: #ffda90
}

body.product_darkGold .el-message-box .cancelButtonClass:hover {
    color: #9f7142
}

body.product_darkGold .el-message-box .el-message-box__btns {
    position: relative
}

body.product_darkGold .el-message-box .el-message-box__btns .cancel-button,
body.product_darkGold .el-message-box .el-message-box__btns .try-button {
    position: absolute;
    left: .15rem
}

body.product_darkGold .el-message-box .el-message-box__btns .el-button--primary,
body.product_darkGold .el-message-box .el-message-box__btns .try-button {
    color: #411402;
    background-color: #ffd577;
    border-color: #ffd577
}

body.product_darkGold .el-message-box .el-message-box__btns .el-button--primary:focus,
body.product_darkGold .el-message-box .el-message-box__btns .el-button--primary:hover,
body.product_darkGold .el-message-box .el-message-box__btns .try-button:focus,
body.product_darkGold .el-message-box .el-message-box__btns .try-button:hover {
    background: #f7b93e;
    border-color: #f7b93e
}

body.product_darkGold .el-message-box .el-message-box__btns .el-button--primary:active,
body.product_darkGold .el-message-box .el-message-box__btns .try-button:active {
    background: #171717;
    border-color: #ffda90;
    color: #ffda90
}

body.product_darkGold .el-message-box .el-message-box__headerbtn .el-message-box__close {
    color: #ffda90
}

body.product_darkGold .el-input.is-disabled .el-input__inner {
    background-color: #202020;
    border-color: #ffda90;
    color: #ffda90;
    cursor: not-allowed
}

body.product_darkGold .el-input.is-disabled .el-input__inner::placeholder {
    color: #93866b
}

body.product_darkGold .el-pager li {
    color: #93866b
}

body.product_darkGold .el-pager li.active {
    color: #ffda90
}

body.product_darkGold .profile-dropdown__menu .popper__arrow:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffda90 !important
}

body.product_darkGold .profile-dropdown__menu {
    border: 1px solid #ffda90;
    border-top: none
}

body.product_darkGold .profile-dropdown__menu-item {
    background: #171717;
    border-color: hsla(0, 0%, 100%, .1)
}

body.product_darkGold .profile-dropdown__menu-item:hover {
    background: #3a3c42
}

body.product_darkGold .profile-dropdown__menu-item .svg-icon--info.is-stroke {
    stroke: #ffda90
}

body.product_darkGold .profile-dropdown__balance-money,
body.product_darkGold .profile-dropdown__menu-title {
    color: #ffda90
}

body.product_darkGold .el-popper {
    background: #171717;
    border-color: #ffda90
}

body.product_darkGold .profile-dropdown__wallet {
    border-color: hsla(0, 0%, 100%, .1)
}

body.product_darkGold .profile-dropdown__wallet .svg-icon {
    fill: #ffda90 !important
}

body.product_darkGold .el-select-dropdown__item {
    padding: 0 .05rem;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    color: #93866b
}

body.product_darkGold .el-select-dropdown__item.selected {
    color: #ffda90
}

body.product_darkGold .el-select-dropdown__item.hover,
body.product_darkGold .el-select-dropdown__item:hover {
    background-color: #222
}

body.product_darkGold .el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #ffda90
}

body.product_darkGold .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #171717
}

body.product_darkGold .el-popper[x-placement^=top] .popper__arrow {
    border-top-color: #ffda90
}

body.product_darkGold .el-popper[x-placement^=top] .popper__arrow:after {
    border-top-color: #171717
}

body.product_darkGold .el-icon-circle-close {
    color: #ffda90
}

body.product_darkGold .el-date-picker__header-label {
    color: #ffd577
}

body.product_darkGold .el-date-table td.available:hover,
body.product_darkGold .el-month-table td.current:not(.disabled) .cell,
body.product_darkGold .el-year-table td .cell:hover,
body.product_darkGold .el-year-table td.current:not(.disabled) .cell {
    color: #edd188
}

body.product_darkGold .el-month-table td.current:not(.disabled) .cell,
body.product_darkGold .el-month-table td.disabled .cell,
body.product_darkGold .el-year-table td.current:not(.disabled) .cell,
body.product_darkGold .el-year-table td.disabled .cell {
    border-radius: 4px !important
}

body.product_darkGold .el-date-table td.current:not(.disabled) span,
body.product_darkGold .el-month-table td.current:not(.disabled) .cell,
body.product_darkGold .el-year-table td.current:not(.disabled) .cell {
    background-color: #ffda90;
    color: #411402
}

body.product_darkGold .el-picker-panel {
    color: #ffd577
}

body.product_darkGold .el-date-table td.next-month,
body.product_darkGold .el-date-table td.prev-month {
    color: #746951
}

body.product_darkGold .el-date-table th {
    color: #ffd577;
    border-color: #ffd577
}

body.product_darkGold .el-date-table td.disabled div,
body.product_darkGold .el-month-table td.disabled .cell,
body.product_darkGold .el-year-table td.disabled .cell {
    background-color: #1f1f1f;
    color: #746951
}

body.product_darkGold .el-year-table td .cell {
    color: #ffd577
}

body.product_darkGold .el-date-picker__header--bordered {
    border-bottom: 1px solid #ffd577
}

body.product_darkGold .el-date-picker__header .el-picker-panel__icon-btn,
body.product_darkGold .el-month-table td .cell {
    color: #ffd577
}

body.product_darkGold .el-icon-arrow-down:before,
body.product_darkGold .el-icon-date:before,
body.product_darkGold .el-input__icon:after {
    color: #ffda90
}

body.product_darkGold .chat-send .is-checked .slider:before {
    background-color: #41403c;
    margin-left: .04rem
}

body.product_darkGold .header-news__cell {
    border-bottom-color: hsla(0, 0%, 100%, .1) !important
}

body.product_darkGold .icon-link {
    color: #ffda90
}

body.product_darkGold .register-tips {
    color: #ffda90 !important
}

body.product_darkGold .global-mobile__select {
    background: #212121;
    border-color: #ffda90
}

body.product_darkGold .global-mobile__select ul::-webkit-scrollbar {
    width: .06rem;
    height: .06rem;
    background-color: #4b4330
}

body.product_darkGold .global-mobile__select ul::-webkit-scrollbar-thumb {
    background-color: #e2ca69;
    border-radius: 3px
}

body.product_darkGold .global-mobile__select ul::-webkit-scrollbar-track,
body.product_darkGold .global-mobile__select ul::-webkit-scrollbar-track-piece {
    background-color: #4b4330;
    border-radius: 3px
}

body.product_darkGold .global-mobile__select .global-mobile__select-li {
    color: #ffda90
}

body.product_darkGold .global-mobile__select .global-mobile__select-li:hover {
    background: #171717
}

body.product_darkGold .regist-wrap_darkGold .el-input-group {
    width: 98%
}

body.product_darkGold .dplayer-notice {
    color: #e2ca69
}

body.product_darkGold .dplayer svg circle,
body.product_darkGold .dplayer svg path {
    fill: #e2ca69 !important
}

body.product_darkGold .dplayer-thumb,
body.product_darkGold .dplayer-volume-bar-inner {
    background: #e2ca69 !important
}

body.product_darkGold .dplayer-controller .dplayer-icons .dplayer-volume .dplayer-volume-bar-wrap .dplayer-volume-bar {
    background: #4b4330 !important
}

body.product_darkGold .dplayer-controller .dplayer-icons .dplayer-live-badge,
body.product_darkGold .dplayer-controller .dplayer-icons .dplayer-time {
    color: var(--livePoin, #eee)
}

body.product_darkGold .dplayer-controller .dplayer-icons .dplayer-live-badge .dplayer-live-dot,
body.product_darkGold .dplayer-controller .dplayer-icons .dplayer-time .dplayer-live-dot {
    background: var(--livePoin, #b7daff) !important
}

body.product_darkGold .dplayer-video-wrap {
    background: #171717 !important
}

body.product_darkGold .vip-user-desc p i {
    color: #93866b !important
}

body.product_darkGold .vip-user-desc .el-dialog {
    background: #171717;
    border: 1px solid #ffda90
}

body.product_darkGold .vip-user-desc .el-dialog__headerbtn .el-icon-close:before,
body.product_darkGold .vip-user-desc .el-dialog__title {
    color: #ffda90
}

body.product_darkGold .vip-user-desc .el-dialog__body {
    color: #ffda90 !important
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-progress-bar__outer {
    background-color: #4b4330 !important
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-progress-bar__inner {
    background-color: #e2ca69 !important
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table:before {
    background-color: hsla(0, 0%, 100%, .1)
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table thead {
    color: #411402
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table thead tr,
body.product_darkGold .vip-user-desc .el-dialog__body .el-table thead tr th {
    background-color: #fed477
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table thead tr th.is-leaf {
    border-bottom: 1px solid #fed477
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table tr {
    background-color: #2e2e2e
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table .el-table__empty-block {
    background-color: #2e2e2e;
    border-color: #fed477
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table .el-table__empty-text {
    color: #fed477
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: #343434
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table td,
body.product_darkGold .vip-user-desc .el-dialog__body .el-table th.is-leaf {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table td:nth-child(0),
body.product_darkGold .vip-user-desc .el-dialog__body .el-table th.is-leaf:nth-child(0) {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

body.product_darkGold .vip-user-desc .el-dialog__body .el-table td:nth-child(end),
body.product_darkGold .vip-user-desc .el-dialog__body .el-table th.is-leaf:nth-child(end) {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

body.product_darkGold .vip-user-desc .el-divider {
    background-color: #ffda90
}

body.product_darkGold .el-dropdown-menu__item {
    color: #93866b
}

body.product_darkGold .el-dropdown-menu__item:focus,
body.product_darkGold .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #212121;
    color: #ffd577
}

.box-message .el-message-box__title {
    text-align: center;
    border: 0
}

.box-message .el-message-box__header {
    background: linear-gradient(90deg, #00af81, #1bcb37)
}

.box-message .el-message-box__close,
.box-message .el-message-box__title {
    color: #fff
}

.box-message .el-message-box__btns {
    box-sizing: border-box;
    padding: .05rem .55rem 0;
    display: flex;
    justify-content: space-between
}

.box-message .el-button--small {
    width: 1.4rem;
    border-radius: 40px
}

.box-message-gold {
    background-color: #333
}

.box-message-gold .el-message-box__header {
    background: #ffda90
}

.box-message-gold .el-message-box__title {
    text-align: center;
    border: 0;
    color: #171717
}

.box-message-gold .el-message-box__close {
    color: #171717
}

.box-message-gold .el-message-box__message {
    color: #ffda90
}

.box-message-gold .el-message-box__btns {
    box-sizing: border-box;
    padding: .05rem .55rem 0;
    display: flex;
    justify-content: space-between
}

.box-message-gold .el-button--small {
    width: 1.4rem;
    border-radius: 40px;
    background: #ffda90;
    color: #171717;
    border-color: #f7b93e
}

.box-message-gold .el-button--small:hover {
    background: #f7b93e;
    color: #411402;
    border-color: #f7b93e
}

.game-loding .el-loading-spinner {
    width: 1.5rem;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: .15rem 0;
    border-radius: 6px;
    margin-left: -.75rem;
    background: #fff
}

.game-loding .el-icon-loading {
    font-size: .16rem
}

.game-loding .el-icon-loading,
.game-loding .el-icon-loading .el-icon-loading:before,
.game-loding .el-loading-text {
    color: var(--mainColor, #069b71)
}

.game-loding .el-loading-text {
    font-size: .16rem
}

.select_darkGold .el-scrollbar,
.select_darkGold .el-select-dropdown {
    border-color: #ffda90
}

.select_darkGold .el-scrollbar .el-select-dropdown__wrap {
    border-color: #ffda90;
    background: #171717
}

.select_darkGold .el-scrollbar .el-select-dropdown__item {
    color: #ffda90;
    border-bottom: 1px solid #222
}

.select_darkGold .el-scrollbar .el-select-dropdown__item.hover,
.select_darkGold .el-scrollbar .el-select-dropdown__item:hover {
    background-color: #222
}

.select_darkGold .el-scrollbar .el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #ffda90
}

html {
    -webkit-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    -moz-text-size-adjust: auto
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    font-weight: 400;
    font-size: .14rem;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

a {
    color: #069b71;
    text-decoration: none
}

a:focus,
a:hover {
    color: #38af8d
}

a:active {
    color: #058c66
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: inherit
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}

h1 {
    font-size: .2rem
}

h2 {
    font-size: .18rem
}

h3 {
    font-size: .16rem
}

h4,
h5,
h6,
p {
    font-size: inherit
}

p {
    line-height: 1.8
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

sub,
sup {
    font-size: .13rem
}

small {
    font-size: .12rem
}

hr {
    margin-top: .2rem;
    margin-bottom: .2rem;
    border: 0;
    border-top: 1px solid #eee
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

img {
    background-size: contain
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft2x {
    0% {
        transform: translate3d(-200%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutLeft2x {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-150%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes word-pulse {
    0% {
        transform: scale(1);
        opacity: 1
    }

    40% {
        transform: scale(.9);
        opacity: 0
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes fadeInRight-50 {
    0% {
        opacity: 0;
        transform: translate3d(50%, 0, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.pt-page-moveToLeft {
    -webkit-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both
}

.pt-page-moveFromLeft {
    -webkit-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both
}

.pt-page-moveToRight {
    -webkit-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both
}

.pt-page-moveFromRight {
    -webkit-animation: moveFromRight .6s ease both;
    animation: moveFromRight .6s ease both
}

.pt-page-moveToTop {
    -webkit-animation: moveToTop .6s ease both;
    animation: moveToTop .6s ease both
}

.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both
}

.pt-page-moveToBottom {
    -webkit-animation: moveToBottom .6s ease both;
    animation: moveToBottom .6s ease both
}

.pt-page-moveFromBottom {
    -webkit-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both
}

.pt-page-fade {
    -webkit-animation: fade .7s ease both;
    animation: fade .7s ease both
}

.pt-page-moveToLeftFade {
    -webkit-animation: moveToLeftFade .7s ease both;
    animation: moveToLeftFade .7s ease both
}

.pt-page-moveFromLeftFade {
    -webkit-animation: moveFromLeftFade .7s ease both;
    animation: moveFromLeftFade .7s ease both
}

.pt-page-moveToRightFade {
    -webkit-animation: moveToRightFade .7s ease both;
    animation: moveToRightFade .7s ease both
}

.pt-page-moveFromRightFade {
    -webkit-animation: moveFromRightFade .7s ease both;
    animation: moveFromRightFade .7s ease both
}

.pt-page-moveToTopFade {
    -webkit-animation: moveToTopFade .7s ease both;
    animation: moveToTopFade .7s ease both
}

.pt-page-moveFromTopFade {
    -webkit-animation: moveFromTopFade .7s ease both;
    animation: moveFromTopFade .7s ease both
}

.pt-page-moveToBottomFade {
    -webkit-animation: moveToBottomFade .7s ease both;
    animation: moveToBottomFade .7s ease both
}

.pt-page-moveFromBottomFade {
    -webkit-animation: moveFromBottomFade .7s ease both;
    animation: moveFromBottomFade .7s ease both
}

.pt-page-moveToLeftEasing {
    -webkit-animation: moveToLeft .7s ease-in-out both;
    animation: moveToLeft .7s ease-in-out both
}

.pt-page-moveToRightEasing {
    -webkit-animation: moveToRight .7s ease-in-out both;
    animation: moveToRight .7s ease-in-out both
}

.pt-page-moveToTopEasing {
    -webkit-animation: moveToTop .7s ease-in-out both;
    animation: moveToTop .7s ease-in-out both
}

.pt-page-moveToBottomEasing {
    -webkit-animation: moveToBottom .7s ease-in-out both;
    animation: moveToBottom .7s ease-in-out both
}

@keyframes moveToLeft {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveFromLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveToRight {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveFromRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveToTop {
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveFromTop {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveToBottom {
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveFromBottom {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes fade {
    to {
        opacity: .3
    }
}

@keyframes moveToLeftFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveFromLeftFade {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes moveToRightFade {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveFromRightFade {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes moveToTopFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveFromTopFade {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes moveToBottomFade {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes moveFromBottomFade {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.pt-page-scaleDown {
    -webkit-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both
}

.pt-page-scaleUp {
    -webkit-animation: scaleUp .7s ease both;
    animation: scaleUp .7s ease both
}

.pt-page-scaleUpDown {
    -webkit-animation: scaleUpDown .5s ease both;
    animation: scaleUpDown .5s ease both
}

.pt-page-scaleDownUp {
    -webkit-animation: scaleDownUp .5s ease both;
    animation: scaleDownUp .5s ease both
}

.pt-page-scaleDownCenter {
    -webkit-animation: scaleDownCenter .4s ease-in both;
    animation: scaleDownCenter .4s ease-in both
}

.pt-page-scaleUpCenter {
    -webkit-animation: scaleUpCenter .4s ease-out both;
    animation: scaleUpCenter .4s ease-out both
}

@keyframes scaleDown {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes scaleUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes scaleUpDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes scaleDownUp {
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes scaleDownCenter {
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

@keyframes scaleUpCenter {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
}

.pt-page-rotateRightSideFirst {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .8s ease-in both;
    animation: rotateRightSideFirst .8s ease-in both
}

.pt-page-rotateLeftSideFirst {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateLeftSideFirst .8s ease-in both;
    animation: rotateLeftSideFirst .8s ease-in both
}

.pt-page-rotateTopSideFirst {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateTopSideFirst .8s ease-in both;
    animation: rotateTopSideFirst .8s ease-in both
}

.pt-page-rotateBottomSideFirst {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateBottomSideFirst .8s ease-in both;
    animation: rotateBottomSideFirst .8s ease-in both
}

.pt-page-flipOutRight {
    -webkit-animation: flipOutRight .5s ease-in both;
    animation: flipOutRight .5s ease-in both
}

.pt-page-flipInLeft,
.pt-page-flipOutRight {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pt-page-flipInLeft {
    -webkit-animation: flipInLeft .5s ease-out both;
    animation: flipInLeft .5s ease-out both
}

.pt-page-flipOutLeft {
    -webkit-animation: flipOutLeft .5s ease-in both;
    animation: flipOutLeft .5s ease-in both
}

.pt-page-flipInRight,
.pt-page-flipOutLeft {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pt-page-flipInRight {
    -webkit-animation: flipInRight .5s ease-out both;
    animation: flipInRight .5s ease-out both
}

.pt-page-flipOutTop {
    -webkit-animation: flipOutTop .5s ease-in both;
    animation: flipOutTop .5s ease-in both
}

.pt-page-flipInBottom,
.pt-page-flipOutTop {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pt-page-flipInBottom {
    -webkit-animation: flipInBottom .5s ease-out both;
    animation: flipInBottom .5s ease-out both
}

.pt-page-flipOutBottom {
    -webkit-animation: flipOutBottom .5s ease-in both;
    animation: flipOutBottom .5s ease-in both
}

.pt-page-flipInTop,
.pt-page-flipOutBottom {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pt-page-flipInTop {
    -webkit-animation: flipInTop .5s ease-out both;
    animation: flipInTop .5s ease-out both
}

.pt-page-rotateFall {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: rotateFall 1s ease-in both;
    animation: rotateFall 1s ease-in both
}

.pt-page-rotateOutNewspaper {
    -webkit-animation: rotateOutNewspaper .5s ease-in both;
    animation: rotateOutNewspaper .5s ease-in both
}

.pt-page-rotateInNewspaper,
.pt-page-rotateOutNewspaper {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.pt-page-rotateInNewspaper {
    -webkit-animation: rotateInNewspaper .5s ease-out both;
    animation: rotateInNewspaper .5s ease-out both
}

.pt-page-rotatePushLeft {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotatePushLeft .8s ease both;
    animation: rotatePushLeft .8s ease both
}

.pt-page-rotatePushRight {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotatePushRight .8s ease both;
    animation: rotatePushRight .8s ease both
}

.pt-page-rotatePushTop {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotatePushTop .8s ease both;
    animation: rotatePushTop .8s ease both
}

.pt-page-rotatePushBottom {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotatePushBottom .8s ease both;
    animation: rotatePushBottom .8s ease both
}

.pt-page-rotatePullRight {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotatePullRight .5s ease both;
    animation: rotatePullRight .5s ease both
}

.pt-page-rotatePullLeft {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotatePullLeft .5s ease both;
    animation: rotatePullLeft .5s ease both
}

.pt-page-rotatePullTop {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotatePullTop .5s ease both;
    animation: rotatePullTop .5s ease both
}

.pt-page-rotatePullBottom {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotatePullBottom .5s ease both;
    animation: rotatePullBottom .5s ease both
}

.pt-page-rotateFoldRight {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateFoldRight .7s ease both;
    animation: rotateFoldRight .7s ease both
}

.pt-page-rotateFoldLeft {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateFoldLeft .7s ease both;
    animation: rotateFoldLeft .7s ease both
}

.pt-page-rotateFoldTop {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateFoldTop .7s ease both;
    animation: rotateFoldTop .7s ease both
}

.pt-page-rotateFoldBottom {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateFoldBottom .7s ease both;
    animation: rotateFoldBottom .7s ease both
}

.pt-page-rotateUnfoldLeft {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateUnfoldLeft .7s ease both;
    animation: rotateUnfoldLeft .7s ease both
}

.pt-page-rotateUnfoldRight {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateUnfoldRight .7s ease both;
    animation: rotateUnfoldRight .7s ease both
}

.pt-page-rotateUnfoldTop {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateUnfoldTop .7s ease both;
    animation: rotateUnfoldTop .7s ease both
}

.pt-page-rotateUnfoldBottom {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateUnfoldBottom .7s ease both;
    animation: rotateUnfoldBottom .7s ease both
}

.pt-page-rotateRoomLeftOut {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateRoomLeftOut .8s ease both;
    animation: rotateRoomLeftOut .8s ease both
}

.pt-page-rotateRoomLeftIn {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateRoomLeftIn .8s ease both;
    animation: rotateRoomLeftIn .8s ease both
}

.pt-page-rotateRoomRightOut {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateRoomRightOut .8s ease both;
    animation: rotateRoomRightOut .8s ease both
}

.pt-page-rotateRoomRightIn {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateRoomRightIn .8s ease both;
    animation: rotateRoomRightIn .8s ease both
}

.pt-page-rotateRoomTopOut {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateRoomTopOut .8s ease both;
    animation: rotateRoomTopOut .8s ease both
}

.pt-page-rotateRoomTopIn {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateRoomTopIn .8s ease both;
    animation: rotateRoomTopIn .8s ease both
}

.pt-page-rotateRoomBottomOut {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateRoomBottomOut .8s ease both;
    animation: rotateRoomBottomOut .8s ease both
}

.pt-page-rotateRoomBottomIn {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateRoomBottomIn .8s ease both;
    animation: rotateRoomBottomIn .8s ease both
}

.pt-page-rotateCubeLeftOut {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateCubeLeftOut .6s ease-in both;
    animation: rotateCubeLeftOut .6s ease-in both
}

.pt-page-rotateCubeLeftIn {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateCubeLeftIn .6s ease-in both;
    animation: rotateCubeLeftIn .6s ease-in both
}

.pt-page-rotateCubeRightOut {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateCubeRightOut .6s ease-in both;
    animation: rotateCubeRightOut .6s ease-in both
}

.pt-page-rotateCubeRightIn {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateCubeRightIn .6s ease-in both;
    animation: rotateCubeRightIn .6s ease-in both
}

.pt-page-rotateCubeTopOut {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCubeTopOut .6s ease-in both;
    animation: rotateCubeTopOut .6s ease-in both
}

.pt-page-rotateCubeTopIn {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateCubeTopIn .6s ease-in both;
    animation: rotateCubeTopIn .6s ease-in both
}

.pt-page-rotateCubeBottomOut {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateCubeBottomOut .6s ease-in both;
    animation: rotateCubeBottomOut .6s ease-in both
}

.pt-page-rotateCubeBottomIn {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCubeBottomIn .6s ease-in both;
    animation: rotateCubeBottomIn .6s ease-in both
}

.pt-page-rotateCarouselLeftOut {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateCarouselLeftOut .8s ease both;
    animation: rotateCarouselLeftOut .8s ease both
}

.pt-page-rotateCarouselLeftIn {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateCarouselLeftIn .8s ease both;
    animation: rotateCarouselLeftIn .8s ease both
}

.pt-page-rotateCarouselRightOut {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: rotateCarouselRightOut .8s ease both;
    animation: rotateCarouselRightOut .8s ease both
}

.pt-page-rotateCarouselRightIn {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: rotateCarouselRightIn .8s ease both;
    animation: rotateCarouselRightIn .8s ease both
}

.pt-page-rotateCarouselTopOut {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCarouselTopOut .8s ease both;
    animation: rotateCarouselTopOut .8s ease both
}

.pt-page-rotateCarouselTopIn {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateCarouselTopIn .8s ease both;
    animation: rotateCarouselTopIn .8s ease both
}

.pt-page-rotateCarouselBottomOut {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: rotateCarouselBottomOut .8s ease both;
    animation: rotateCarouselBottomOut .8s ease both
}

.pt-page-rotateCarouselBottomIn {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-animation: rotateCarouselBottomIn .8s ease both;
    animation: rotateCarouselBottomIn .8s ease both
}

.pt-page-rotateSidesOut {
    -webkit-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    -webkit-animation: rotateSidesOut .5s ease-in both;
    animation: rotateSidesOut .5s ease-in both
}

.pt-page-rotateSidesIn {
    -webkit-transform-origin: 150% 50%;
    transform-origin: 150% 50%;
    -webkit-animation: rotateSidesIn .5s ease-out both;
    animation: rotateSidesIn .5s ease-out both
}

.pt-page-rotateSlideOut {
    -webkit-animation: rotateSlideOut 1s ease both;
    animation: rotateSlideOut 1s ease both
}

.pt-page-rotateSlideIn {
    -webkit-animation: rotateSlideIn 1s ease both;
    animation: rotateSlideIn 1s ease both
}

@-webkit-keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@keyframes rotateRightSideFirst {
    40% {
        -webkit-transform: rotateY(15deg);
        transform: rotateY(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@-webkit-keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@keyframes rotateLeftSideFirst {
    40% {
        -webkit-transform: rotateY(-15deg);
        transform: rotateY(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@-webkit-keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@keyframes rotateTopSideFirst {
    40% {
        -webkit-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@-webkit-keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@keyframes rotateBottomSideFirst {
    40% {
        -webkit-transform: rotateX(-15deg);
        transform: rotateX(-15deg);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    to {
        -webkit-transform: scale(.8) translateZ(-2rem);
        transform: scale(.8) translateZ(-2rem);
        opacity: 0
    }
}

@-webkit-keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-10rem) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipOutRight {
    to {
        -webkit-transform: translateZ(-10rem) rotateY(90deg);
        transform: translateZ(-10rem) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInLeft {
    0% {
        -webkit-transform: translateZ(-10rem) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipInLeft {
    0% {
        -webkit-transform: translateZ(-10rem) rotateY(-90deg);
        transform: translateZ(-10rem) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-10rem) rotateY(-90deg);
        opacity: .2
    }
}

@keyframes flipOutLeft {
    to {
        -webkit-transform: translateZ(-10rem) rotateY(-90deg);
        transform: translateZ(-10rem) rotateY(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInRight {
    0% {
        -webkit-transform: translateZ(-10rem) rotateY(90deg);
        opacity: .2
    }
}

@keyframes flipInRight {
    0% {
        -webkit-transform: translateZ(-10rem) rotateY(90deg);
        transform: translateZ(-10rem) rotateY(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-10rem) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipOutTop {
    to {
        -webkit-transform: translateZ(-10rem) rotateX(90deg);
        transform: translateZ(-10rem) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInBottom {
    0% {
        -webkit-transform: translateZ(-10rem) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipInBottom {
    0% {
        -webkit-transform: translateZ(-10rem) rotateX(-90deg);
        transform: translateZ(-10rem) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-10rem) rotateX(-90deg);
        opacity: .2
    }
}

@keyframes flipOutBottom {
    to {
        -webkit-transform: translateZ(-10rem) rotateX(-90deg);
        transform: translateZ(-10rem) rotateX(-90deg);
        opacity: .2
    }
}

@-webkit-keyframes flipInTop {
    0% {
        -webkit-transform: translateZ(-10rem) rotateX(90deg);
        opacity: .2
    }
}

@keyframes flipInTop {
    0% {
        -webkit-transform: translateZ(-10rem) rotateX(90deg);
        transform: translateZ(-10rem) rotateX(90deg);
        opacity: .2
    }
}

@-webkit-keyframes rotateFall {
    0% {
        -webkit-transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(10deg);
        -webkit-animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: rotate(17deg)
    }

    60% {
        -webkit-transform: rotate(16deg)
    }

    to {
        -webkit-transform: translateY(100%) rotate(17deg)
    }
}

@keyframes rotateFall {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    20% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }

    60% {
        -webkit-transform: rotate(16deg);
        transform: rotate(16deg)
    }

    to {
        -webkit-transform: translateY(100%) rotate(17deg);
        transform: translateY(100%) rotate(17deg)
    }
}

@-webkit-keyframes rotateOutNewspaper {
    to {
        -webkit-transform: translateZ(-30rem) rotate(1turn);
        opacity: 0
    }
}

@keyframes rotateOutNewspaper {
    to {
        -webkit-transform: translateZ(-30rem) rotate(1turn);
        transform: translateZ(-30rem) rotate(1turn);
        opacity: 0
    }
}

@-webkit-keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-30rem) rotate(-1turn);
        opacity: 0
    }
}

@keyframes rotateInNewspaper {
    0% {
        -webkit-transform: translateZ(-30rem) rotate(-1turn);
        transform: translateZ(-30rem) rotate(-1turn);
        opacity: 0
    }
}

@-webkit-keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes rotatePushLeft {
    to {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@keyframes rotatePushRight {
    to {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg)
    }
}

@keyframes rotatePushTop {
    to {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg)
    }
}

@keyframes rotatePushBottom {
    to {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotatePullRight {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg)
    }
}

@keyframes rotatePullRight {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
}

@-webkit-keyframes rotatePullLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes rotatePullLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

@-webkit-keyframes rotatePullTop {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-90deg)
    }
}

@keyframes rotatePullTop {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg)
    }
}

@-webkit-keyframes rotatePullBottom {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg)
    }
}

@keyframes rotatePullBottom {
    0% {
        opacity: 0;
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg)
    }
}

@-webkit-keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateFoldRight {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateFoldLeft {
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateFoldTop {
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateFoldBottom {
    to {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateUnfoldLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateUnfoldLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateUnfoldRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateUnfoldRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateUnfoldTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateUnfoldTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateUnfoldBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateUnfoldBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg)
    }
}

@keyframes rotateRoomRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(-90deg);
        transform: translateX(100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg)
    }
}

@keyframes rotateRoomRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(90deg);
        transform: translateX(-100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg)
    }
}

@keyframes rotateRoomBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(90deg);
        transform: translateY(100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg)
    }
}

@keyframes rotateRoomBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(-90deg);
        transform: translateY(-100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-2rem) rotateY(-45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }
}

@keyframes rotateCubeLeftOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-2rem) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-2rem) rotateY(-45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-2rem) rotateY(45deg)
    }
}

@keyframes rotateCubeLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-2rem) rotateY(45deg);
        transform: translateX(50%) translateZ(-2rem) rotateY(45deg)
    }
}

@-webkit-keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-2rem) rotateY(45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg)
    }
}

@keyframes rotateCubeRightOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(50%) translateZ(-2rem) rotateY(45deg);
        transform: translateX(50%) translateZ(-2rem) rotateY(45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateX(100%) rotateY(90deg);
        transform: translateX(100%) rotateY(90deg)
    }
}

@-webkit-keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-2rem) rotateY(-45deg)
    }
}

@keyframes rotateCubeRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-100%) rotateY(-90deg);
        transform: translateX(-100%) rotateY(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateX(-50%) translateZ(-2rem) rotateY(-45deg);
        transform: translateX(-50%) translateZ(-2rem) rotateY(-45deg)
    }
}

@-webkit-keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-2rem) rotateX(45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }
}

@keyframes rotateCubeTopOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-2rem) rotateX(45deg);
        transform: translateY(-50%) translateZ(-2rem) rotateX(45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }
}

@-webkit-keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-2rem) rotateX(-45deg)
    }
}

@keyframes rotateCubeTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-2rem) rotateX(-45deg);
        transform: translateY(50%) translateZ(-2rem) rotateX(-45deg)
    }
}

@-webkit-keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-2rem) rotateX(-45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg)
    }
}

@keyframes rotateCubeBottomOut {
    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(50%) translateZ(-2rem) rotateX(-45deg);
        transform: translateY(50%) translateZ(-2rem) rotateX(-45deg)
    }

    to {
        opacity: .3;
        -webkit-transform: translateY(100%) rotateX(-90deg);
        transform: translateY(100%) rotateX(-90deg)
    }
}

@-webkit-keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-2rem) rotateX(45deg)
    }
}

@keyframes rotateCubeBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);
        transform: translateY(-100%) rotateX(90deg)
    }

    50% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-2rem) rotateX(45deg);
        transform: translateY(-50%) translateZ(-2rem) rotateX(45deg)
    }
}

@-webkit-keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

@keyframes rotateCarouselLeftOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg);
        transform: translateX(-150%) scale(.4) rotateY(-65deg)
    }
}

@-webkit-keyframes rotateCarouselLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@keyframes rotateCarouselLeftIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-webkit-keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@keyframes rotateCarouselRightOut {
    to {
        opacity: .3;
        -webkit-transform: translateX(200%) scale(.4) rotateY(65deg);
        transform: translateX(200%) scale(.4) rotateY(65deg)
    }
}

@-webkit-keyframes rotateCarouselRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg)
    }
}

@keyframes rotateCarouselRightIn {
    0% {
        opacity: .3;
        -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg);
        transform: translateX(-200%) scale(.4) rotateY(-65deg)
    }
}

@-webkit-keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@keyframes rotateCarouselTopOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-webkit-keyframes rotateCarouselTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@keyframes rotateCarouselTopIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-webkit-keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@keyframes rotateCarouselBottomOut {
    to {
        opacity: .3;
        -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
        transform: translateY(200%) scale(.4) rotateX(-65deg)
    }
}

@-webkit-keyframes rotateCarouselBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@keyframes rotateCarouselBottomIn {
    0% {
        opacity: .3;
        -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
        transform: translateY(-200%) scale(.4) rotateX(65deg)
    }
}

@-webkit-keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transform: translateZ(-5rem) rotateY(90deg)
    }
}

@keyframes rotateSidesOut {
    to {
        opacity: 0;
        -webkit-transform: translateZ(-5rem) rotateY(90deg);
        transform: translateZ(-5rem) rotateY(90deg)
    }
}

@-webkit-keyframes rotateSidesIn {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-5rem) rotateY(-90deg)
    }
}

@keyframes rotateSidesIn {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-5rem) rotateY(-90deg);
        transform: translateZ(-5rem) rotateY(-90deg)
    }
}

@-webkit-keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem) translateX(-200%)
    }

    to {
        opacity: .5;
        -webkit-transform: translateZ(-5rem) translateX(-200%)
    }
}

@keyframes rotateSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem);
        transform: translateZ(-5rem)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem) translateX(-200%);
        transform: translateZ(-5rem) translateX(-200%)
    }

    to {
        opacity: .5;
        -webkit-transform: translateZ(-5rem) translateX(-200%);
        transform: translateZ(-5rem) translateX(-200%)
    }
}

@-webkit-keyframes rotateSlideIn {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem)
    }

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

@keyframes rotateSlideIn {

    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem) translateX(200%);
        transform: translateZ(-5rem) translateX(200%)
    }

    75% {
        opacity: .5;
        -webkit-transform: translateZ(-5rem);
        transform: translateZ(-5rem)
    }

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

.pt-page-delay100 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.pt-page-delay180 {
    -webkit-animation-delay: .18s;
    animation-delay: .18s
}

.pt-page-delay200 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.pt-page-delay300 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.pt-page-delay400 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.pt-page-delay500 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.pt-page-delay700 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.pt-page-delay1000 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

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

.slide-fade-enter,
.slide-fade-leave-to {
    transform: translateX(.1rem);
    opacity: 0
}

.slide-left-enter-active,
.slide-left-leave-active {
    animation-duration: .5s;
    animation-fill-mode: both
}

.slide-in-enter,
.slide-in-leave-to {
    opacity: 0
}

.slide-left-enter-active {
    animation-name: slideInLeft
}

.slide-left-leave-active {
    animation-name: slideOutLeft
}

.slide-left-2x-enter-active {
    animation-name: slideInLeft2x;
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-delay: .2s
}

.slide-left-2x-leave-active {
    animation-name: slideOutLeft2x;
    animation-duration: .5s;
    animation-fill-mode: both
}

.slide-right-enter-active {
    animation-name: slideInRight;
    animation-duration: .5s;
    animation-fill-mode: both
}

.slide-right-leave-active {
    animation-name: slideOutRight;
    animation-duration: .5s;
    animation-fill-mode: both
}

.breadcrumb-enter-active,
.breadcrumb-leave-active {
    transition: all .5s
}

.breadcrumb-enter,
.breadcrumb-leave-active {
    opacity: 0;
    transform: translateX(.2rem)
}

.breadcrumb-move {
    transition: all .5s
}

.breadcrumb-leave-active {
    position: absolute
}

.animated-200 {
    animation-duration: .2s
}

.animated-400 {
    animation-duration: .4s
}

.balance-animate {
    animation: rotation 1s linear infinite
}

@font-face {
    font-family: slicker;
    src: url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMlaCcr8AAACsAAAAYGNtYXAGxwv9AAABDAAAAWJnbHlmrNkpQwAAAnAAAAHAaGVhZORs2O4AAAQwAAAANmhoZWEGiQJHAAAEaAAAACRobXR4EI0BNQAABIwAAAAcbG9jYQGgAhIAAASoAAAAEG1heHAAkABlAAAEuAAAACBuYW1l0sSaagAABNgAAASGcG9zdABGAQgAAAlgAAAAMAAEAl0ABQAFAAICvAKKAAAAjwK8AooAAAHFADIBAwAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAABXU0kuAEAAQgBsA5f/HQAAA5cA4wAAAAEAAAAAAAAAAAAAACAAAAAAAAMAAAADAAAAHAABAAAAAABcAAMAAQAAABwABABAAAAADAAIAAIABABCAEUAVABiAGz//wAAAEIARQBUAGEAbP///7//vf+v/6P/mgABAAAAAAAAAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAgAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAQFAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAMgAAAu4DIAADAAcAADcRIREnESERMgK8Mv2oAAMg/OAyArz9RAADAEkAAgKsArwAEAAZACIAACUUBwYjIREhMhcWFRQGBx4BJzQrARUzMjc2FzQrARUzMjc2AqwmNI3+hAFjeTdOMDk5Mpxi1tMwGB0CYtjVLxkdxFwrOwK6Hyx0N0cgG0bwU6QQFPNVqBEUAAABABwAAgJSArwAFwAAJSMiJyY1NDc2OwEVIyIGFSEVIRQXFjsBAlL0llJaV0yj8O5PUwGQ/m0uJ1DuAk5VrcpVS3ZTVXdhKiQAAAAAAQACAAICVAK6AAcAAAEjESMRIzUhAlTflt0CUgJD/b8CQXcAAgAkAAICJgIBABIAHAAAJSEiJjU0NjsBNCYrATUhMhcWFQc1IyIHBhUUFjMCJv6aSlJgabIySN8BEVIrUoafKREZJiMCUEZVSToqZxcsfN1vCAwkHRoAAAIAPQACAjQCvAALABYAAAEUBwYjIREzFTMyFgc0JyYrAREzMjc2AjQuQYj/AIN1e4SKHCNYU1JUJR8BB19FYQK6u4CBRyIr/tYsJQABADsAAgDCArwAAwAANyMRM8KHhwICugABAAAAAQAA79g2xV8PPPUAAAPoAAAAAKjWRmgAAAAA2ZNOhgACAAAC7gMgAAAAAwACAAAAAAAAAAEAAAOX/x0AAAMgAAIAAgLuAAEAAAAAAAAAAAAAAAAAAAAHAyAAMgLaAEkCjQAcAlYAAgJlACQCTgA9AP0AOwAAABQASgBwAIIArgDUAOAAAQAAAAcAIwADAAAAAAACAAgAQAAKAAAAcwAAAAAAAAAAABAAxgABAAAAAAAAAHMAAAABAAAAAAABAAcAcwABAAAAAAACAAcAegABAAAAAAADACgAgQABAAAAAAAEAA8AqQABAAAAAAAFADkAuAABAAAAAAAGAAcA8QABAAAAAAAHAEgA+AADAAEECQAAAOYBQAADAAEECQABAA4CJgADAAEECQACAA4CNAADAAEECQADAFACQgADAAEECQAEAB4CkgADAAEECQAFAHICsAADAAEECQAGAA4DIgADAAEECQAHAJADMEZyb20gdGhlIFdTSS1Gb250cyBDb2xsZWN0aW9uLiAgQ29weXJpZ2h0IChjKTE5OTIgVy5TLkkuICBBbGwgUmlnaHRzIFJlc2VydmVkLiAgUmVkaXN0cmlidXRpb24gc3RyaWN0bHkgcHJvaGliaXRlZC5TbGlja2VyUmVndWxhcldlYXRoZXJseSBTeXN0ZW1zLCBJbmMuICBTbGlja2VyIFJlZ3VsYXJTbGlja2VyIFJlZ3VsYXJQdWJsaXNoZXIncyBQYXJhZGlzZSAtLSBNZWRpYSBHcmFwaGljcyBJbnRlcm5hdGlvbmFsIEluYy5TbGlja2VyRm9udHMgbGljZW5zZWQgZnJvbSBXZWF0aGVybHkgU3lzdGVtcywgSW5jIGJ5IE1FRElBIEdSQVBISUNTIElOVCdMLCBJTkMuAEYAcgBvAG0AIAB0AGgAZQAgAFcAUwBJAC0ARgBvAG4AdABzACAAQwBvAGwAbABlAGMAdABpAG8AbgAuACAAIABDAG8AcAB5AHIAaQBnAGgAdAAgACgAYwApADEAOQA5ADIAIABXAC4AUwAuAEkALgAgACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZAAuACAAIABSAGUAZABpAHMAdAByAGkAYgB1AHQAaQBvAG4AIABzAHQAcgBpAGMAdABsAHkAIABwAHIAbwBoAGkAYgBpAHQAZQBkAC4AUwBsAGkAYwBrAGUAcgBSAGUAZwB1AGwAYQByAFcAZQBhAHQAaABlAHIAbAB5ACAAUwB5AHMAdABlAG0AcwAsACAASQBuAGMALgAgACAAUwBsAGkAYwBrAGUAcgAgAFIAZQBnAHUAbABhAHIAUwBsAGkAYwBrAGUAcgAgAFIAZQBnAHUAbABhAHIAUAB1AGIAbABpAHMAaABlAHIAJwBzACAAUABhAHIAYQBkAGkAcwBlACAALQAtACAATQBlAGQAaQBhACAARwByAGEAcABoAGkAYwBzACAASQBuAHQAZQByAG4AYQB0AGkAbwBuAGEAbAAgAEkAbgBjAC4AUwBsAGkAYwBrAGUAcgBGAG8AbgB0AHMAIABsAGkAYwBlAG4AcwBlAGQAIABmAHIAbwBtACAAVwBlAGEAdABoAGUAcgBsAHkAIABTAHkAcwB0AGUAbQBzACwAIABJAG4AYwAgAGIAeQAgAE0ARQBEAEkAQQAgAEcAUgBBAFAASABJAEMAUwAgAEkATgBUACcATAAsACAASQBOAEMALgAAAAIAAAAAAAD/nABGAAAAAAAAAAAAAAAAAAAAAAAAAAcABwAAACUAKAA3AEQARQBP) format("truetype");
    font-style: normal;
    font-weight: 400
}

.t-center {
    text-align: center
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.hidden {
    visibility: hidden
}

.icon-link {
    display: flex;
    align-items: center;
    font-weight: 700;
    justify-content: center;
    cursor: pointer;
    color: var(--mainColor, #606266)
}

.icon-link .svg-icon {
    margin-right: .08rem
}

.no-margin {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

.pointer {
    cursor: pointer
}

.text-bold-primary {
    color: #069b71;
    font-weight: 700
}

.text-bold-success {
    color: #67c23a;
    font-weight: 700
}

.text-bold-danger {
    color: #d20d25;
    font-weight: 700
}

.text-bold-warning {
    color: #e6a23c;
    font-weight: 700
}

.text-bold-info {
    color: #909399;
    font-weight: 700
}

.text-primary {
    color: #069b71
}

.text-success {
    color: #67c23a
}

.text-danger {
    color: #d20d25
}

.text-warning {
    color: #e6a23c
}

.text-info {
    color: var(--subColor, #909399)
}

.text-black {
    color: #000
}

.text-white {
    color: #fff
}

.text-gray {
    color: #999
}

.text-bold {
    font-weight: 700
}

.text-normal {
    font-weight: 400
}

.block {
    display: block !important
}

::-webkit-scrollbar {
    width: .01rem;
    height: .01rem
}

::-webkit-scrollbar-track-piece {
    background: #eee
}

::-webkit-scrollbar-thumb:vertical {
    background: #666
}

.alert-fade-enter-active[data-v-9ac4afda],
.alert-fade-leave-active[data-v-9ac4afda] {
    transition: opacity .3s
}

.alert-fade-enter[data-v-9ac4afda],
.alert-fade-leave-to[data-v-9ac4afda] {
    opacity: 0
}

.dialog-tips[data-v-9ac4afda] {
    position: fixed;
    z-index: 100;
    min-width: 1rem;
    padding: .15rem;
    border-radius: 15px;
    white-space: nowrap;
    background-color: #fff;
    box-shadow: 0 .08rem .3rem 0 rgba(0, 0, 0, .363);
    text-align: center;
    color: #000;
    font-size: .15rem
}

.dialog-center[data-v-9ac4afda] {
    top: 50%;
    left: calc(50% - 1.55rem);
    transform: translate(-50%, -50%)
}