@charset "UTF-8";

*,
body,
html {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    font-family: OswaldBold;
    border: none
}

#app {
    width: 100%;
    font-size: .345rem
}

.app_center {
    position: relative;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    left: 50%;
    transform: translate(-50%)
}

@font-face {
    font-family: OswaldBold;
    src: url(./Oswald-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Regular;
    src: url(./Oswald-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.art_font {
    font-family: Regular;
    text-shadow: -.03rem -.03rem 0 #000, .03rem -.03rem 0 #000, -.03rem .03rem 0 #000, .03rem .03rem 0 #000;
    font-weight: 500
}

.modal-open {
    overflow: hidden;
    height: 100%
}

.el-tooltip_bg {
    background: var(--secondary-color);
    color: var(--font-color5)
}

.el-popover.el-popper {
    max-width: 90%;
    background: var(--theme-neutral4) !important;
    color: var(--theme-neutral1) !important;
    width: 7.5rem;
    font-size: .32rem !important
}

.el-popper.is-light,
.el-popper.is-light .el-popper__arrow:before {
    border: none !important
}

.el-tooltip_bg .el-popper__arrow:before,
.el-popper .el-popper__arrow:before {
    background: var(--secondary-color) !important;
    right: 0
}

.el-input.is-disabled .el-input__wrapper {
    box-shadow: none !important
}

.input_box_style .el-input__wrapper {
    background: transparent;
    border-radius: .2rem
}

.input_box_style .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 2px var(--theme-input-focus-border-color) inset
}

.input_box_style .el-input__wrapper .el-input__inner {
    --el-input-inner-height: .48rem;
    font-size: .35rem;
    color: var(--theme-neutral1)
}

.input_box_style .el-input__wrapper .el-input__inner::placeholder {
    font-size: .35rem;
    font-weight: 500;
    color: var(--theme-input-placeholder-color)
}

.input_box_style .el-input__wrapper .el-input__icon {
    font-size: 20px
}

.el-progress_box {
    margin-top: .1rem
}

.el-progress_box .el-progress-bar__outer {
    background: var(--theme-color5);
    height: .2rem !important
}

.el-progress_box .el-progress-bar__outer .el-progress-bar__inner {
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2)) !important
}

.el-progress_box .el-progress__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: auto !important;
    font-size: .267rem !important;
    color: var(--theme-neutral1) !important
}

.el-progress_box .el-progress__text span {
    color: var(--theme-neutral1) !important
}

::-webkit-scrollbar {
    width: .12rem;
    height: .12rem
}

::-webkit-scrollbar-track {
    width: .1rem;
    background: #ffffff1a;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

::-webkit-scrollbar-thumb {
    background: #fff3;
    background-clip: padding-box;
    min-height: .5rem;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

::-webkit-scrollbar-thumb:hover {
    background: #fff
}

::-webkit-scrollbar {
    display: none
}

ol,
ul {
    list-style: none
}

.toast {
    background: linear-gradient(90deg, #ffefd8, #fae0b8);
    color: #ec8b0c;
    padding: .2rem;
    border-radius: .05rem;
    box-shadow: 0 0 .1rem #0000001a;
    opacity: .9;
    font-size: .4rem;
    border-radius: .2rem;
    width: 8rem;
    transform: translateY(.2rem);
    transition: opacity .5s ease, transform .5s ease;
    font-family: OswaldBold, sans-serif;
    word-wrap: break-word;
    text-align: center;
    pointer-events: none
}

.toast.show {
    opacity: .9;
    transform: translateY(0)
}

.toast.hide {
    opacity: 0;
    transform: translateY(.2rem)
}

.el-dialog {
    margin-top: 10vh;
    width: auto;
    background: none !important;
    box-shadow: none !important;
    display: flex;
    justify-content: center
}

.el-dialog__headerbtn {
    display: none
}

.sl_box_shadow_green {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: .2rem;
    color: var(--theme-neutral1);
    background: var(--theme-dec1)
}

@keyframes rotate_360 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.sl_box_shadow {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: .2rem;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.sl_box_shadow_mask {
    position: relative;
    pointer-events: none
}

.sl_box_shadow_mask:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--mask-color);
    border-radius: .2rem
}

:deep(.el-overlay-dialog) {
    background: var(--mask-color)
}

.el-overlay {
    background-color: #000000b3 !important
}

.el-input .el-input__clear,
.el-input .el-input__password {
    font-size: .35rem !important
}

.el_popover_style {
    background: var(--theme-color5) !important;
    border: none;
    border-radius: var(--common-el_popover_style-border-radius)
}

.popover_content .popover_content_header {
    margin-bottom: .1rem;
    font-size: .32rem;
    font-weight: 400;
    color: var(--theme-neutral1)
}

.popover_content .popover_content_txt {
    font-size: .28rem !important;
    font-weight: 400;
    color: var(--theme-neutral2);
    line-height: .34rem
}

.el-popover__title {
    margin-bottom: .1rem !important;
    font-size: .34rem !important;
    color: var(--theme-neutral1) !important
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

input[type=number] {
    -moz-appearance: textfield
}

.btn {
    cursor: pointer
}

@keyframes bounce {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.bounce {
    opacity: 1;
    transform: scale(1);
    animation: bounce .6s ease-in-out infinite
}

.el-drawer {
    border-radius: .3rem .3rem 0rem 0rem
}

.el-drawer .el-drawer__close-btn,
.el-drawer .el-drawer__header {
    display: none
}

.el-drawer .el-drawer__body {
    height: 100%;
    padding: 0;
    overflow: hidden !important;
    background-color: var(--theme-color4) !important
}

.heat_btn {
    transition: all .3s ease-in-out
}

.heat_btn:active {
    box-shadow: 0 0 0 transparent;
    transform: translateY(.1rem)
}

.heat_btn2 {
    transition: all .2s ease-in-out
}

.heat_btn2:active {
    transform: translateY(.1rem)
}

@keyframes waveEffect {
    0% {
        transform: scale(.2)
    }

    to {
        transform: scale(1)
    }
}

.heartbeat {
    -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
    animation: heartbeat 1.5s ease-in-out infinite both
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    10% {
        -webkit-transform: scale(.91);
        transform: scale(.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    17% {
        -webkit-transform: scale(.98);
        transform: scale(.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    33% {
        -webkit-transform: scale(.87);
        transform: scale(.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.image-container[data-v-e5fc647d] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    display: none !important
}

.image-container .image-wrapper[data-v-e5fc647d] {
    width: 200px;
    height: 200px;
    overflow: hidden
}

.rechargePopPrompt[data-v-7b97e095] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: #0000004d;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center
}

.rechargePopPrompt .box[data-v-7b97e095] {
    width: 6.5rem;
    height: 9rem;
    background: var(--theme-color11);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .3rem
}

.rechargePopPrompt .box img[data-v-7b97e095] {
    width: 2.31rem;
    height: 2.16rem
}

.rechargePopPrompt .box p[data-v-7b97e095] {
    font-size: .36rem;
    color: var(--theme-neutral1);
    white-space: pre-line;
    margin-top: .75rem;
    margin-bottom: .8rem
}

.rechargePopPrompt .box .close[data-v-7b97e095] {
    position: absolute;
    top: .37rem;
    right: .39rem;
    width: .42rem;
    height: .42rem
}

.rechargePopPrompt .box .btn[data-v-7b97e095] {
    width: 4rem;
    height: 1.1rem;
    border-radius: .3rem;
    background: linear-gradient(180deg, var(--theme-ts2-gradient1) 0%, var(--theme-ts2-gradient2) 100%);
    color: var(--theme-neutral1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700
}

.dialog_mask[data-v-75a0db93] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--mask-color);
    display: flex;
    justify-content: center;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

.dialog_mask .dialog[data-v-75a0db93] {
    width: 9.5rem;
    height: 100%;
    display: flex;
    justify-content: center;
    padding-top: 2.48rem;
    box-sizing: border-box;
    max-width: 90%
}

.dialog_mask .dialog .item-group[data-v-75a0db93] {
    width: 100%
}

.dialog_mask .dialog .dialog_close_btn[data-v-75a0db93] {
    position: absolute;
    right: .4rem;
    top: 2.8rem;
    background-size: 100% 100%;
    width: 1.31rem;
    height: .61rem;
    border-radius: .14rem;
    display: flex;
    align-items: center
}

.dialog_mask .dialog .dialog_close_btn img[data-v-75a0db93] {
    width: .45rem;
    height: .45rem;
    margin-left: .38rem
}

.dialog_mask .dialog .dialog_box[data-v-75a0db93] {
    width: 100%;
    border-radius: .3rem;
    overflow: hidden
}

.dialog_mask .dialog .dialog_box>div[data-v-75a0db93]:last-child {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.dialog_mask .dialog .dialog_box .dialog_frame[data-v-75a0db93] {
    height: 1.27rem;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    box-shadow: 0 .5rem .03rem #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center
}

.dialog_mask .dialog .dialog_box .dialog_header[data-v-75a0db93] {
    font-size: .44rem;
    color: var(--theme-neutral1);
    text-align: center;
    font-weight: 100
}

.dialog_mask .dialog .dialog_box .dialog_header p[data-v-75a0db93] {
    font-weight: 700;
    font-size: .48rem;
    line-height: .2rem
}

.dialog_mask .dialog .dialog_box .dialog_content[data-v-75a0db93] {
    min-height: 1rem;
    overflow-y: scroll;
    background: var(--theme-color6);
    display: flex;
    justify-content: center;
    padding-bottom: .5rem;
    height: 100%;
    overflow-y: auto;
    max-height: 12rem
}

.rewardPopup .dialog_content[data-v-d465e3b8] {
    padding: .4rem .4rem .3rem;
    box-sizing: border-box;
    text-align: center;
    max-width: 100%;
    width: 9rem
}

.rewardPopup .dialog_content .true_box .tips[data-v-d465e3b8] {
    margin-bottom: .5rem;
    font-size: .5rem;
    font-weight: 600;
    color: var(--theme-neutral1)
}

.rewardPopup .dialog_content .true_box .content_box[data-v-d465e3b8] {
    margin-bottom: .3rem;
    padding: .4rem .2rem
}

.rewardPopup .dialog_content .true_box .content_box img[data-v-d465e3b8] {
    display: block;
    margin: 0 auto;
    width: 1.6rem
}

.rewardPopup .dialog_content .true_box .content_box div[data-v-d465e3b8] {
    padding: 30px 0 .54rem;
    font-size: .4rem;
    font-weight: 600;
    color: var(--theme-dec4)
}

.rewardPopup .dialog_content .true_box .content_box p[data-v-d465e3b8] {
    font-size: .4rem;
    font-weight: 600;
    color: var(--theme-neutral1);
    line-height: .4rem
}

.rewardPopup .dialog_content .true_box .btn[data-v-d465e3b8] {
    cursor: pointer;
    font-size: .4rem;
    color: var(--theme-neutral1);
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 81%);
    border-radius: .3rem
}

.rewardPopup .dialog_content .true_box .btn span[data-v-d465e3b8] {
    font-weight: 700
}

.game_max_box_one[data-v-493c67b8] {
    display: flex
}

@media (max-width: 750px) {
    .tag[data-v-493c67b8] {
        left: 0;
        position: absolute;
        top: 0;
        padding: 3px 8px !important;
        border-bottom-right-radius: 15px
    }

    .tag span[data-v-493c67b8] {
        font-weight: 550;
        font-size: 12px !important
    }

    .is_dome[data-v-493c67b8] {
        top: 3px !important;
        right: -20px !important
    }
}

.game_name[data-v-493c67b8] {
    font-weight: 600;
    width: 80%;
    text-align: center;
    font-size: 18px !important;
    overflow: hidden
}

.game_box_max[data-v-493c67b8] {
    position: relative;
    width: 100%;
    background-color: var(--gameBox-background);
    border-radius: .2rem;
    overflow: hidden
}

.img_box[data-v-493c67b8] {
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden
}

.img_box .game_icon_bg[data-v-493c67b8] {
    width: 100%;
    min-height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--theme-neutral1);
    background: #00000080;
    font-weight: 600
}

.img_box .game_icon_bg img[data-v-493c67b8] {
    width: .6rem;
    margin-bottom: .2rem
}

.img_box .game_icon[data-v-493c67b8] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: scale(1);
    object-fit: cover;
    border-radius: var(--border-radius)
}

.img_box .tag[data-v-493c67b8] {
    left: 0;
    position: absolute;
    top: 0;
    padding: .05rem .1rem;
    border-bottom-right-radius: var(--gameBox-tag-border-bottom-right-radius)
}

.img_box .tag span[data-v-493c67b8] {
    color: var(--gameBox-tag-font-color) !important;
    font-size: .3rem
}

.img_box .is_top[data-v-493c67b8] {
    background-color: var(--gameBox-is_top-font-color)
}

.img_box .is_dome[data-v-493c67b8] {
    background-color: var(--gameBox-is_dome-font-color);
    top: 9px;
    right: -20px;
    left: unset !important;
    padding: 3px 14px !important;
    transform: rotate(45deg)
}

.img_box .is_hot[data-v-493c67b8] {
    background-color: var(--gameBox-is_hot-font-color)
}

.rtp_box[data-v-493c67b8] {
    position: absolute;
    left: 6% !important;
    top: 86% !important;
    z-index: 10;
    width: 100%
}

.rtp_box span[data-v-493c67b8] {
    font-size: 12px;
    color: var(--gameBox-rtp_box-font-color)
}

.flag_box[data-v-493c67b8] {
    cursor: pointer;
    position: absolute;
    right: 6%;
    top: 0%;
    padding: .05rem .1rem .17rem;
    z-index: 10;
    background-color: var(--mask-color);
    border-radius: 0 0 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.flag_box img[data-v-493c67b8] {
    width: .4rem
}

.mask_box[data-v-493c67b8] {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--gameBox-mask_box-background);
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.mask_box .f_name_box[data-v-493c67b8] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: .1rem 0;
    background-color: var(--gameBox-mask_box-f_name_box-font-color)
}

.mask_box .f_name_box span[data-v-493c67b8] {
    font-size: .3rem;
    font-weight: 600
}

.mask_box .game_name_box span[data-v-493c67b8] {
    font-size: .28rem;
    font-weight: 600
}

.mask_box .ms_box[data-v-493c67b8] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.mask_box .play_icon[data-v-493c67b8] {
    width: 45%;
    transition: all .4s ease-out .1s;
    animation-name: scaleDraw-493c67b8
}

.mask_box div[data-v-493c67b8] {
    position: absolute;
    top: 20%;
    color: var(--gameBox-mask_box-font-color);
    font-weight: 600;
    font-size: .3rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes scaleDraw-493c67b8 {
    to {
        transform: scale(1);
        opacity: 1
    }

    0% {
        transform: scale(1.3);
        opacity: .5
    }
}

@keyframes scaleActive-493c67b8 {
    0% {
        transform: scale(1.3);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-blurred-top-493c67b8 {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slide-in-blurred-top-493c67b8 {
    0% {
        -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1);
        transform: translateY(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

.np_data[data-v-55b89c30] {
    width: 100%;
    border-radius: var(--gamePop-gameList-no_data-border-radius-pc);
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.np_data span[data-v-55b89c30] {
    color: var(--theme-neutral1);
    font-size: 18px
}

.loadMore[data-v-55b89c30] {
    margin-top: .2rem
}

.loadMore .percentage[data-v-55b89c30] {
    width: 500px
}

.gameBox[data-v-55b89c30] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: .1rem;
    row-gap: .1rem;
    padding-bottom: .1rem;
    padding: .3rem
}

.progress_bar[data-v-55b89c30] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem
}

.progress_bar_btn[data-v-55b89c30] {
    background-color: var(--theme-dec3);
    border-radius: .22rem;
    padding: .25rem .45rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center
}

.progress_bar_btn .progress_bar_btn_p[data-v-55b89c30] {
    font-size: .4rem;
    color: var(--theme-neutral1)
}

.progress[data-v-55b89c30] {
    width: 2rem;
    height: .2rem;
    border-radius: 2rem;
    background: var(--theme-color2);
    margin: 0rem 5px;
    overflow: hidden;
    font-weight: 600
}

.progress_bar_box[data-v-55b89c30] {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 400;
    font-size: .32rem;
    gap: .115rem;
    color: var(--theme-neutral1)
}

.progress_item[data-v-55b89c30] {
    height: .2rem;
    border-radius: 2rem;
    background: var(--theme-dec4)
}

.progress_bar_lod[data-v-55b89c30] {
    margin: 0 auto;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: .15rem
}

.progress_bar_lod .progress_bar_lod_item[data-v-55b89c30] {
    width: .1rem;
    height: .1rem;
    border-radius: 1rem;
    margin: 0px .03rem;
    background: var(--theme-neutral1);
    animation: 1.2s ease 0s infinite normal none running breathe-55b89c30
}

.progress_bar_lod .progress_bar_lod_item[data-v-55b89c30]:nth-of-type(2) {
    animation-delay: .4s
}

.progress_bar_lod .progress_bar_lod_item[data-v-55b89c30]:nth-of-type(3) {
    animation-delay: .8s
}

@-webkit-keyframes breathe-55b89c30 {

    0%,
    to {
        opacity: .2
    }

    50% {
        opacity: .8
    }
}

@keyframes breathe-55b89c30 {

    0%,
    to {
        opacity: .2
    }

    50% {
        opacity: .8
    }
}

@media (max-width: 750px) {
    .gameBox[data-v-55b89c30] {
        grid-template-columns: repeat(4, 1fr);
        column-gap: .1rem;
        row-gap: .1rem;
        max-height: 10rem;
        overflow: auto
    }

    .np_data[data-v-55b89c30] {
        width: 100%;
        border-radius: var(--gamePop-gameList-no_data-border-radius-phone);
        height: 50vh;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .np_data span[data-v-55b89c30] {
        font-size: .32rem
    }
}

.list-enter-active[data-v-55b89c30],
.list-leave-active[data-v-55b89c30] {
    transition: opacity 1s, transform 1s
}

.list-enter[data-v-55b89c30],
.list-leave-to[data-v-55b89c30] {
    opacity: 0;
    transform: translateY(30px)
}

.list-move[data-v-55b89c30] {
    transition: transform .6s ease
}

.list-leave-active[data-v-55b89c30] {
    position: absolute
}

.list-complete-item[data-v-55b89c30] {
    transition: opacity 1s, transform 1s;
    display: inline-block;
    margin-right: 10px
}

.list-complete-enter[data-v-55b89c30],
.list-complete-leave-to[data-v-55b89c30] {
    opacity: 0;
    transform: translateY(30px)
}

.list-complete-leave-active[data-v-55b89c30] {
    position: absolute
}

.search_box[data-v-9697d903] {
    border-radius: .22rem;
    max-height: .9rem;
    display: flex;
    align-items: center;
    height: .9rem;
    padding-left: .4rem;
    width: 100%;
    background: var(--theme-color11);
    border-radius: .57rem;
    border: .03rem solid var(--theme-color6)
}

.search_box img[data-v-9697d903] {
    width: .48rem;
    box-sizing: content-box;
    padding-right: .4rem
}

.search_box .seacrh_input[data-v-9697d903] {
    height: 100%;
    border: none;
    color: var(--theme-neutral1);
    font-size: .32rem;
    width: 100%;
    background: var(--theme-color11);
    border-radius: .57rem
}

.search_box .seacrh_input[data-v-9697d903]::placeholder {
    color: var(--theme-neutral2)
}

.selectBox[data-v-b27f4a73] {
    position: relative;
    height: .8rem
}

.selectBox .select_box_column[data-v-b27f4a73] {
    height: .8rem
}

.selectBox .select_box_column input[data-v-b27f4a73] {
    cursor: pointer;
    padding: 0 24px;
    width: 100%;
    height: .8rem;
    box-sizing: border-box;
    border-radius: .22rem;
    border: none;
    color: var(--font-color1);
    background-color: var(--account-table-header)
}

.selectBox .select_box_column input[data-v-b27f4a73]::placeholder {
    color: var(--select-el-placeholder-color)
}

.selectBox .select_box_column .icon[data-v-b27f4a73] {
    position: absolute;
    top: 40%;
    right: 10px;
    transform: translate(-50%, -50%)
}

.selectBox .select_box_column .icon img[data-v-b27f4a73] {
    width: .27rem;
    height: .27rem;
    transform: rotate(-90deg)
}

.selectBox ul[data-v-b27f4a73] {
    display: none;
    position: absolute;
    transform: translateY(.2rem);
    right: 0;
    z-index: 200;
    padding: 10px 0;
    box-sizing: border-box;
    border: 2px solid var(--accout-border-color);
    border-radius: .22rem;
    background-color: var(--gamePage-ul-bgc);
    min-width: 100%;
    overflow: hidden
}

.selectBox ul.active[data-v-b27f4a73] {
    display: flex;
    flex-direction: column;
    gap: 5px
}

.selectBox ul li[data-v-b27f4a73] {
    cursor: pointer;
    padding: 10px 0 10px 17px;
    font-weight: 500;
    color: var(---auxiliary-background-29);
    box-sizing: border-box;
    border-radius: .22rem
}

.selectBox ul li.active[data-v-b27f4a73],
.selectBox ul li[data-v-b27f4a73]:hover {
    background-color: var(--gamePage-input-bgc)
}

.allgamebox {
    background-color: var(--gamePage-ul-bgc);
    width: 100%
}

.changeGameSelectData {
    gap: .26rem;
    margin-bottom: .25rem;
    display: flex
}

:deep(.search_box) {
    width: 100%;
    height: auto !important;
    background-color: var(--auxiliary-background-28) !important
}

.more_column[data-v-71711310] {
    display: flex;
    flex-direction: column;
    text-align: center;
    height: 1rem;
    color: var(--theme-neutral1);
    padding-left: .3rem;
    line-height: 1rem;
    background-color: var(--account-table-header)
}

.more_column span[data-v-71711310] {
    font-size: .46rem
}

.el-transitioning {
    filter: url(#elCarouselHorizontal)
}

.el-transitioning-vertical {
    filter: url(#elCarouselVertical)
}

.announcement .dialog_content[data-v-5ea2343f] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    width: 100%;
    padding: .45rem;
    background: var(--theme-card-background);
    border-radius: var(--announcement-border-radius-pc);
    box-sizing: border-box
}

.announcement .dialog_content .column_title[data-v-5ea2343f] {
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .42rem;
    color: #3c3f40
}

.announcement .dialog_content .img_box[data-v-5ea2343f] {
    display: flex;
    gap: 0px;
    height: 100%
}

.announcement .dialog_content .img_box img[data-v-5ea2343f] {
    display: block;
    width: 100%;
    border-radius: var(--announcement-border-radius-phone)
}

.announcement .dialog_content .txt_content_box[data-v-5ea2343f] {
    background: var(--button-background-1);
    border-radius: var(--announcement-border-radius-pc);
    box-sizing: border-box
}

.announcement .dialog_content .txt_content[data-v-5ea2343f] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    height: 2rem;
    overflow-y: scroll
}

.announcement .dialog_content .txt_content[data-v-5ea2343f]::-webkit-scrollbar {
    display: block
}

.announcement .dialog_content .txt_content .txt_content_title[data-v-5ea2343f] {
    margin-bottom: .15rem;
    font-size: .35rem;
    font-weight: 600;
    color: var(--announcement-txt_content_title-font-color)
}

.announcement .dialog_content .txt_content .txt_content_h[data-v-5ea2343f] {
    font-size: .32rem
}

.announcement .dialog_content .all_btn[data-v-5ea2343f] {
    display: flex;
    align-items: center;
    justify-content: center
}

.announcement .dialog_content .all_btn span[data-v-5ea2343f] {
    cursor: pointer;
    margin-right: .1rem;
    font-size: .32rem;
    font-weight: 500;
    color: var(--bonusCabinet-showMore-font-color)
}

.announcement .dialog_content .all_btn img[data-v-5ea2343f] {
    width: .4rem
}

[data-v-5ea2343f] .el-carousel__indicators--horizontal {
    display: flex;
    gap: .3rem;
    margin-bottom: .4rem
}

[data-v-5ea2343f] .el-carousel__indicators--horizontal .el-carousel__indicator--horizontal {
    width: .36rem;
    height: .36rem;
    background: #fff;
    border-radius: 100%;
    padding: .03rem;
    box-sizing: border-box
}

[data-v-5ea2343f] .el-carousel__indicators--horizontal .el-carousel__indicator--horizontal button {
    width: 100%;
    height: 100%;
    opacity: 1;
    border-radius: 100%;
    box-sizing: border-box
}

[data-v-5ea2343f] .el-carousel__indicators--horizontal .is-active button {
    background: #49a64e
}

.red-packet-rain[data-v-ae2b71d4] {
    position: relative;
    /* width: 100vw; */
    height: 100vh;
    overflow: hidden
}

.red-packet[data-v-ae2b71d4] {
    position: absolute;
    top: -80px;
    border-radius: var(--hongbaoyue-RedPacketRain-border-radius);
    animation: fall-ae2b71d4 var(--fall-duration) linear infinite, rotate-ae2b71d4 var(--rotation-speed) linear infinite
}

.red-packet img[data-v-ae2b71d4] {
    width: 100%
}

@keyframes fall-ae2b71d4 {
    0% {
        top: -50px
    }

    to {
        top: 100vh
    }
}

@keyframes rotate-ae2b71d4 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.dialog[data-v-63bd5b5f] {
    width: 9.2rem;
    border-radius: .3rem;
    color: var(--theme-neutral1);
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.redopen[data-v-63bd5b5f] {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    width: 6.08rem;
    height: 7.42rem;
    z-index: 120;
    color: var(--theme-neutral1);
    background: var(--f9c6da64);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.redopen .header[data-v-63bd5b5f] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding-top: .3rem
}

.redopen .header span[data-v-63bd5b5f] {
    margin-top: .4rem;
    font-size: .38rem;
    font-weight: 400;
    text-align: center
}

.redopen .header img[data-v-63bd5b5f] {
    position: absolute;
    width: .3rem;
    height: .3rem
}

.redopen .dw_box[data-v-63bd5b5f] {
    width: 4.25rem;
    height: 4.25rem
}

.redopen .dw_box .guang[data-v-63bd5b5f] {
    width: 100%
}

.redopen .dw_box .dw[data-v-63bd5b5f] {
    position: absolute;
    width: 3rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.redopen .cash[data-v-63bd5b5f] {
    width: 4rem;
    height: .8rem;
    margin-top: .36rem;
    text-align: center;
    font-weight: 700;
    font-size: .42rem;
    background: var(--3f1471b8);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--theme-dec4);
    display: flex;
    align-items: center;
    justify-content: center
}

.redopen .tips[data-v-63bd5b5f] {
    margin-top: 1.2rem;
    width: 3.29rem;
    text-align: center;
    font-size: .23rem;
    background: transparent
}

.redopen .header img[data-v-63bd5b5f] {
    right: .3rem;
    top: .3rem
}

.redopen .close[data-v-63bd5b5f] {
    position: absolute;
    bottom: -.8rem;
    width: .6rem;
    height: .6rem;
    background: var(--theme-color1);
    border-radius: .6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.redopen .close img[data-v-63bd5b5f] {
    width: .3rem;
    height: .3rem
}

.ruleBox[data-v-63bd5b5f] {
    margin-top: .33rem;
    width: 95%;
    font-size: .3rem;
    transform: scale(.96);
    font-weight: 400;
    line-height: .4rem;
    color: var(--theme-neutral2)
}

.tips[data-v-63bd5b5f] {
    width: 80%;
    height: 1rem;
    margin: .5rem auto 0;
    font-size: .36rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .6rem;
    background: var(--theme-neutral5)
}

.white-page[data-v-63bd5b5f] {
    background-color: transparent
}

.mask[data-v-63bd5b5f] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    background-color: #0009;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.mask .RedPacketRain[data-v-63bd5b5f] {
    position: absolute;
    z-index: -1
}

.time[data-v-63bd5b5f] {
    margin-top: .25rem;
    padding: .3rem .35rem;
    border-radius: .3rem;
    font-weight: 100;
    box-sizing: border-box;
    background: var(--theme-neutral5);
    border-radius: .2rem
}

.time .timeHeader[data-v-63bd5b5f] {
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: .18rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .38rem
}

.time .timeHeader .desc1[data-v-63bd5b5f] {
    font-weight: 700;
    line-height: .5rem;
    margin-right: .34rem
}

.time .timeHeader .desc[data-v-63bd5b5f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: .1rem
}

.time .timeHeader .desc span[data-v-63bd5b5f] {
    display: flex;
    align-items: center;
    font-size: .38rem;
    width: 30%;
    white-space: nowrap
}

.time .timeHeader .desc span img[data-v-63bd5b5f] {
    width: .45rem;
    margin-right: .2rem
}

.time .timeFooter[data-v-63bd5b5f] {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    gap: .13rem
}

.time .timeFooter .box[data-v-63bd5b5f] {
    width: .93rem;
    height: .86rem;
    margin-bottom: .15rem
}

.time .timeFooter .box img[data-v-63bd5b5f] {
    width: 100%
}

.time .timeFooter .box1[data-v-63bd5b5f] {
    opacity: .5
}

.time .timeFooter .state1 .box1[data-v-63bd5b5f] {
    opacity: 1;
    position: relative
}

.time .timeFooter .state1 .box1 img[data-v-63bd5b5f] {
    position: relative;
    z-index: 9
}

.time .timeFooter .state1 .box1[data-v-63bd5b5f]:after {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    background: var(--3f1471b6);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -.1rem;
    top: -.15rem;
    z-index: 0
}

.time .timeFooter span[data-v-63bd5b5f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    justify-content: center;
    white-space: nowrap;
    font-weight: 300;
    color: var(--theme-color1);
    font-size: .3rem
}

.redclose[data-v-63bd5b5f] {
    padding: .2rem .2rem .6rem;
    border-radius: .23rem;
    width: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 120;
    background: var(--theme-color7);
    color: var(--theme-neutral1)
}

.redclose .desc[data-v-63bd5b5f] {
    font-size: .28rem;
    width: 3.2rem;
    margin-left: .7rem;
    margin-top: .5rem;
    color: var(--theme-neutral2)
}

.redclose .desc .desclist[data-v-63bd5b5f] {
    display: flex;
    flex-direction: column
}

.redclose .desc .desclist .line[data-v-63bd5b5f] {
    margin-left: -.28rem;
    width: 90%;
    height: .01rem
}

.redclose .desc .desclist .descitem[data-v-63bd5b5f] {
    margin-top: .16rem;
    list-style: disc;
    font-weight: 400
}

.redclose .openBtn[data-v-63bd5b5f] {
    margin-top: .8rem;
    width: 3.5rem;
    padding: .2rem 0;
    text-align: center;
    font-size: .36rem;
    background: var(--theme-color6);
    border-radius: 1rem
}

.redclose .header img[data-v-63bd5b5f] {
    width: .3rem;
    height: .3rem
}

.header[data-v-63bd5b5f] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-top: .2rem
}

.header span[data-v-63bd5b5f] {
    font-size: .45rem;
    font-weight: 700;
    text-align: center
}

.header img[data-v-63bd5b5f] {
    position: absolute;
    right: .1rem;
    top: .1rem;
    width: .4rem;
    height: .4rem
}

.hongbaoyu_jieshao[data-v-63bd5b5f] {
    min-height: 8rem;
    background-size: 100% 100%;
    padding: .6rem .2rem .49rem;
    border-radius: .3rem;
    position: relative;
    z-index: 120
}

.hongbaoyu_jieshao .close[data-v-63bd5b5f] {
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    bottom: -1.4rem;
    left: 50%;
    transform: translate(-50%);
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.hongbaoyu_jieshao .close img[data-v-63bd5b5f] {
    width: .4rem
}

.hongbaoyu_jieshao .header_img[data-v-63bd5b5f] {
    width: 100%;
    height: 3.3rem;
    position: absolute;
    left: 0;
    top: -2.7rem
}

.hongbaoyu_jieshao .header_img img[data-v-63bd5b5f] {
    width: 100%
}

.hongbaoyu_jieshao .text1[data-v-63bd5b5f] {
    text-align: center;
    font-size: .38rem
}

.hongbaoyu_jieshao .warp1[data-v-63bd5b5f] {
    background: var(--theme-ts3-gradient1);
    border-radius: .3rem;
    border: .03rem dashed var(--theme-color2);
    font-size: .32rem;
    display: flex;
    align-items: center;
    padding: .25rem;
    box-sizing: border-box;
    margin-top: .15rem
}

.hongbaoyu_jieshao .warp1 .warp1_left[data-v-63bd5b5f] {
    width: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .5rem
}

.hongbaoyu_jieshao .warp1 .warp1_left .box[data-v-63bd5b5f] {
    width: 1.68rem;
    height: 1.55rem;
    margin-bottom: .1rem
}

.hongbaoyu_jieshao .warp1 .warp1_left .box img[data-v-63bd5b5f] {
    width: 100%;
    height: 100%
}

.hongbaoyu_jieshao .warp1 .warp1_left .box_op[data-v-63bd5b5f] {
    opacity: .5
}

.hongbaoyu_jieshao .warp1 .warp1_left .btn[data-v-63bd5b5f] {
    width: 2.4rem;
    height: .6rem;
    background: linear-gradient(90deg, var(--theme-ts2-gradient2) 0%, var(--theme-ts2-gradient1) 100%);
    border-radius: 33rem;
    color: var(--theme-dec3);
    display: flex;
    align-items: center;
    justify-content: center
}

.hongbaoyu_jieshao .warp1 .warp1_left .btn2[data-v-63bd5b5f] {
    background: var(--mask-color);
    border: .02rem solid var(--theme-dec4);
    color: var(--theme-dec4)
}

.hongbaoyu_jieshao .warp1 .warp1_right[data-v-63bd5b5f] {
    line-height: .38rem;
    font-size: .36rem
}

.hongbaoyu_jieshao .warp1 .warp1_right p[data-v-63bd5b5f] {
    margin-bottom: .15rem
}

.hongbaoyu_jieshao .warp1 .warp1_right span[data-v-63bd5b5f] {
    color: var(--theme-dec4);
    font-weight: 700;
    font-size: .42rem;
    margin: 0 .05rem
}

.hongbaoyu_jieshao .warp1 .warp1_right img[data-v-63bd5b5f] {
    width: .3rem;
    height: .3rem
}

.hongbaoyu_jieshao .titlebg[data-v-63bd5b5f] {
    margin-top: .4rem;
    width: 100%;
    height: 1.6rem;
    box-sizing: border-box
}

.hongbaoyu_jieshao .titlebg .titleWrap[data-v-63bd5b5f] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: .2rem 0;
    background: var(--theme-color11);
    border: .03rem var(--theme-color2) dashed;
    border-radius: .2rem
}

.hongbaoyu_jieshao .titlebg .titleWrap .title2[data-v-63bd5b5f] {
    display: flex;
    align-items: center;
    font-size: .44rem;
    font-weight: 100
}

.hongbaoyu_jieshao .titlebg .titleWrap .title2 img[data-v-63bd5b5f] {
    width: .6rem;
    margin-right: .2rem
}

.hongbaoyu_jieshao .titlebg .titleWrap .title2 span[data-v-63bd5b5f] {
    line-height: .5rem;
    font-size: .44rem;
    color: var(--theme-dec4);
    text-align: center;
    font-weight: 600
}

.hongbaoyu_jieshao .titlebg .titleWrap .title2[data-v-63bd5b5f]:nth-of-type(2) {
    margin-left: .2rem
}

.tips1[data-v-63bd5b5f] {
    background: linear-gradient(90deg, var(--theme-ts2-gradient2) 0%, var(--theme-ts2-gradient1) 100%)
}

.bonus_pop[data-v-e9cc2f42] {
    width: 9rem;
    padding: .4rem;
    box-sizing: border-box;
    border-radius: .5rem;
    max-width: 100%;
    background: var(--theme-color6);
    border: 3px solid var(--card-border-color)
}

.bonus_pop .bonus_pop_head[data-v-e9cc2f42] {
    margin-bottom: .4rem;
    padding: .35rem 0 .3rem;
    border-radius: .3rem;
    border: 1px solid rgba(178, 182, 197, .3);
    text-align: center;
    color: var(--theme-neutral1);
    font-weight: 600;
    background: var(--page-background-color)
}

.bonus_pop .bonus_pop_head div[data-v-e9cc2f42]:nth-child(1) {
    margin-bottom: .45rem;
    font-size: .4rem
}

.bonus_pop .bonus_pop_head div[data-v-e9cc2f42]:nth-child(2) {
    font-size: .4rem
}

.bonus_pop .bonus_pop_centent[data-v-e9cc2f42] {
    margin-bottom: .45rem
}

.bonus_pop .bonus_pop_centent .bonus_pop_centent_box[data-v-e9cc2f42] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .15rem .2rem;
    border-radius: 10px;
    border: 1px solid rgba(178, 182, 197, .3)
}

.bonus_pop .bonus_pop_centent .bonus_pop_centent_box[data-v-e9cc2f42]:nth-child(1) {
    margin-bottom: .45rem
}

.bonus_pop .bonus_pop_centent .bonus_pop_centent_box:nth-child(2) .amount[data-v-e9cc2f42] {
    color: var(--theme-dec4)
}

.bonus_pop .bonus_pop_centent .bonus_pop_centent_box .centent_box_title[data-v-e9cc2f42] {
    position: absolute;
    top: 0;
    left: .2rem;
    transform: translateY(-50%);
    font-size: .32rem;
    font-weight: 400;
    color: var(--theme-neutral1);
    padding: 0 .05rem
}

.bonus_pop .bonus_pop_centent .bonus_pop_centent_box img[data-v-e9cc2f42] {
    width: .7rem
}

.bonus_pop .bonus_pop_centent .bonus_pop_centent_box .amount[data-v-e9cc2f42] {
    font-size: .4rem;
    font-weight: 400;
    color: var(--theme-dec1)
}

.bonus_pop .bonus_pop_rules[data-v-e9cc2f42] {
    margin-bottom: .45rem;
    font-size: .32rem;
    color: var(--theme-neutral2)
}

.bonus_pop .bonus_pop_rules div[data-v-e9cc2f42] {
    white-space: pre-wrap
}

.bonus_pop .bonus_pop_btn[data-v-e9cc2f42] {
    cursor: pointer;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    font-size: .45rem;
    font-weight: 600;
    color: var(--theme-neutral1);
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 81%);
    border-radius: .6rem
}

.bounsPop_box[data-v-76b07d67] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 2.5rem
}

.mask[data-v-76b07d67] {
    background-color: var(--mask-color)
}

.dialog_close_btn[data-v-76b07d67] {
    position: absolute;
    right: 0;
    top: 1rem;
    width: 1.31rem;
    height: .61rem;
    border-radius: .14rem;
    display: flex;
    align-items: center
}

.dialog_close_btn img[data-v-76b07d67] {
    width: .37rem;
    height: .37rem;
    margin-left: .38rem
}

.BonusCabinetPopWarp[data-v-5755fd68] {
    color: var(--theme-neutral1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: var(--mask-color);
    display: flex;
    justify-content: center;
    align-items: center
}

.BonusCabinetPopBox[data-v-5755fd68] {
    position: relative;
    width: 100%;
    padding: .4rem .3rem
}

.BonusCabinetPop[data-v-5755fd68] {
    position: relative;
    z-index: 1;
    padding-bottom: .5rem
}

.BonusCabinetPop[data-v-5755fd68] .el-statistic__number {
    font-size: .32rem;
    color: var(--font-color1)
}

.BonusCabinetPop[data-v-5755fd68] .el-statistic__content {
    display: flex;
    color: var(--font-color1)
}

.BonusCabinetPop .title[data-v-5755fd68] {
    width: 100%;
    position: relative
}

.BonusCabinetPop .title .time[data-v-5755fd68] {
    position: absolute;
    top: 1.12rem;
    right: .12rem;
    font-size: .5rem;
    line-height: .59rem;
    color: var(--theme-dec4);
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .2rem
}

.BonusCabinetPop .title .time div[data-v-5755fd68] {
    display: flex;
    gap: .06rem
}

.BonusCabinetPop .title .time div span[data-v-5755fd68] {
    width: .7rem;
    text-align: center
}

.BonusCabinetPop .title img[data-v-5755fd68] {
    width: 100%
}

.BonusCabinetPop .title p[data-v-5755fd68] {
    text-align: center;
    font-size: .32rem;
    line-height: .8rem
}

.BonusCabinetPop .title p span[data-v-5755fd68] {
    color: var(--theme-dec4)
}

.BonusCabinetPop .pop[data-v-5755fd68] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem;
    transition: .2s all ease
}

.BonusCabinetPop .pop .item[data-v-5755fd68] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    height: 1.95rem;
    background: var(--theme-dec1);
    border-radius: .2rem;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    padding: .24rem .2rem;
    align-items: flex-start
}

.BonusCabinetPop .pop .item .left[data-v-5755fd68] {
    display: flex;
    align-items: center;
    flex-direction: column
}

.BonusCabinetPop .pop .item .left img[data-v-5755fd68] {
    width: 1.4rem;
    position: absolute;
    right: .09rem;
    bottom: .15rem
}

.BonusCabinetPop .pop .item .left .txt[data-v-5755fd68] {
    color: var(--theme-neutral1);
    display: flex;
    flex-direction: column
}

.BonusCabinetPop .pop .item .left .txt p[data-v-5755fd68] {
    width: 2.52rem;
    font-size: .28rem;
    text-align: center;
    text-align: left
}

.BonusCabinetPop .pop .item .left .txt p[data-v-5755fd68]:nth-child(2) {
    font-size: .28rem;
    color: var(--theme-dec4)
}

.BonusCabinetPop .pop .item .left .txt span[data-v-5755fd68] {
    margin-top: 11px;
    font-size: .32rem
}

.BonusCabinetPop .pop .item .left .imgTxt[data-v-5755fd68] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.BonusCabinetPop .pop .item .left .imgTxt p[data-v-5755fd68] {
    color: var(--theme-neutral1)
}

.BonusCabinetPop .pop .item .left .imgTxt img[data-v-5755fd68] {
    width: 1rem;
    margin-left: .1rem
}

.BonusCabinetPop .pop .item[data-v-5755fd68] .el-button {
    border: none;
    box-shadow: none
}

.BonusCabinetPop .pop .item[data-v-5755fd68] .el-button>span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 8px
}

.BonusCabinetPop .pop .item .no_bonus_box[data-v-5755fd68] {
    background: #0000;
    display: flex;
    gap: 5px;
    box-sizing: border-box;
    height: 52px
}

.BonusCabinetPop .pop .item .no_bonus_box .btn_mask[data-v-5755fd68] {
    display: none !important
}

.BonusCabinetPop .pop .item .no_bonus_box p[data-v-5755fd68] {
    color: #b2b6c5 !important
}

.BonusCabinetPop .pop .item .btn2[data-v-5755fd68] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    position: relative;
    width: 2rem;
    height: .66rem;
    border-radius: .9rem;
    box-sizing: border-box;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    font-size: .24rem;
    font-weight: 700;
    color: var(--theme-dec3)
}

.BonusCabinetPop .pop .item .btn2 p[data-v-5755fd68] {
    color: var(--theme-dec3);
    font-weight: 700;
    text-align: center
}

.BonusCabinetPop .pop .item .btn2 img[data-v-5755fd68] {
    width: .35rem;
    margin-right: .15rem
}

.BonusCabinetPop .pop .item .btn2_item_1[data-v-5755fd68] {
    flex-direction: column
}

.BonusCabinetPop .pop .item .btnMask[data-v-5755fd68] {
    position: relative
}

.BonusCabinetPop .pop .item .btnMask[data-v-5755fd68]:after {
    content: "";
    cursor: pointer;
    background: var(--theme-color6);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: .05rem solid
}

.BonusCabinetPop .pop .item[data-v-5755fd68]:after {
    content: "";
    display: block;
    height: .03rem;
    position: absolute;
    bottom: -.1rem;
    left: 0;
    right: 0
}

.BonusCabinetPop .pop .item[data-v-5755fd68]:nth-last-child(1):after {
    display: none
}

.BonusCabinetPop .btn_mask[data-v-5755fd68] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0505053b;
    border-radius: .25rem
}

.BonusCabinetPop .mask[data-v-5755fd68] {
    display: none;
    z-index: -1 !important
}

.toVip[data-v-5755fd68] {
    padding: .35rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.toVip p[data-v-5755fd68] {
    text-align: center;
    font-size: var(--font-title2);
    display: flex;
    gap: .2rem;
    justify-content: center;
    align-content: center;
    color: var(--theme-dec4)
}

[data-v-5755fd68] .dialog .dialog_box {
    background: var(--theme-color3) !important
}

.apk_downlod[data-v-e99b820b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background-size: 100% 100%;
    padding: .2rem;
    gap: .3rem;
    background: linear-gradient(360deg, var(--theme-main-gradient2) 0%, var(--theme-main-gradient1) 81%)
}

.apk_downlod .apk_downlod_btn_close[data-v-e99b820b] {
    margin-left: .1rem;
    width: .5rem
}

.apk_downlod .apk_downlod_btn_close img[data-v-e99b820b] {
    width: 100%;
    height: 100%
}

.apk_downlod .apk_downlod_btn_text[data-v-e99b820b] {
    display: flex;
    align-items: center
}

.apk_downlod .apk_downlod_btn_text span[data-v-e99b820b] {
    color: var(--theme-neutral1);
    font-weight: 500 !important
}

.apk_downlod .apk_downlod_btn_icon[data-v-e99b820b] {
    width: 1.4rem
}

.apk_downlod .apk_downlod_btn_icon img[data-v-e99b820b] {
    width: 100%;
    height: 100%
}

.apk_downlod .apk_downlod_btn_download[data-v-e99b820b] {
    padding: .2rem .4rem;
    background: var(--theme-neutral1);
    color: var(--theme-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem
}

.apk_downlod .apk_downlod_btn_download .yellow[data-v-e99b820b] {
    padding: .2rem
}

.header[data-v-cb9de766] {
    padding: .4rem;
    color: var(--theme-neutral1);
    position: relative
}

.header .icon-box[data-v-cb9de766] {
    position: absolute;
    right: .37rem;
    top: .37rem;
    display: flex;
    align-items: center
}

.header .icon-box>img[data-v-cb9de766] {
    width: .45rem;
    margin-right: .3rem
}

.header .icon-box div[data-v-cb9de766] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .59rem;
    height: .59rem;
    background: var(--theme-neutral5);
    border-radius: 50%
}

.header .icon-box div img[data-v-cb9de766] {
    width: .25rem
}

.header .con-box[data-v-cb9de766] {
    display: flex;
    font-size: .28rem;
    height: 1.6rem;
    box-sizing: border-box;
    font-weight: 100;
    color: var(--theme-neutral2)
}

.header .con-box img[data-v-cb9de766] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .3rem;
    margin-right: .32rem
}

.header .con-box div[data-v-cb9de766] {
    display: flex;
    flex-direction: column;
    font-size: .28rem
}

.header .con-box p[data-v-cb9de766]:nth-of-type(1) {
    margin-bottom: .15rem;
    font-size: .5rem;
    font-weight: 700;
    color: var(--theme-neutral1)
}

.warp[data-v-cb9de766] {
    box-sizing: border-box;
    background: var(--theme-color6);
    padding: .6rem .45rem;
    color: var(--theme-neutral1);
    border-radius: .4rem .4rem 0rem 0rem
}

.warp .warp1[data-v-cb9de766] {
    text-align: center
}

.warp .warp1 .title[data-v-cb9de766] {
    font-weight: 700;
    margin-bottom: .2rem;
    font-size: .45rem
}

.warp .warp1 .con[data-v-cb9de766] {
    overflow-y: auto;
    max-height: 5rem;
    color: var(--theme-color2)
}

.warp .warp1 .con p[data-v-cb9de766] {
    font-size: .34rem;
    line-height: .5rem;
    font-weight: 400;
    white-space: pre-wrap
}

.warp .warp1 .con img[data-v-cb9de766] {
    width: .6rem;
    height: .42rem;
    margin-right: .1rem
}

.warp .warp1 .jh-box[data-v-cb9de766] {
    margin: .3rem auto 0;
    height: 1.2rem;
    box-sizing: border-box
}

.warp .warp1 .jh-box[data-v-cb9de766] .el-progress {
    margin: 0 auto;
    height: 100%;
    width: 90%
}

.warp .warp1 .jh-box[data-v-cb9de766] .el-progress .el-progress-bar__outer {
    height: 1.2rem !important
}

.warp .warp1 .jh-box[data-v-cb9de766] .el-progress .el-progress-bar__inner {
    position: relative
}

.warp .warp1 .jh-box[data-v-cb9de766] .el-progress .el-progress__text {
    position: absolute;
    left: 50%;
    top: 50% !important;
    transform: translate(-50%, -50%)
}

.warp .warp1 .jh-box .btn[data-v-cb9de766] {
    margin: 0 auto;
    width: 90%;
    height: 1.09rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3);
    box-sizing: border-box;
    border-radius: .6rem;
    font-size: .42rem;
    font-weight: 700;
    font-family: Microsoft YaHei;
    display: flex;
    align-items: center;
    justify-content: center
}

.warp .warp1 .jh-box .btn img[data-v-cb9de766] {
    width: .5rem;
    margin-right: .24rem
}

.warp .warp2[data-v-cb9de766] {
    margin-top: .52rem
}

.warp .warp2 .title[data-v-cb9de766] {
    position: relative;
    margin-bottom: .24rem
}

.warp .warp2 p[data-v-cb9de766] {
    margin-bottom: .3rem;
    color: var(--theme-neutral2);
    font-weight: 400
}

.warp .warp3[data-v-cb9de766] {
    margin: .3rem 0 0;
    padding: .28rem .41rem .37rem .28rem;
    color: var(--theme-neutral1);
    background: var(--theme-color7);
    border-radius: .2rem
}

.warp .warp3 .title[data-v-cb9de766] {
    font-weight: 700;
    font-size: .34rem
}

.warp .warp3 img[data-v-cb9de766] {
    width: .39rem;
    margin-right: .2rem
}

.warp .warp3 div[data-v-cb9de766] {
    display: flex;
    align-items: center;
    font-weight: 600
}

.warp .warp3 p[data-v-cb9de766] {
    margin-top: .25rem;
    font-weight: 400;
    font-size: .28rem;
    line-height: .4rem
}

.ios[data-v-cb9de766] {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #000000b3
}

.ios img[data-v-cb9de766] {
    width: 9rem
}

.notLoggedIn[data-v-689a4ac1] {
    display: flex;
    gap: .2rem;
    align-items: center
}

.notLoggedIn .btn[data-v-689a4ac1] {
    width: 2.1rem;
    height: .8rem;
    font-size: .34rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-neutral1);
    border-radius: .2rem;
    position: relative
}

.notLoggedIn .btn[data-v-689a4ac1]:first-child {
    background: var(--theme-color11)
}

.notLoggedIn .btn[data-v-689a4ac1]:last-child {
    background: linear-gradient(0deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3)
}

.icon[data-v-689a4ac1] {
    width: .8rem;
    position: absolute;
    top: -.2rem;
    right: -.4rem;
    z-index: 5;
    animation: move-689a4ac1 3s linear infinite
}

@keyframes move-689a4ac1 {
    0% {
        transform: rotate(-10deg) scale(.8)
    }

    25% {
        transform: rotate(10deg) scale(.8)
    }

    50% {
        transform: rotate(0) scale(.8)
    }

    70% {
        transform: rotate(0) scale3d(.8, .9, .8)
    }

    90% {
        transform: rotate(0) scale3d(.8, .9, .8)
    }

    to {
        transform: rotate(-10deg) scale(.8)
    }
}

.wallet[data-v-b366adf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--theme-color6);
    border-radius: .16rem;
    height: .8rem;
    box-sizing: border-box;
    padding: 0 .13rem
}

.wallet .money[data-v-b366adf5] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wallet .money .moneyDiv[data-v-b366adf5] {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    color: var(--theme-neutral1);
    font-size: .35rem;
    font-weight: 700;
    position: relative;
    padding-left: .05
}

.wallet .money .moneyDiv p[data-v-b366adf5] {
    display: flex
}

.wallet .money .moneyDiv span[data-v-b366adf5] {
    display: inline-block;
    display: flex;
    align-items: center;
    color: var(--theme-neutral1);
    margin-right: .1rem
}

.wallet .money .moneyDiv img[data-v-b366adf5] {
    width: .8rem;
    position: absolute;
    top: -.2rem;
    left: -.35rem
}

.wallet .money .deposit[data-v-b366adf5] {
    width: .65rem;
    height: .65rem;
    background: linear-gradient(180deg, var(--theme-ts2-gradient2), var(--theme-ts2-gradient1));
    border-radius: .16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-weight: 100;
    font-size: .6rem;
    margin-left: .1rem;
    color: var(--theme-neutral1)
}

.wallet .money .deposit img[data-v-b366adf5] {
    width: .45rem
}

.LoggedIn[data-v-8ccc4099] {
    display: flex;
    align-items: center;
    position: relative
}

.LoggedIn .Activity[data-v-8ccc4099] {
    margin-left: .2rem;
    display: flex;
    align-items: center
}

.LoggedIn .Activity .item[data-v-8ccc4099] {
    display: flex;
    align-items: center
}

.LoggedIn .Activity .item .bonus[data-v-8ccc4099] {
    width: .8rem;
    height: auto
}

.LoggedIn .Activity img[data-v-8ccc4099] {
    width: .22rem;
    height: .18rem
}

.header[data-v-b05e572a] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.2rem;
    width: 100%;
    padding-right: .35rem;
    box-sizing: border-box;
    background: linear-gradient(90deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.header .header_bg[data-v-b05e572a] {
    position: absolute;
    width: 100%;
    height: 100%
}

.header .headerLeft[data-v-b05e572a] {
    display: flex;
    align-items: center;
    z-index: 1;
    margin-right: .15rem
}

.header .headerLeft .menu_btn[data-v-b05e572a] {
    padding: .26rem .23rem;
    border-radius: .2rem 0 0 .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.header .headerLeft .menu_btn img[data-v-b05e572a] {
    width: .6rem;
    cursor: pointer;
    transform: rotate(-180deg)
}

.header .headerLeft .logo[data-v-b05e572a] {
    margin-left: .2rem;
    display: flex;
    align-items: center
}

.header .headerLeft .logo img[data-v-b05e572a] {
    max-height: .8rem
}

.header .headerLeft .chake_icon[data-v-b05e572a] {
    transform: rotate(-180deg)
}

.header .headerRight[data-v-b05e572a] {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.header .kf[data-v-b05e572a] {
    width: .8rem;
    height: .8rem;
    margin-left: .13rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-color11);
    border: .05rem solid var(--theme-color13);
    border-radius: .16rem
}

.header .kf img[data-v-b05e572a] {
    width: .6rem
}

.vipLevelBonusBox[data-v-ba9c1df1] {
    margin-top: .8rem
}

.vipLevelBonusBox .vipLevelBonus[data-v-ba9c1df1] {
    width: 100%;
    height: 2.2rem;
    background: var(--theme-color7);
    border-radius: .2rem;
    padding: .28rem .2rem .2rem;
    display: flex;
    justify-content: space-between
}

.vipLevelBonusBox .vipLevelBonus .left .title[data-v-ba9c1df1] {
    margin-bottom: .2rem;
    color: var(--theme-neutral1);
    font-size: .32rem
}

.vipLevelBonusBox .vipLevelBonus .left .ProgressBar[data-v-ba9c1df1] {
    width: 3.7rem;
    height: .16rem;
    background: var(--theme-neutral4);
    border-radius: 1rem
}

.vipLevelBonusBox .vipLevelBonus .left .ProgressBar div[data-v-ba9c1df1] {
    background: var(--theme-dec4);
    height: 100%;
    width: 0;
    border-radius: 1rem
}

.vipLevelBonusBox .vipLevelBonus .left .ProgressBartTxt[data-v-ba9c1df1] {
    margin-top: .4rem;
    color: var(--theme-neutral1);
    font-size: .28rem
}

.vipLevelBonusBox .vipLevelBonus .rit[data-v-ba9c1df1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .28rem
}

.vipLevelBonusBox .vipLevelBonus .rit .vipImg[data-v-ba9c1df1] {
    width: .88rem
}

.vipLevelBonusBox .vipLevelBonus .rit .btn[data-v-ba9c1df1] {
    position: relative;
    width: 2.4rem;
    height: .74rem;
    background-color: var(--theme-dec4);
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--theme-dec3);
    gap: .1rem;
    font-size: .32rem;
    font-weight: 700
}

.vipLevelBonusBox .vipLevelBonus .rit .btn div[data-v-ba9c1df1] {
    display: flex;
    gap: .1rem
}

.vipLevelBonusBox .vipLevelBonus .rit .btn div img[data-v-ba9c1df1] {
    width: .32rem
}

.vipLevelBonusBox .vipLevelBonus .rit .btn .mask[data-v-ba9c1df1] {
    background: var(--theme-neutral4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: .195rem
}

.vipLevelBonusBox .bounsPop_box[data-v-ba9c1df1] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.vipLevelBonusBox .bounsPop_box .pop_box[data-v-ba9c1df1] {
    position: relative
}

.sidebarWallet[data-v-0148da0b] {
    margin-bottom: .6rem
}

.sidebarWallet .sidebarWallet_money[data-v-0148da0b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .55rem .4rem;
    height: .86rem;
    margin-bottom: .37rem;
    box-sizing: border-box;
    color: var(--theme-neutral1);
    background: var(--18d25854);
    background-size: 100% 100%
}

.sidebarWallet .sidebarWallet_money div[data-v-0148da0b]:nth-child(1) {
    font-weight: 400;
    font-size: .36rem
}

.sidebarWallet .sidebarWallet_money div[data-v-0148da0b]:nth-child(2) {
    font-size: .5rem
}

.sidebarWallet .sidebarWallet_money div:nth-child(2) span[data-v-0148da0b] {
    color: var(--theme-dec4)
}

.sidebarWallet .sidebarWallet_money_btn_box[data-v-0148da0b] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem;
    padding: 0 .2rem
}

.sidebarWallet .sidebarWallet_money_btn_box .btn[data-v-0148da0b] {
    height: 1rem;
    font-size: var(--font-title);
    color: var(--theme-neutral1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    position: relative
}

.sidebarWallet .sidebarWallet_money_btn_box .btn img[data-v-0148da0b] {
    margin-right: .14rem;
    width: .47rem
}

.sidebarWallet .sidebarWallet_money_btn_box .btn span[data-v-0148da0b] {
    position: relative;
    z-index: 2
}

.sidebarWallet .sidebarWallet_money_btn_box .btn1[data-v-0148da0b] {
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2))
}

.sidebarWallet .sidebarWallet_money_btn_box .btn2[data-v-0148da0b] {
    background: var(--theme-ts2-gradient2)
}

.sidebarSquare[data-v-466f5594] {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: .3rem;
    column-gap: .2rem;
    flex-wrap: wrap;
    align-items: flex-start
}

.sidebarSquare .base_icon[data-v-466f5594] {
    cursor: pointer;
    position: relative;
    margin-bottom: .15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--theme-neutral1);
    box-sizing: border-box;
    font-size: .32rem;
    border-radius: .3rem;
    text-align: center
}

.sidebarSquare .base_icon .img_box[data-v-466f5594] {
    border-radius: .3rem
}

.sidebarSquare .base_icon .img_box .img[data-v-466f5594] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative
}

.sidebarSquare .base_icon .img_box .img p[data-v-466f5594] {
    position: absolute;
    top: .3rem;
    left: .2rem
}

.sidebarSquare .base_icon .img_box .img img[data-v-466f5594] {
    width: 100%;
    height: 100%
}

.sidebarSquare .base_icon[data-v-466f5594]:nth-child(1) {
    width: 2.9rem;
    height: 3.5rem
}

.sidebarSquare .base_icon[data-v-466f5594]:nth-child(2) {
    width: 3.5rem;
    height: 1.6rem
}

.sidebarSquare .base_icon[data-v-466f5594]:nth-child(3),
.sidebarSquare .base_icon[data-v-466f5594]:nth-child(4) {
    width: 1.65rem;
    height: 1.7rem
}

.sidebarSquare .base_icon[data-v-466f5594]:nth-child(3) {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem
}

.sidebarSquare .base_icon[data-v-466f5594]:nth-child(4) {
    position: absolute;
    right: 0;
    top: 1.8rem
}

.sidebarRectangle[data-v-a433e982] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: .2rem
}

.sidebarRectangle .imgBoxdiv[data-v-a433e982] {
    width: 3.2rem;
    height: 1.5rem;
    background: var(--theme-color7);
    color: var(--theme-neutral1);
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    position: relative;
    flex-direction: column;
    overflow: hidden;
    padding-left: .2rem;
    padding-top: .26rem;
    gap: .2rem
}

.sidebarRectangle .imgBoxdiv .left[data-v-a433e982] {
    display: flex;
    align-items: center
}

.sidebarRectangle .imgBoxdiv .img img[data-v-a433e982] {
    width: 1.3rem;
    position: absolute;
    bottom: -.1rem;
    right: -.1rem
}

.sidebarRectangle .imgBoxdiv .text[data-v-a433e982] {
    font-size: .28rem;
    white-space: pre-wrap;
    box-sizing: border-box
}

.sidebarRectangle .imgBoxdiv .btn[data-v-a433e982] {
    width: .8rem;
    height: .4rem;
    background: var(--theme-dec1);
    border-radius: .8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.sidebarRectangle .imgBoxdiv .btn img[data-v-a433e982] {
    width: .19rem
}

.item[data-v-208931bf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--LoginRegister-tabs-background);
    width: 100%;
    padding: .2rem .3rem;
    border-radius: .15rem;
    color: var(--font-color1)
}

.item .left[data-v-208931bf] {
    display: flex;
    align-items: center
}

.item .left img[data-v-208931bf] {
    width: .8rem
}

.item .left p[data-v-208931bf] {
    margin-left: .32rem;
    font-size: .453rem;
    font-weight: 700;
    color: var(--theme-neutral1)
}

.item .rit[data-v-208931bf] {
    padding: .1rem .4rem;
    background: var(--BonusCabinet-btn-background);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .12rem;
    font-size: .453rem;
    font-weight: 700
}

.sidebarOutra[data-v-089cde26] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    gap: .25rem;
    margin-top: .74rem;
    font-size: .32rem
}

.sidebarOutra .list ul li[data-v-089cde26] {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: .1rem;
    height: .5rem
}

.sidebarOutra .list ul li[data-v-089cde26]:hover {
    background: var(--sidebar-other-hover-background);
    border-radius: var(--sidebar-demoCollapseCoumn-border-radius)
}

.sidebarOutra .list ul li img[data-v-089cde26] {
    width: .38rem;
    margin-right: .3rem
}

.sidebarOutra .list ul li span[data-v-089cde26] {
    color: var(--theme-neutral1);
    vertical-align: middle
}

.sidebarOutra .item[data-v-089cde26] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 1.2rem;
    color: var(--theme-neutral1);
    background: var(--theme-color6);
    padding: 0 .2rem;
    border-radius: .15rem
}

.sidebarOutra .item .mode2 img[data-v-089cde26] {
    width: .92rem
}

.sidebarOutra .item .left[data-v-089cde26] {
    display: flex;
    align-items: center;
    font-size: .36rem
}

.sidebarOutra .item .left img[data-v-089cde26] {
    width: .61rem;
    margin-right: .42rem
}

.sidebarOutra .item .rit[data-v-089cde26] {
    width: .66rem;
    height: .66rem;
    background: var(--theme-color7);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .14rem
}

.sidebarOutra .item .rit img[data-v-089cde26] {
    transform: rotate(180deg);
    width: .17rem
}

.sidebarBottom[data-v-8415c6df] {
    display: flex;
    justify-content: center;
    gap: .66rem;
    margin-top: .8rem;
    padding-bottom: .65rem
}

.sidebarBottom img[data-v-8415c6df] {
    height: .65rem
}

.sidebar_box[data-v-cac838f7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 98
}

.mask[data-v-cac838f7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    background-color: var(--mask-color);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.sidebar[data-v-cac838f7] {
    width: 7rem;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    box-sizing: border-box;
    z-index: 99;
    background: var(--theme-color3);
    padding: .46rem .2rem 2rem
}

.sidebar .fontTitle[data-v-cac838f7] {
    font-family: OswaldBold;
    font-weight: 600;
    font-size: .36rem;
    color: var(--theme-color2);
    margin: 0 0 .18rem
}

.sidebar .sidebarOpen[data-v-cac838f7] {
    left: 0
}

.sidebar .sidebarclose[data-v-cac838f7] {
    left: -5.3rem
}

.sidebarCom_transition[data-v-cac838f7] {
    padding-left: 0;
    width: 0 !important
}

.downloadApp[data-v-cac838f7] {
    font-size: .36rem;
    height: .86rem;
    padding: 0 0 .4rem .6rem;
    color: var(--theme-neutral1);
    background: var(--3f3f255f);
    background-size: 100% 100%
}

.downloadApp div[data-v-cac838f7] {
    display: flex;
    align-items: center;
    transform: translateY(-.12rem)
}

.downloadApp div img[data-v-cac838f7] {
    width: .6rem;
    height: .6rem;
    margin-right: .42rem
}

.download-icon[data-v-cac838f7] {
    width: .45rem;
    height: .45rem;
    margin-right: .3rem;
    margin-top: -.05rem
}

.ranking_entrance[data-v-cac838f7] {
    width: 100%;
    height: 2.64rem;
    margin: .2rem auto -.4rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.ranking_entrance img[data-v-cac838f7] {
    width: 100%
}

.ranking_entrance p[data-v-cac838f7] {
    font-weight: 800;
    font-size: .54rem;
    line-height: .63rem;
    background: linear-gradient(180deg, var(--theme-neutral1) 0%, var(--theme-dec4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: .6rem
}

.footer[data-v-0d361cc3] {
    width: 100%;
    position: relative;
    background-color: var(--theme-color3);
    padding: 0 0rem 1rem
}

.footer .footerBody[data-v-0d361cc3] {
    width: 100%;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 2rem;
    position: relative
}

.footer .footerBody .footerBodyImg[data-v-0d361cc3] {
    width: 9.5rem;
    margin: auto;
    margin-top: 1rem
}

.footer .footerBody .txtBox[data-v-0d361cc3] {
    position: absolute;
    top: 5rem;
    left: 2.37rem;
    width: 6.79rem
}

.footer .footerBody .txtBox>p[data-v-0d361cc3]:first-child {
    font-size: .36rem;
    color: var(--theme-dec4)
}

.footer .footerBody .txtBox p[data-v-0d361cc3] {
    font-size: .28rem;
    color: var(--theme-color2);
    margin-top: .09rem
}

.footer .footerBody .payBox[data-v-0d361cc3] {
    width: 100%;
    background-size: 100% 4.4rem;
    padding-top: 1.37rem;
    padding-bottom: 1.8rem;
    display: flex;
    justify-content: center
}

.footer .footerBody .payBox img[data-v-0d361cc3] {
    height: 1.3rem
}

.footer .footerBody .nationBox[data-v-0d361cc3] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    color: var(--theme-neutral1);
    padding: .5rem .1rem;
    margin: 0 .2rem 1rem;
    box-sizing: border-box;
    background: var(--theme-color11);
    border: .02px solid var(--theme-color11);
    border-radius: .2rem
}

.footer .footerBody .nationBox .title[data-v-0d361cc3] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-title);
    font-weight: 700;
    margin-top: .5rem
}

.footer .footerBody .nationBox .nationBoxBody[data-v-0d361cc3] {
    display: flex;
    align-items: center;
    gap: .3rem
}

.footer .footerBody .nationBox .nationBoxBody img[data-v-0d361cc3] {
    width: 1.7rem
}

.footer .footerBody .nationBox .nationBoxBody div[data-v-0d361cc3] {
    display: flex;
    flex-direction: column
}

.footer .footerBody .nationBox .nationBoxBody div p[data-v-0d361cc3] {
    font-size: .46rem;
    font-weight: 700;
    margin-bottom: .2rem
}

.footer .footerBody .nationBox .nationBoxBody div span[data-v-0d361cc3] {
    font-size: .31rem;
    line-height: .4rem;
    font-weight: 400;
    opacity: .8;
    color: var(--theme-neutral2)
}

.footer .footerBody .nationBox .nationBoxfooter[data-v-0d361cc3] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: .4rem;
    border-radius: .4rem;
    position: relative
}

.footer .footerBody .nationBox .nationBoxfooter img[data-v-0d361cc3] {
    width: 100%
}

.footer .footerBody .nationBox .img[data-v-0d361cc3] {
    width: 1.17rem
}

.footer .footerBody .bottom[data-v-0d361cc3] {
    width: 100%;
    padding-top: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1.42rem;
    color: var(--theme-neutral1)
}

.footer .footerBody .bottom img[data-v-0d361cc3] {
    margin-bottom: .5rem
}

.footer .footerBody .bottom img[data-v-0d361cc3]:nth-child(1) {
    width: .85rem
}

.footer .footerBody .bottom img[data-v-0d361cc3]:nth-child(2) {
    width: 4rem
}

.footer .footerBody .bottom p[data-v-0d361cc3] {
    width: 90%;
    padding: 0 .36rem;
    box-sizing: border-box;
    font-size: .32rem;
    text-align: center;
    white-space: normal;
    opacity: .3;
    line-height: .39rem
}

.tablebar[data-v-73ac266f] {
    display: flex;
    align-items: flex-end
}

.tablebar .tablebar_box[data-v-73ac266f] {
    height: 1.6rem;
    width: 100%;
    background: var(--theme-color3);
    display: flex;
    justify-content: space-between
}

.tablebar .item[data-v-73ac266f] {
    position: relative;
    height: 100%;
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: .26rem
}

.tablebar .item img[data-v-73ac266f] {
    position: relative;
    z-index: 2;
    width: .65rem
}

.tablebar .item .w_txt[data-v-73ac266f] {
    position: absolute;
    top: -.25rem !important;
    left: -.95rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem !important;
    height: .6rem;
    background: var(--theme-color3);
    border-radius: 1rem;
    border: .03rem solid var(--theme-dec4);
    color: var(--theme-neutral1);
    animation: w_txt_am-73ac266f 1s infinite ease
}

@keyframes w_txt_am-73ac266f {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.tablebar .item P[data-v-73ac266f] {
    position: relative;
    z-index: 2;
    font-size: .3rem;
    color: var(--theme-color7);
    font-weight: 700
}

@keyframes bounce-73ac266f {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.tablebar .item[data-v-73ac266f]:nth-child(3) {
    height: 2.33rem;
    width: 25%;
    border-radius: .2rem .2rem 0 0;
    margin-top: -.83rem;
    background: none;
    gap: 0
}

.tablebar .item:nth-child(3) img[data-v-73ac266f] {
    position: relative;
    z-index: 2;
    width: 1.94rem
}

.tablebar .ranking .ranking_money[data-v-73ac266f] {
    width: auto;
    height: .5rem;
    padding: 0 .2rem;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    background: red;
    border-radius: 3rem;
    border: .02rem solid var(--theme-dec4);
    color: #fff;
    position: absolute;
    top: -.25rem;
    z-index: 2
}

.tablebar .ranking_tips[data-v-73ac266f] {
    display: contents;
    position: relative;
    z-index: 2
}

.tablebar .ranking_tips[data-v-73ac266f]:after {
    content: "";
    width: .2rem;
    height: .2rem;
    background: red;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    top: .2rem;
    right: .5rem;
    animation: bounce-73ac266f .6s ease-in-out infinite
}

.tablebar .checked[data-v-73ac266f] {
    background: linear-gradient(0deg, var(--theme-color13), var(--theme-color11))
}

.tablebar .checked p[data-v-73ac266f] {
    color: var(--theme-neutral1)
}

.inputFoucs .el-input-group[data-v-056598b4] {
    box-shadow: 0 0 0 1px var(--theme-font-color-fff) inset
}

.head[data-v-056598b4] {
    text-align: left
}

.el-input[data-v-056598b4] {
    padding: 0 .3rem;
    height: 1.2rem
}

[data-v-056598b4] .el-input-group__prepend {
    width: .5rem;
    background: none;
    box-shadow: none;
    box-sizing: border-box;
    position: relative;
    font-size: .38rem;
    height: 100%;
    padding: 0 0 0 .1rem
}

[data-v-056598b4] .el-input-group__prepend:before {
    content: "";
    position: absolute;
    right: -.5rem;
    width: .04rem;
    height: .6rem;
    background: var(--theme-color7);
    border-radius: .2rem
}

.el_input_box[data-v-056598b4] {
    position: relative !important;
    background: var(--theme-color6);
    border-radius: .2rem
}

.el_input_box .input_box_style[data-v-056598b4] {
    position: relative;
    display: grid;
    grid-template-columns: 13% 1fr;
    border-radius: .2rem;
    background: var(--theme-color6)
}

.el_input_box .input_box_style[data-v-056598b4] .el-input__wrapper {
    box-shadow: none !important;
    width: 100%
}

.el_input_box .input_box_style[data-v-056598b4] .el-input__wrapper input {
    height: 100%;
    --el-input-inner-height: .3rem;
    color: var(--theme-neutral1)
}

.el_input_box .input_box_style[data-v-056598b4] .el-input__wrapper input::-webkit-input-placeholder {
    font-size: .37rem;
    color: var(--theme-neutral2)
}

.el_input_box .input_box_style[data-v-056598b4] .el-input__wrapper input:-moz-placeholder {
    font-size: .37rem;
    color: var(--theme-neutral2)
}

.el_input_box .input_box_style[data-v-056598b4] .el-input__wrapper input::-moz-placeholder {
    font-size: .37rem;
    color: var(--theme-neutral2)
}

.el_input_box .input_box_style[data-v-056598b4] .el-input__wrapper input:-ms-input-placeholder {
    font-size: .37rem;
    color: var(--theme-neutral2)
}

.el_input_box .input_txt_red[data-v-056598b4],
.el_input_box .input_txt_green[data-v-056598b4] {
    font-weight: 800
}

.el_input_box .otherBg[data-v-056598b4] {
    background-color: var(--theme-color6)
}

.el_input_box .input_txt[data-v-056598b4] {
    position: absolute;
    top: 32.5%;
    left: 1.9rem;
    font-size: .32rem;
    background: transparent;
    box-sizing: border-box;
    color: var(--secondary-color);
    pointer-events: none;
    border: none;
    transition: all .2s linear
}

.el_input_box .input_box_hover[data-v-056598b4] {
    color: var(--secondary-color);
    top: -12px;
    left: -2.5% !important;
    transform: scale(.8)
}

.inputFoucs .el-input-group[data-v-8944f124] {
    box-shadow: 0 0 0 1px var(--theme-font-color-fff) inset
}

.head[data-v-8944f124] {
    text-align: left
}

[data-v-8944f124] .el-input-group__prepend {
    background: none;
    box-shadow: none;
    padding: 0 0 0 .2rem;
    height: 1rem
}

.el_input_box[data-v-8944f124] {
    position: relative !important
}

.el_input_box .input_box_style[data-v-8944f124] {
    position: relative;
    display: grid;
    grid-template-columns: 20% 1fr;
    background-color: var(--input-background-color);
    border-radius: .2rem
}

.el_input_box .input_box_style[data-v-8944f124] .el-input__wrapper {
    box-shadow: none
}

.el_input_box .input_box_style[data-v-8944f124] .el-input__wrapper input {
    --el-input-inner-height: .3rem;
    background-color: var(--input-background-color)
}

.el_input_box .input_txt_red[data-v-8944f124],
.el_input_box .input_txt_green[data-v-8944f124] {
    font-weight: 800
}

.el_input_box .otherBg[data-v-8944f124] {
    background-color: var(--accout-input-bgc)
}

.el_input_box .input_txt[data-v-8944f124] {
    position: absolute;
    top: 32.5%;
    left: 1.9rem;
    font-size: .32rem;
    background: transparent;
    box-sizing: border-box;
    color: var(--theme-neutral1);
    pointer-events: none;
    border: none;
    transition: all .2s linear
}

.el_input_box .input_box_hover[data-v-8944f124] {
    color: var(--theme-neutral1);
    top: -12px;
    left: -2.5% !important;
    transform: scale(.8)
}

.phoneBox[data-v-98d81f68] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 23px
}

.phoneBox .phone[data-v-98d81f68] {
    display: flex;
    align-items: center
}

.phoneBox .phone img[data-v-98d81f68] {
    width: .35rem
}

.phoneBox .pwd[data-v-98d81f68] {
    width: 100%;
    display: flex;
    align-items: center
}

.phoneBox .pwd img[data-v-98d81f68] {
    width: .33rem
}

.phoneBox .fontP[data-v-98d81f68] .input_txt {
    left: 40px
}

.phoneBox .code[data-v-98d81f68] .el-input-group__append {
    cursor: pointer;
    background: var(--button-background-1);
    border: none;
    box-shadow: none;
    height: 36px;
    border-radius: var(--common-Rinput-border-radius);
    display: flex;
    align-items: center;
    margin-right: 1px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    padding: 0 10px
}

.phoneBox .otp[data-v-98d81f68] {
    color: var(--font-color1)
}

.phoneBox .otp img[data-v-98d81f68] {
    margin-right: 1px
}

.phoneBox[data-v-98d81f68] .input_box_style {
    display: inline-flex;
    align-items: center
}

.phoneBox[data-v-98d81f68] .el-statistic .el-statistic__content {
    font-size: .32rem;
    color: var(--font-color1)
}

.retrievePassword[data-v-98d81f68] {
    padding: .6rem .52rem
}

.retrievePassword .retrievePassword_header[data-v-98d81f68] {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center
}

.retrievePassword .retrievePassword_header img[data-v-98d81f68]:nth-child(1) {
    cursor: pointer;
    margin-right: 10px;
    width: 25px
}

.retrievePassword .retrievePassword_header .title[data-v-98d81f68] {
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-font-color-fff)
}

.retrievePassword .retrievePassword_header img[data-v-98d81f68]:nth-last-child(1) {
    cursor: pointer;
    width: 25px
}

.retrievePassword .submit_btn[data-v-98d81f68] {
    cursor: pointer;
    text-align: center;
    border-radius: .2rem;
    background: var(--BonusCabinet-btn-background)
}

.retrievePassword .submit_btn span[data-v-98d81f68] {
    font-size: 16px;
    font-weight: 600;
    color: var(--font-color1)
}

@media (max-width: 768px) {
    .retrievePassword .retrievePassword_header img[data-v-98d81f68]:nth-child(1) {
        width: 20px
    }

    .retrievePassword .retrievePassword_header .title[data-v-98d81f68] {
        font-size: 18px
    }

    .retrievePassword .retrievePassword_header img[data-v-98d81f68]:nth-last-child(1) {
        width: 18px
    }

    .retrievePassword .submit_btn[data-v-98d81f68] {
        padding: 10px
    }

    .retrievePassword .submit_btn span[data-v-98d81f68] {
        font-size: 15px
    }
}

.loginBottom[data-v-3851f5a5] {
    display: flex;
    justify-content: center;
    gap: .16rem;
    margin-top: 2.5rem;
    padding-bottom: .65rem
}

.loginBottom img[data-v-3851f5a5] {
    height: .65rem
}

.LoginRegisterPop[data-v-f3921bb0] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 34%;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    background-color: var(--theme-color24)
}

.LoginRegisterPop .welcomeTitle[data-v-f3921bb0] {
    position: absolute;
    top: 10%;
    left: 10%
}

.LoginRegisterPop .welcomeTitle span[data-v-f3921bb0] {
    color: #ffb739;
    font-size: .6rem
}

.LoginRegisterPop .welcomeTitle p[data-v-f3921bb0] {
    font-size: .72rem;
    color: #fbf9f7
}

.LoginRegisterPop .welcomeTitle img[data-v-f3921bb0] {
    width: 4rem
}

.close[data-v-f3921bb0] {
    position: absolute;
    top: .4rem;
    left: .3rem;
    width: .6rem;
    cursor: pointer
}

.close img[data-v-f3921bb0] {
    width: 100%
}

.LoginRegister[data-v-f3921bb0] {
    width: 100%;
    height: 70%;
    transition: all .2s linear;
    position: fixed;
    bottom: 0
}

.LoginRegister .LoginRegisterBody[data-v-f3921bb0] {
    background: var(--theme-color3);
    border-radius: .4rem .4rem 0 0;
    padding-top: .96rem;
    width: 100%;
    height: 100%
}

.LoginRegister .login_and_sign_input[data-v-f3921bb0] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: .3rem 0;
    margin-bottom: .15rem
}

.LoginRegister .login_and_sign_input .input_box[data-v-f3921bb0] {
    height: 1.22rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 .4rem;
    background: var(--theme-color6);
    border-radius: .25rem
}

.LoginRegister .login_and_sign_input .input_box .label[data-v-f3921bb0] {
    width: 2rem;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: .3rem;
    justify-content: space-between;
    flex-shrink: 0
}

.LoginRegister .login_and_sign_input .input_box .label img[data-v-f3921bb0] {
    width: .82rem;
    height: .82rem
}

.LoginRegister .login_and_sign_input .input_box .label[data-v-f3921bb0]:before {
    content: "";
    width: .04rem;
    height: .6rem;
    background: var(--theme-color11);
    border-radius: .2rem;
    position: absolute;
    right: 0
}

.LoginRegister .login_and_sign_input .input_box .pwd[data-v-f3921bb0] {
    width: .75rem;
    height: .75rem;
    display: flex;
    align-items: center
}

.LoginRegister .login_and_sign_input .input_box .pwd img[data-v-f3921bb0] {
    width: 100%
}

.LoginRegister .login_and_sign_input .input_box .qz[data-v-f3921bb0] {
    color: var(--theme-neutral1)
}

.LoginRegister .login_and_sign_input .input_box input[data-v-f3921bb0] {
    height: 100%;
    width: 77%;
    font-size: .36rem;
    color: var(--theme-neutral1);
    background: var(--theme-color6);
    padding-left: .3rem;
    margin-left: .61rem
}

.LoginRegister .login_and_sign_input .input_box>input[data-v-f3921bb0]:nth-child(2) {
    padding-left: 0
}

.LoginRegister .login_and_sign_input .input_box input[data-v-f3921bb0]:-internal-autofill-selected {
    background: var(--theme-color2)
}

.LoginRegister .login_and_sign_input .input_box input[data-v-f3921bb0]::placeholder {
    color: var(--theme-neutral2);
    font-size: .32rem
}

.LoginRegister .login_and_sign_input .input_box .tips_msg[data-v-f3921bb0] {
    position: absolute;
    bottom: -.3rem;
    left: .1rem;
    color: red;
    font-size: .28rem
}

.LoginRegister .red[data-v-f3921bb0] {
    color: red !important
}

.LoginRegister .LoginRegisterTab[data-v-f3921bb0] {
    width: 100%;
    height: 50px;
    margin-bottom: .62rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .5rem
}

.LoginRegister .LoginRegisterTab p[data-v-f3921bb0] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .44rem;
    color: var(--theme-neutral1);
    width: 45%;
    position: relative;
    background: var(--theme-color7);
    border-radius: .25rem
}

.LoginRegister .LoginRegisterTab p[data-v-f3921bb0]:first-child:before {
    content: "";
    position: absolute;
    right: -.25rem;
    height: 100%;
    width: 20%;
    transform: skew(-20deg);
    border-radius: .25rem;
    border-top-left-radius: 0;
    background: var(--theme-color7)
}

.LoginRegister .LoginRegisterTab p:first-child span[data-v-f3921bb0] {
    margin-left: 5%
}

.LoginRegister .LoginRegisterTab p span[data-v-f3921bb0] {
    position: relative;
    z-index: 3
}

.LoginRegister .LoginRegisterTab p:last-child span[data-v-f3921bb0] {
    margin-right: 5%
}

.LoginRegister .LoginRegisterTab p[data-v-f3921bb0]:last-child:before {
    content: "";
    position: absolute;
    left: -.39rem;
    height: 100%;
    width: 20%;
    transform: skew(-20deg);
    border-radius: .25rem;
    border-bottom-right-radius: 0;
    background: var(--theme-color7)
}

.LoginRegister .LoginRegisterTab .check[data-v-f3921bb0]:first-child {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.LoginRegister .LoginRegisterTab .check[data-v-f3921bb0]:first-child:before {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.LoginRegister .LoginRegisterTab .check1[data-v-f3921bb0]:last-child {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.LoginRegister .LoginRegisterTab .check1[data-v-f3921bb0]:last-child:before {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.LoginRegister .LoginRegister-box[data-v-f3921bb0] {
    padding: 0 .5rem
}

.LoginRegister .tag[data-v-f3921bb0] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: .61rem
}

.LoginRegister .tag p[data-v-f3921bb0] {
    background: var(--BonusCabinet-btn-background);
    color: var(--font-color1);
    padding: .2rem .22rem;
    border-radius: .45rem;
    font-size: .32rem
}

.LoginRegister .forget_pwd[data-v-f3921bb0] {
    margin-bottom: 1rem;
    font-family: OswaldBold;
    text-align: right
}

.LoginRegister .forget_pwd span[data-v-f3921bb0] {
    color: var(--theme-dec4);
    font-size: .32rem
}

.LoginRegister .loginBtn[data-v-f3921bb0] {
    width: 100%;
    height: 1.09rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .3rem
}

.LoginRegister .loginBtn p[data-v-f3921bb0] {
    color: var(--theme-dec3);
    font-size: .42rem;
    font-weight: 400;
    font-family: OswaldBold
}

.LoginRegister .information[data-v-f3921bb0] {
    font-size: .24rem;
    text-align: center;
    color: var(--theme-neutral1)
}

.LoginRegister .terms_service[data-v-f3921bb0] {
    font-size: .32rem;
    font-weight: 400;
    line-height: .33rem;
    font-family: Myriad Pro;
    color: var(--theme-dec2);
    text-align: center
}

.LoginRegister .terms_service span[data-v-f3921bb0] {
    color: var(--font-color3);
    font-size: .32rem
}

.btn-box[data-v-f3921bb0] {
    position: relative;
    display: flex;
    justify-content: center
}

.registe_gift_box[data-v-f3921bb0] {
    display: flex;
    align-items: center;
    color: var(--theme-neutral1);
    width: 3rem;
    position: absolute;
    border-radius: .66rem;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%);
    top: -.85rem
}

.registe_gift_box span[data-v-f3921bb0] {
    font-size: .32rem;
    color: var(--font-color1);
    position: absolute;
    top: -.32rem;
    left: -2.6rem;
    z-index: 6;
    font-weight: 700
}

.icon[data-v-f3921bb0] {
    width: .6rem;
    position: absolute;
    top: .2rem;
    left: -3rem;
    z-index: 5
}

.icon2[data-v-f3921bb0] {
    width: 1.7rem;
    position: absolute;
    top: -.36rem;
    left: -2.8rem;
    z-index: 5
}

@keyframes move-f3921bb0 {
    0% {
        transform: rotate(-10deg) scale(.8)
    }

    25% {
        transform: rotate(10deg) scale(.8)
    }

    50% {
        transform: rotate(0) scale(.8)
    }

    70% {
        transform: rotate(0) scale3d(.8, .9, .8)
    }

    90% {
        transform: rotate(0) scale3d(.8, .9, .8)
    }

    to {
        transform: rotate(-10deg) scale(.8)
    }
}

.slide-up-down-enter-active[data-v-f3921bb0],
.slide-up-down-leave-active[data-v-f3921bb0] {
    transition: all .5s ease
}

.slide-up-down-enter-from[data-v-f3921bb0] {
    transform: translateY(100%);
    opacity: 0
}

.slide-up-down-enter-to[data-v-f3921bb0],
.slide-up-down-leave-from[data-v-f3921bb0] {
    transform: translateY(0);
    opacity: 1
}

.slide-up-down-leave-to[data-v-f3921bb0] {
    transform: translateY(100%);
    opacity: 0
}

.daysCard[data-v-785cde10] {
    align-items: center;
    background: var(--d7a35b00);
    background-size: 100% 100%;
    display: flex;
    min-height: 50px;
    padding: .2rem .4rem;
    position: relative;
    border-radius: .12rem;
    height: 2.5rem;
    margin: auto;
    width: 100%
}

.daysCard .txt .title[data-v-785cde10] {
    align-items: center;
    color: var(--theme-neutral1);
    display: flex;
    font-size: .4rem;
    font-weight: 400;
    letter-spacing: -.15px;
    margin-bottom: .25rem
}

.daysCard .txt .font[data-v-785cde10] {
    width: 75%;
    color: var(--theme-neutral1);
    font-size: var(--font-size);
    font-weight: 400;
    font-size: .26rem;
    opacity: .7
}

.header_back[data-v-49da7a81] {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: .34rem;
    box-sizing: border-box;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    box-shadow: 0 0 #ffffff3b;
    height: 1.2rem;
    gap: 3.57rem;
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease;
    z-index: 1
}

.header_back .wallet[data-v-49da7a81] {
    position: absolute;
    right: 1.25rem;
    top: .25rem;
    padding: 0 .3rem
}

.header_back .backDiv[data-v-49da7a81] {
    height: 100%;
    width: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2
}

.header_back .backBtn[data-v-49da7a81] {
    width: .6rem;
    height: .6rem;
    position: relative;
    z-index: 2
}

.header_back p[data-v-49da7a81] {
    font-size: .44rem;
    color: var(--theme-neutral1);
    font-weight: 700;
    text-align: center;
    white-space: pre-wrap;
    position: absolute;
    width: calc(100% - .34rem)
}

.long[data-v-49da7a81] {
    padding-bottom: 1rem
}

.fixed[data-v-49da7a81] {
    position: fixed;
    z-index: 99;
    top: 0
}

.fixedBackground[data-v-49da7a81] {
    background: transparent
}

.fixedBackgroundClass[data-v-49da7a81] {
    background: var(--theme-color11)
}

.my_btn[data-v-41a94d8d] {
    cursor: pointer;
    display: inline-block;
    padding: .042rem .24rem;
    text-align: center;
    text-decoration: none;
    border-radius: .2rem;
    font-weight: 700;
    background-size: .2rem .2rem;
    position: relative
}

.my_btn .my_btn2[data-v-41a94d8d] {
    border-top-left-radius: .12rem;
    border-top-right-radius: .12rem;
    position: absolute;
    top: 6%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.info_font[data-v-41a94d8d] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font-size: var(--font-size6)
}

.my_btn[data-v-41a94d8d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.Default[data-v-41a94d8d] {
    background-color: #c2c1c1;
    color: var(--theme-neutral1)
}

.transparent[data-v-41a94d8d] {
    background: transparent;
    color: var(--theme-neutral1)
}

.primary[data-v-41a94d8d] {
    background-color: #377fc8;
    color: var(--font-color1)
}

.primary2[data-v-41a94d8d] {
    background: #bfbf00 !important;
    color: var(--theme-neutral1)
}

.success[data-v-41a94d8d] {
    background-color: var(--theme-color2);
    color: var(--font-color1)
}

.success2[data-v-41a94d8d] {
    border: 2px solid var(--theme-neutral2)
}

.success2>div[data-v-41a94d8d] {
    border: none
}

.info[data-v-41a94d8d] {
    background-color: #7d8186;
    color: var(--font-color1)
}

.warning[data-v-41a94d8d] {
    background-color: #cc912d;
    color: var(--font-color1)
}

.danger[data-v-41a94d8d] {
    background-color: #d45b5b;
    color: var(--font-color1)
}

.yellow[data-v-41a94d8d] {
    background-color: var(--theme-color3);
    color: var(--font-color6)
}

.grey[data-v-41a94d8d] {
    background-color: #1f1f1f;
    color: var(--font-color1)
}

.yellow-gradient[data-v-41a94d8d] {
    background: linear-gradient(to bottom, var(--theme-color3), var(--theme-color2)) !important;
    color: var(--theme-neutral1)
}

.grey-gradient[data-v-41a94d8d] {
    background: linear-gradient(180deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 100%);
    color: var(--theme-neutral1)
}

.grey2[data-v-41a94d8d] {
    color: var(--theme-neutral1);
    background: none;
    border-bottom: var(--theme-neutral1) 1px solid
}

.withdrawalInformation[data-v-1335bc2e] {
    margin-bottom: .3rem
}

.withdrawalInformation .withdraw_mode .txt_box[data-v-1335bc2e] {
    display: flex;
    flex-direction: column
}

.withdrawalInformation .withdraw_mode .txt_box .l_box[data-v-1335bc2e] {
    width: 100%;
    flex-shrink: 0;
    position: relative;
    box-sizing: border-box;
    padding: .41rem .25rem
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box[data-v-1335bc2e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    color: var(--theme-neutral1)
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .tit[data-v-1335bc2e] {
    font-size: .36rem;
    color: var(--theme-neutral1);
    margin-right: .2rem;
    line-height: .45rem
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box[data-v-1335bc2e] .my_btn {
    padding: 0
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box>div[data-v-1335bc2e]:nth-child(1) {
    font-size: var(--font-size4);
    font-weight: 500;
    display: flex
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .Conta[data-v-1335bc2e] {
    height: .4rem;
    width: .4rem
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box[data-v-1335bc2e]:first-child {
    display: flex;
    align-items: center;
    font-size: .32rem
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .btn[data-v-1335bc2e] {
    width: 1.84rem;
    height: .63rem;
    font-size: .28rem;
    color: var(--theme-neutral1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .btn1[data-v-1335bc2e] {
    background: var(--theme-color6);
    border-radius: .1rem;
    color: var(--theme-neutral2)
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .btn1[data-v-1335bc2e]:last-child {
    border-radius: .2rem !important
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .btn2[data-v-1335bc2e] {
    margin-left: .1rem;
    border-radius: .1rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3)
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .header_box .btns[data-v-1335bc2e] {
    display: flex;
    align-items: center
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .c_box[data-v-1335bc2e] {
    margin-top: .6rem;
    height: 100%;
    box-sizing: border-box
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .c_box>div[data-v-1335bc2e] {
    display: grid;
    grid-template-columns: 15% 1fr;
    margin-bottom: .2rem
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .c_box>div span[data-v-1335bc2e]:nth-child(1) {
    font-size: .36rem;
    font-weight: 300 !important;
    color: var(--theme-neutral1)
}

.withdrawalInformation .withdraw_mode .txt_box .l_box .c_box>div span[data-v-1335bc2e]:nth-child(2) {
    display: inline-block;
    width: 100%;
    font-size: .32rem;
    font-weight: 800;
    color: var(--theme-neutral2)
}

.withdrawalInformation .withdraw_mode .txt_box .seting[data-v-1335bc2e] {
    margin-top: .3rem;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.withdrawalInformation .withdraw_mode .txt_box .seting .TIPO[data-v-1335bc2e] {
    border-radius: .15rem;
    background: var(--theme-color11)
}

.withdrawalInformation .withdraw_mode .txt_box .seting .TIPO[data-v-1335bc2e] .el-input-group {
    color: var(--theme-neutral1) !important
}

.withdrawalInformation .withdraw_mode .txt_box .seting .TIPO[data-v-1335bc2e] .el-input__wrapper input {
    color: var(--theme-neutral1) !important;
    -webkit-text-fill-color: var(--common-input_txt_green-color)
}

.withdrawalInformation .withdraw_mode .txt_box .r_box[data-v-1335bc2e] {
    padding: 24.5px 0;
    flex-shrink: 0;
    background: var(--card-background-color);
    border: .05rem solid #DCD9D2;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.withdrawalInformation .withdraw_mode .txt_box .r_box p[data-v-1335bc2e] {
    color: var(--withdrawalInformation-r_box-p-font-color);
    font-size: 20px;
    margin-bottom: 20px
}

.withdrawalInformation .withdraw_mode .txt_box .r_box span[data-v-1335bc2e] {
    color: var(--withdrawalInformation-r_box-span-font-color);
    font-size: 16px
}

.withdrawalInformation[data-v-1335bc2e] .el_popover_style {
    background: var(--theme-card-background);
    border: none;
    border-radius: var(--common-el_popover_style-border-radius)
}

.withdrawalInformation[data-v-1335bc2e] .el_popover_style .popover_content .popover_content_header {
    font-size: .32rem;
    margin-bottom: .1rem;
    color: var(--common-el_popover_style-title-font-color)
}

.withdrawalInformation[data-v-1335bc2e] .el_popover_style .popover_content .popover_content_txt {
    font-weight: 400;
    line-height: 16px;
    color: var(--theme-color2);
    font-size: .28rem !important
}

.input-box[data-v-1335bc2e] {
    height: 1.2rem;
    background: var(--theme-color6);
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    box-sizing: border-box;
    border-radius: .2rem;
    position: relative;
    color: var(--theme-neutral1)
}

.input-box .label[data-v-1335bc2e] {
    height: 100%;
    width: 1.6rem;
    font-size: .37rem;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--theme-color2)
}

.input-box .label[data-v-1335bc2e]:before {
    content: "";
    position: absolute;
    right: 0rem;
    width: .02rem;
    height: .7rem;
    background: var(--theme-color7);
    border-radius: .2rem
}

.input-box input[data-v-1335bc2e] {
    width: 100%;
    height: 100%;
    background-color: var(--theme-color6);
    color: var(--theme-neutral2);
    padding-left: .4rem;
    font-size: .36rem
}

.input-box:first-child input[data-v-1335bc2e] {
    color: var(--theme-neutral1)
}

.input-box .tips_msg[data-v-1335bc2e] {
    position: absolute;
    bottom: -.31rem;
    left: .1rem;
    color: red;
    font-size: .28rem
}

.input-box input[data-v-1335bc2e]::-webkit-input-placeholder {
    font-size: .36rem;
    color: var(--theme-neutral2)
}

.input-box input[data-v-1335bc2e]:-moz-placeholder {
    font-size: .36rem;
    color: var(--theme-neutral2)
}

.input-box input[data-v-1335bc2e]::-moz-placeholder {
    font-size: .36rem;
    color: var(--theme-neutral2)
}

.input-box input[data-v-1335bc2e]:-ms-input-placeholder {
    font-size: .36rem;
    color: var(--theme-neutral2)
}

.popover_content .popover_content_title[data-v-2c2b7a88] {
    margin-bottom: 8px;
    font-size: .32rem;
    font-weight: 700
}

.popover_content .popover_content_txt[data-v-2c2b7a88] {
    font-size: 12px;
    line-height: 16px;
    white-space: pre-wrap
}

.withdrawColumnAmountInfo[data-v-2c2b7a88] {
    margin: 0 auto .2rem;
    padding: .23rem .25rem;
    white-space: normal;
    border-radius: .2rem;
    color: var(--theme-neutral1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: var(--9f66af86)
}

.withdrawColumnAmountInfo .withdraw_amount[data-v-2c2b7a88] {
    display: flex;
    flex-direction: column;
    gap: .15rem
}

.withdrawColumnAmountInfo .withdraw_amount>div[data-v-2c2b7a88] {
    border-radius: .22rem;
    text-align: center;
    box-sizing: border-box;
    width: 100%
}

.withdrawColumnAmountInfo .withdraw_amount .l_box[data-v-2c2b7a88] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .36rem;
    font-weight: 300
}

.withdrawColumnAmountInfo .withdraw_amount .l_box div[data-v-2c2b7a88]:nth-child(1) {
    white-space: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .27rem;
    font-size: .36rem;
    font-weight: 400
}

.withdrawColumnAmountInfo .withdraw_amount .l_box div[data-v-2c2b7a88]:nth-child(2) {
    color: var(--theme-dec4)
}

.withdrawColumnAmountInfo .withdraw_amount .l_box .refresh[data-v-2c2b7a88] {
    border-radius: 1rem
}

.withdrawColumnAmountInfo .withdraw_amount .l_box .refresh img[data-v-2c2b7a88] {
    width: .41rem
}

.withdrawColumnAmountInfo .withdraw_amount .r_box[data-v-2c2b7a88] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: .1rem;
    gap: .2rem;
    padding: 0;
    font-size: var(--font-size2)
}

.withdrawColumnAmountInfo .withdraw_amount .r_box>div[data-v-2c2b7a88] {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: .28rem
}

.withdrawColumnAmountInfo .withdraw_amount .r_box>div[data-v-2c2b7a88]:nth-child(1) {
    color: var(--theme-neutral1)
}

.limpar_btn_max_box[data-v-2c2b7a88] {
    display: flex;
    justify-content: flex-end !important;
    gap: 8px
}

.limpar_btn_max_box .limpar_btn[data-v-2c2b7a88] {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .1rem;
    font-weight: 100;
    border-radius: .4rem;
    padding: .1rem .25rem;
    background: var(--theme-color2);
    color: #09421c;
    font-size: .28rem
}

.limpar_btn_max_box[data-v-2c2b7a88] .el-popover {
    text-align: start;
    color: var(--theme-color2) !important;
    font-size: .28rem !important
}

.limpar_btn_max_box[data-v-2c2b7a88] .el-popover .el-popover__title {
    font-size: .32rem !important
}

.progress-box[data-v-2c2b7a88] {
    height: .44rem;
    background-color: #f0a522;
    border-radius: .1rem;
    text-align: center;
    display: block !important
}

.logo-question[data-v-2c2b7a88] {
    width: .31rem;
    height: .31rem;
    z-index: 1
}

.rotating[data-v-2c2b7a88] {
    animation: rotate-2c2b7a88 1s linear infinite
}

@keyframes rotate-2c2b7a88 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(720deg)
    }
}

.Withdrawal[data-v-9501aef6] {
    width: 100%;
    box-sizing: border-box
}

.Withdrawal .tabs_div[data-v-9501aef6] {
    background: var(--theme-color6);
    padding-top: .37rem;
    border-radius: .35rem
}

.Withdrawal .tabs-box[data-v-9501aef6] {
    border-radius: .2rem;
    background: var(--theme-color6);
    background: #0c692b;
    border-radius: .35rem
}

.Withdrawal .tabs[data-v-9501aef6] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box
}

.Withdrawal .tabs .item[data-v-9501aef6] {
    width: 50%;
    padding-bottom: .26rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .4rem;
    font-weight: 800;
    color: var(--theme-neutral1);
    position: relative
}

.Withdrawal .tabs .item span[data-v-9501aef6] {
    position: relative;
    z-index: 2
}

.Withdrawal .tabs .check[data-v-9501aef6] {
    background: transparent
}

.Withdrawal .tabs .check[data-v-9501aef6]:before {
    background: transparent !important
}

.Withdrawal .tabs .check span[data-v-9501aef6]:after {
    content: "";
    position: absolute;
    bottom: -.5rem;
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-bottom: .5rem solid var(--theme-color7)
}

.Withdrawal .r_box[data-v-9501aef6] {
    padding: .25rem 0;
    flex-shrink: 0;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .4rem;
    color: var(--theme-neutral1);
    background-image: var(--1d22c79e);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.Withdrawal .r_box p[data-v-9501aef6] {
    font-size: .56rem;
    color: var(--theme-neutral1);
    font-weight: 400;
    margin-top: .25rem;
    margin-bottom: .1rem
}

.Withdrawal .r_box p span[data-v-9501aef6] {
    font-size: .56rem;
    color: var(--theme-dec4)
}

.Withdrawal .r_box span[data-v-9501aef6] {
    color: var(--theme-neutral1);
    margin-bottom: .25rem;
    font-size: .42rem
}

.Withdrawal[data-v-9501aef6] .input_box_style {
    background: var(--theme-color6) !important;
    border: .03rem solid var(--theme-color7)
}

.Withdrawal[data-v-9501aef6] .el-input__wrapper {
    background-color: transparent !important;
    width: auto !important
}

.Withdrawal[data-v-9501aef6] .el-input__wrapper input {
    background-color: transparent !important
}

.Withdrawal .amount_box[data-v-9501aef6] .input_txt {
    left: 2.3rem
}

.Withdrawal .country[data-v-9501aef6] {
    display: flex;
    justify-content: center;
    align-items: center
}

.Withdrawal .country img[data-v-9501aef6] {
    width: .7rem;
    margin-right: .36rem
}

.Withdrawal .country span[data-v-9501aef6] {
    font-size: .4rem;
    font-weight: 500;
    color: var(--theme-color2)
}

.Withdrawal .WithdrawalRinput .country img[data-v-9501aef6] {
    margin-right: .2rem
}

.Withdrawal .WithdrawalRinput[data-v-9501aef6] .el-input-group__prepend {
    width: 1.6rem
}

.Withdrawal .WithdrawalRinput[data-v-9501aef6] .el-input-group__prepend:before {
    width: .01rem;
    height: .28rem;
    background: var(--theme-neutral2)
}

.Withdrawal .WithdrawalRinput[data-v-9501aef6] .el-input__wrapper {
    margin-left: 1rem
}

.Withdrawal .submit_btn[data-v-9501aef6] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.09rem;
    cursor: pointer;
    font-size: .44rem;
    border-radius: .35rem;
    font-weight: 600;
    color: var(--theme-dec3);
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2))
}

.Withdrawal .see_d[data-v-9501aef6] {
    margin-top: .26rem;
    display: flex;
    align-items: center;
    color: var(--theme-dec2);
    font-size: .32rem;
    font-family: Adobe Heiti Std
}

.Withdrawal .see_d span[data-v-9501aef6] {
    font-size: .32rem;
    font-family: Adobe Heiti Std;
    font-weight: 400;
    text-decoration: underline
}

.Withdrawal .see_d img[data-v-9501aef6] {
    width: .28rem;
    height: .32rem;
    margin-right: .08rem
}

.Withdrawal .txt_box[data-v-9501aef6] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: var(--theme-color6);
    border-radius: .2rem;
    margin-top: .3rem;
    align-items: center;
    width: 100%
}

.Withdrawal .txt_box img[data-v-9501aef6] {
    width: .47rem;
    height: .47rem
}

.Withdrawal .txt_box .img_rotate[data-v-9501aef6] {
    transform: rotate(180deg)
}

.Withdrawal .txt_box>div[data-v-9501aef6] {
    display: flex;
    width: 100%;
    height: .9rem;
    padding: 0 .3rem;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    color: var(--theme-neutral1);
    font-size: .36rem
}

.Withdrawal .txt_box>div>div[data-v-9501aef6]:first-child {
    color: var(--theme-color2)
}

.Withdrawal .txt_box>div>div:first-child>span[data-v-9501aef6]:last-child {
    color: var(--theme-neutral1)
}

.Withdrawal .txt_box>div>div[data-v-9501aef6]:nth-child(2) {
    color: var(--theme-color2)
}

.Withdrawal .txt_box>div>div:nth-child(2)>span[data-v-9501aef6]:last-child {
    color: var(--theme-dec4)
}

.Withdrawal .content_div[data-v-9501aef6] {
    background-color: var(--theme-color6);
    border-radius: .2rem
}

.Withdrawal .content_div>div[data-v-9501aef6]:nth-child(2) {
    padding: .18rem .33rem .41rem;
    color: var(--theme-neutral2);
    display: flex;
    flex-direction: column;
    row-gap: .4rem
}

.Withdrawal .content_div>div:nth-child(2)>div[data-v-9501aef6] {
    display: flex;
    justify-content: space-between
}

.depositIframe[data-v-c66b9340] {
    position: relative;
    height: 700px;
    width: 100%
}

.depositIframe span[data-v-c66b9340] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: 700
}

.depositIframe iframe[data-v-c66b9340] {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%
}

.pwaTutorial[data-v-45e0b93e] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10000000;
    background-color: #000;
    font-weight: 300
}

.pwaTutorial .UAState[data-v-45e0b93e] {
    position: relative;
    height: 100%;
    margin: .6rem 0
}

.pwaTutorial .UAState .close_btn[data-v-45e0b93e] {
    position: absolute;
    top: 1%;
    left: 2%
}

.pwaTutorial .UAState .pwaimg[data-v-45e0b93e] {
    width: 100%;
    background: var(--gamePage-iframe-background)
}

.deposit[data-v-45e0b93e] {
    position: relative;
    padding-top: .25rem;
    width: 9rem;
    box-sizing: border-box
}

.deposit .depositTitle[data-v-45e0b93e] {
    height: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--theme-color11);
    box-sizing: border-box;
    margin: 0 .4rem;
    padding: .21rem .45rem;
    border-radius: .2rem
}

.deposit .depositTitle img[data-v-45e0b93e] {
    width: 1.67rem;
    height: .59rem
}

.deposit .colse_btn[data-v-45e0b93e] {
    cursor: pointer;
    position: absolute;
    top: .4rem;
    right: .2rem
}

.deposit .colse_btn img[data-v-45e0b93e] {
    width: .4rem
}

.payTop[data-v-45e0b93e] {
    display: flex;
    align-items: center;
    color: var(--theme-dec4);
    font-size: .48rem;
    font-weight: 800;
    gap: .06rem
}

.payTop span[data-v-45e0b93e] {
    color: var(--theme-neutral1)
}

.payTop text[data-v-45e0b93e] {
    margin-left: .1rem
}

.payCenter[data-v-45e0b93e] {
    margin-top: .25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .25rem;
    font-size: .34rem;
    color: var(--theme-neutral1);
    line-height: .4rem;
    font-weight: 300;
    padding: 0 .4rem;
    text-align: center
}

.payCenter .kuang[data-v-45e0b93e] {
    background: var(--theme-color11);
    padding: .35rem .3rem;
    border-radius: .2rem
}

.payCenter .kuang .pay_hit[data-v-45e0b93e] {
    margin-bottom: .41rem;
    font-size: .32rem;
    line-height: .36rem;
    text-align: start
}

.payCenter .text[data-v-45e0b93e] {
    width: 100%;
    font-size: .32rem;
    font-weight: 400;
    line-height: .36rem;
    opacity: .5;
    color: var(--theme-color2)
}

.payCenter .t1[data-v-45e0b93e] {
    margin-top: .4rem;
    text-align: start
}

.payCenter .t2[data-v-45e0b93e] {
    font-size: .32rem;
    margin-top: .46rem;
    margin-bottom: .26rem;
    color: var(--theme-dec4);
    text-decoration-line: underline
}

.payCenter .t3[data-v-45e0b93e] {
    color: var(--theme-neutral2);
    font-size: .28rem;
    text-align: start
}

.payCenter .img[data-v-45e0b93e] {
    height: 3.86rem !important;
    width: 1.86rem !important;
    padding: .3rem 0
}

.payCenterButton[data-v-45e0b93e] {
    cursor: pointer;
    width: 7.25rem;
    height: 1.03rem;
    line-height: 1rem;
    border-radius: 3rem;
    text-align: center;
    font-size: .36rem;
    font-weight: 500;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3);
    margin: .25rem auto 0
}

.callBack[data-v-45e0b93e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 .4rem
}

.callBack .order_num[data-v-45e0b93e] {
    width: 100%;
    display: flex;
    justify-content: start;
    font-size: .36rem;
    color: #fff;
    line-height: .45rem;
    margin-bottom: .3rem
}

.callBack .load_div[data-v-45e0b93e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .3rem;
    background: var(--theme-color11);
    border-radius: .2rem;
    padding-bottom: .8rem
}

.callBack .head_t[data-v-45e0b93e] {
    margin-bottom: .3rem;
    font-size: .34rem;
    font-weight: 600;
    color: var(--theme-neutral1)
}

.callBack .head[data-v-45e0b93e] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem .4rem;
    box-sizing: border-box;
    height: 1.2rem;
    background: var(--theme-color11);
    border-radius: .2rem
}

.callBack .head p[data-v-45e0b93e] {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.callBack .head img[data-v-45e0b93e] {
    cursor: pointer;
    width: .4rem;
    margin-left: .3rem
}

.callBack .orderStateLoadBox[data-v-45e0b93e] {
    margin: .6rem 0 .77rem;
    border-radius: 50%;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.callBack .orderStateLoadBox img[data-v-45e0b93e] {
    width: 2rem
}

.callBack .orderState[data-v-45e0b93e] {
    display: flex;
    flex-direction: column;
    padding: 0 .25rem;
    gap: .3rem
}

.callBack .orderState span[data-v-45e0b93e]:nth-child(1) {
    color: var(--theme-color2)
}

.callBack span[data-v-45e0b93e] {
    font-size: .32rem;
    font-weight: 400;
    color: var(--theme-neutral1);
    text-align: center;
    line-height: .36rem
}

.callBack .tips02[data-v-45e0b93e] {
    color: var(--theme-neutral1);
    line-height: .4rem
}

.callBack .load_btn[data-v-45e0b93e] {
    cursor: pointer;
    width: 7.28rem;
    height: 1.09rem;
    line-height: 1rem;
    text-align: center;
    font-size: .44rem;
    font-weight: 400;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .5rem;
    color: var(--theme-dec3);
    margin: .4rem auto 0
}

.loadImg2[data-v-45e0b93e] {
    -webkit-animation: rotate_360 1s infinite;
    animation: rotate_360 1s infinite
}

.Deposit[data-v-18a867d5] {
    margin-top: .3rem;
    width: 100%;
    box-sizing: border-box
}

.Deposit .Deposit-warp1[data-v-18a867d5] {
    background: var(--theme-color11);
    border-radius: .3rem;
    padding: .3rem
}

.Deposit .Maxtitle[data-v-18a867d5] {
    color: var(--theme-neutral1);
    font-size: .36rem;
    font-weight: 400;
    font-family: OswaldBold
}

.Deposit .fiexd-first[data-v-18a867d5] {
    margin-bottom: 0;
    color: var(--theme-neutral1);
    font-size: var(--font-title2)
}

.Deposit .payListBox[data-v-18a867d5] {
    border-radius: .15rem
}

.Deposit .pix_input_box[data-v-18a867d5] {
    height: 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .2rem;
    border: .03rem solid var(--theme-color7);
    background: var(--theme-color6);
    margin: .25rem 0 .35rem;
    padding: 0 .4rem
}

.Deposit .pix_input_box div[data-v-18a867d5] {
    color: var(--theme-dec4);
    font-size: .48rem;
    font-weight: 400;
    position: relative
}

.Deposit .pix_input_box img[data-v-18a867d5] {
    width: 1.67rem;
    height: .59rem
}

.Deposit .pix_input_box .money_input[data-v-18a867d5] {
    border: none;
    font-family: OswaldBold;
    background-color: transparent;
    color: var(--theme-neutral1);
    width: 100%;
    font-weight: 400;
    margin-left: .23rem;
    font-size: .48rem
}

.Deposit .pix_input_box .money_input[data-v-18a867d5]::placeholder {
    color: var(--search-placeholder-font-color)
}

.Deposit .youget_box[data-v-18a867d5] {
    display: flex;
    margin-bottom: .3rem
}

.Deposit .youget_box .title[data-v-18a867d5] {
    color: var(--theme-color2);
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .36rem;
    font-weight: 400
}

.Deposit .youget_box .money[data-v-18a867d5] {
    height: 100%;
    color: var(--theme-dec4);
    display: flex;
    justify-content: right;
    align-items: center;
    padding: 0 .25rem;
    border-radius: .2rem
}

.Deposit .youget_box .money span[data-v-18a867d5] {
    font-size: .36rem;
    font-weight: 400
}

.Deposit .list ul[data-v-18a867d5] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2%;
    row-gap: .4rem
}

.Deposit .list ul li[data-v-18a867d5] {
    cursor: pointer;
    position: relative;
    height: 1.01rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--theme-color7);
    color: var(--theme-neutral1);
    font-weight: 100;
    border-radius: .2rem
}

.Deposit .list ul li .hot_img[data-v-18a867d5] {
    width: .83rem;
    height: .84rem;
    position: absolute;
    top: -1%;
    left: -1%
}

.Deposit .list ul li .img_f[data-v-18a867d5] {
    position: absolute;
    right: .14rem;
    bottom: .12rem;
    display: none;
    width: .3rem
}

.Deposit .list ul li.active[data-v-18a867d5] {
    background: linear-gradient(90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.Deposit .list ul li.active .gift[data-v-18a867d5] {
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .05rem .1rem .1rem 0rem;
    color: var(--theme-dec3)
}

.Deposit .list ul li.active .gift[data-v-18a867d5]:after {
    border-top: .2rem solid var(--theme-ts2-gradient1)
}

.Deposit .list ul li.active .img_f[data-v-18a867d5] {
    display: block
}

.Deposit .list ul li>span[data-v-18a867d5] {
    font-size: .36rem
}

.Deposit .list ul li .gift[data-v-18a867d5] {
    font-family: OswaldBold;
    position: absolute;
    top: -.2rem;
    left: -.11rem;
    width: 1rem;
    border-radius: .05rem .1rem .1rem 0rem;
    text-align: center;
    font-size: .28rem;
    padding: .05rem 0;
    font-weight: 400;
    color: var(--theme-neutral1);
    background: linear-gradient(-90deg, var(--theme-ts6-gradient1), var(--theme-ts6-gradient2))
}

.Deposit .list ul li .gift[data-v-18a867d5]:after {
    content: "";
    position: absolute;
    bottom: -.16rem;
    z-index: 0;
    left: 0%;
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: 0rem solid transparent;
    border-top: .18rem solid var(--theme-ts6-gradient1)
}

.Deposit .recharge_bonus_box[data-v-18a867d5] {
    height: 1.6rem;
    background-image: var(--7ec3c220);
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: .2rem;
    background-size: 100% 100%;
    padding-left: .5rem;
    margin-top: .3rem
}

.Deposit .recharge_bonus_box .recharge_bonus_boxTitle[data-v-18a867d5] {
    height: 100%
}

.Deposit .recharge_bonus_box .recharge_bonus_boxTitle span[data-v-18a867d5] {
    color: var(--theme-neutral1);
    font-size: var(--font-title2);
    font-weight: 800
}

.Deposit .recharge_bonus_box .money[data-v-18a867d5] {
    margin-left: .15rem
}

.Deposit .recharge_bonus_box .money span[data-v-18a867d5] {
    color: var(--theme-dec4);
    font-size: .52rem;
    font-weight: 700
}

.Deposit .title[data-v-18a867d5] {
    font-size: .4rem;
    line-height: .48rem
}

@keyframes bounce2-18a867d5 {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }
}

.Deposit .bounce2[data-v-18a867d5] {
    opacity: 1;
    transform: scale(1);
    animation: bounce2-18a867d5 .6s ease-in-out infinite
}

.Deposit .FirstCharge[data-v-18a867d5] {
    display: flex;
    margin-top: .36rem;
    align-items: center;
    margin-bottom: .36rem;
    color: var(--theme-neutral1)
}

.Deposit .FirstCharge .FirstChargeImg[data-v-18a867d5] {
    width: .55rem;
    height: .55rem;
    margin-right: .25rem;
    border-radius: 50%;
    background-image: var(--7ec3c21a)
}

.Deposit .FirstCharge span[data-v-18a867d5] {
    font-size: .36rem;
    font-family: Adobe Heiti Std
}

.Deposit .FirstCharge span span[data-v-18a867d5] {
    color: var(--theme-dec4)
}

.Deposit .FirstCharge .FirstChargeCheck[data-v-18a867d5] {
    background-image: var(--7ec3c21e);
    background-size: 100% 100%
}

.Deposit .pix_title[data-v-18a867d5] {
    font-size: .37rem;
    font-weight: 700
}

.Deposit .submit_btn[data-v-18a867d5] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.09rem;
    cursor: pointer;
    font-size: .42rem;
    font-weight: 600;
    border-radius: .25rem;
    color: var(--theme-dec3);
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2))
}

.hot[data-v-18a867d5] {
    position: relative
}

.hot[data-v-18a867d5]:after {
    content: "";
    width: .83rem;
    height: .76rem;
    background: var(--7ec3c21c);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: -3%;
    top: 0;
    transform: rotate(90deg)
}

.depositPop[data-v-0fbf8fb4] {
    width: 100%
}

.depositPop .content_box[data-v-0fbf8fb4] {
    position: relative;
    padding: .49rem .39rem .05rem .42rem;
    width: 100%;
    border-radius: .2rem;
    background: var(--theme-card-background);
    box-sizing: border-box
}

.depositPop .content_box .header[data-v-0fbf8fb4] {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.depositPop .content_box .header .title[data-v-0fbf8fb4] {
    font-size: .36rem;
    font-weight: 700
}

.depositPop .content_box .rule_title[data-v-0fbf8fb4] {
    margin-bottom: 12px;
    font-size: .32rem;
    font-weight: 400;
    color: var(--theme-neutral1)
}

.depositPop .content_box p[data-v-0fbf8fb4] {
    margin-bottom: .2rem;
    font-size: .28rem;
    color: var(--theme-neutral2);
    line-height: .6rem;
    white-space: pre-wrap
}

.depositPop .content_box .btn[data-v-0fbf8fb4] {
    cursor: pointer;
    text-align: center;
    line-height: .8rem;
    font-size: .36rem;
    font-weight: 600;
    color: var(--font-color1);
    background: var(--button-background-1-hover);
    border-radius: .2rem
}

[data-v-a0775243] .el-input.is-disabled .el-input__wrapper {
    background-color: unset
}

.PaymentInformationTitle[data-v-a0775243] {
    color: var(--theme-neutral1);
    font-size: var(--font-title);
    text-align: center
}

.PaymentInformation[data-v-a0775243] {
    width: 100%;
    padding: .4rem .2rem 0
}

.depositAndWithdrawal[data-v-a0775243] {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 104;
    background-color: var(--theme-color3);
    overflow: auto
}

.depositAndWithdrawal .headBg[data-v-a0775243] {
    width: 100%;
    height: 1.3rem;
    background-color: var(--theme-color7);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-neutral1);
    font-size: var(--font-title);
    font-weight: 700
}

.depositAndWithdrawal .body[data-v-a0775243] {
    width: 100%;
    background-color: var(--theme-color3);
    padding: .4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: center
}

.depositAndWithdrawal .body .tabs[data-v-a0775243] {
    width: 100%;
    height: 1.1rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: .25rem
}

.depositAndWithdrawal .body .tabs div[data-v-a0775243] {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-neutral2);
    font-size: .36rem;
    font-family: OswaldBold;
    background: var(--theme-color7);
    font-weight: 700;
    position: relative;
    border-radius: .25rem
}

.depositAndWithdrawal .body .tabs div[data-v-a0775243]:first-child:before {
    content: "";
    position: absolute;
    right: -.25rem;
    height: 100%;
    width: 20%;
    transform: skew(-20deg);
    border-radius: .25rem;
    border-top-left-radius: 0;
    background: var(--theme-color7)
}

.depositAndWithdrawal .body .tabs div:first-child span[data-v-a0775243] {
    margin-left: 5%
}

.depositAndWithdrawal .body .tabs div[data-v-a0775243]:last-child:before {
    content: "";
    position: absolute;
    left: -.39rem;
    height: 100%;
    width: 20%;
    transform: skew(-20deg);
    border-radius: .25rem;
    border-bottom-right-radius: 0;
    background: var(--theme-color7)
}

.depositAndWithdrawal .body .tabs div:last-child span[data-v-a0775243] {
    margin-right: 5%
}

.depositAndWithdrawal .body .tabs div span[data-v-a0775243] {
    position: relative;
    z-index: 2
}

.depositAndWithdrawal .body .tabs .check[data-v-a0775243] {
    color: var(--theme-neutral1)
}

.depositAndWithdrawal .body .tabs .check[data-v-a0775243]:first-child {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.depositAndWithdrawal .body .tabs .check[data-v-a0775243]:first-child:before {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.depositAndWithdrawal .body .tabs .check1[data-v-a0775243] {
    color: var(--theme-neutral1)
}

.depositAndWithdrawal .body .tabs .check1[data-v-a0775243]:last-child {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.depositAndWithdrawal .body .tabs .check1[data-v-a0775243]:last-child:before {
    border-bottom-right-radius: 0;
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.loginImg[data-v-a0775243] {
    position: absolute;
    width: .52rem;
    height: .52rem;
    right: 5%
}

.userInfo[data-v-9b1af1fa] {
    width: 100%;
    display: flex;
    flex-direction: column
}

.userInfo .userInfo-box[data-v-9b1af1fa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .2rem
}

.userInfo .userInfo-box .avatar_img[data-v-9b1af1fa] {
    display: flex;
    align-items: center
}

.userInfo .userInfo-box .avatar_img>img[data-v-9b1af1fa] {
    margin-right: .25rem;
    width: 1.4rem
}

.userInfo .userInfo-box .avatar_img .user_m[data-v-9b1af1fa] {
    display: flex;
    flex-direction: column;
    font-size: .4rem;
    color: var(--theme-neutral1)
}

.userInfo .userInfo-box .avatar_img .user_m .user_name[data-v-9b1af1fa] {
    display: flex;
    align-items: center;
    transform: translateY(-.15rem)
}

.userInfo .userInfo-box .avatar_img .user_m .user_name p[data-v-9b1af1fa] {
    margin-right: .29rem;
    font-size: .36rem
}

.userInfo .userInfo-box .avatar_img .user_m .user_name div[data-v-9b1af1fa] {
    width: 1rem;
    overflow: hidden
}

.userInfo .userInfo-box .avatar_img .user_m .user_name img[data-v-9b1af1fa] {
    width: 1rem
}

.userInfo .userInfo-box .avatar_img .user_m .b_box[data-v-9b1af1fa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .28rem;
    gap: .1rem;
    position: relative;
    z-index: 1;
    color: var(--theme-color2);
    transform: translateY(-.1rem)
}

.userInfo .userInfo-box .avatar_img .user_m .b_box div[data-v-9b1af1fa] {
    font-weight: 100
}

.userInfo .userInfo-box .avatar_img .user_m .b_box img[data-v-9b1af1fa] {
    width: .29rem;
    height: .31rem;
    margin-left: .2rem
}

.userInfo .user_info_dw[data-v-9b1af1fa] {
    display: flex;
    flex-direction: column
}

.userInfo .user_info_dw .user_money_box[data-v-9b1af1fa] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem
}

.userInfo .user_info_dw .user_money_box .money_box[data-v-9b1af1fa] {
    display: flex;
    align-items: center;
    font-size: .32rem
}

.userInfo .user_info_dw .user_money_box .money_box .text[data-v-9b1af1fa] {
    color: var(--theme-color2)
}

.userInfo .user_info_dw .user_money_box .money_box .money[data-v-9b1af1fa] {
    height: .75rem;
    border-radius: .8rem;
    color: var(--theme-neutral1);
    display: flex;
    align-items: center
}

.userInfo .user_info_dw .user_money_box .money_box .money span[data-v-9b1af1fa] {
    color: var(--theme-dec4);
    margin-left: .15rem
}

.userInfo .user_info_dw .btn-box[data-v-9b1af1fa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .2rem
}

.userInfo .user_info_dw .btn-box .btn[data-v-9b1af1fa] {
    width: 2.2rem;
    height: .82rem;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    position: relative
}

.userInfo .user_info_dw .btn-box .btn img[data-v-9b1af1fa] {
    margin-right: .14rem;
    width: .47rem
}

.userInfo .user_info_dw .btn-box .btn span[data-v-9b1af1fa] {
    position: relative;
    z-index: 2
}

.userInfo .user_info_dw .btn-box .btn1[data-v-9b1af1fa] {
    color: var(--theme-dec3);
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2))
}

.userInfo .user_info_dw .btn-box .btn2[data-v-9b1af1fa] {
    color: var(--theme-neutral1);
    background: linear-gradient(-90deg, var(--theme-ts8-gradient1), var(--theme-ts8-gradient2))
}

[data-v-d21da1c3] .el-popover.el-popper {
    color: var(--theme-neutral1);
    border: none;
    font-size: .32rem;
    word-wrap: break-word;
    white-space: pre-wrap;
    width: 5.5rem !important
}

[data-v-d21da1c3] .el-popper.is-light .el-popper__arrow:before {
    border: var(--secondary-color);
    background: var(--secondary-color)
}

[data-v-d21da1c3] .el-popover__title {
    padding-left: .1rem;
    color: var(--theme-neutral1);
    font-size: .32rem;
    font-weight: 700
}

.btnTitle[data-v-d21da1c3] {
    width: .3rem;
    height: .3rem;
    font-size: .34rem
}

[data-v-d21da1c3] .el-popover.el-popper {
    width: 95% !important;
    font-size: .32rem;
    color: var(--theme-color2) !important
}

[data-v-d21da1c3] .el-popover__title {
    font-size: .32rem
}

img[data-v-d21da1c3] {
    width: .4rem
}

.headUserMoney[data-v-2775de00] {
    height: 4.5rem;
    background-size: 100% 100% !important;
    padding: .7rem .5rem 0
}

.headUserMoney .money[data-v-2775de00] {
    display: flex;
    padding: 0 .15rem;
    justify-content: space-between;
    font-size: .277rem;
    color: var(--font-color1)
}

.headUserMoney .progressBox[data-v-2775de00] {
    width: 100%;
    margin-top: 1rem
}

.headUserMoney .progressBox .progressTxt[data-v-2775de00] {
    display: flex;
    justify-content: space-between;
    font-size: .277rem;
    color: var(--font-color1);
    margin-bottom: .19rem
}

.headUserMoney .limpar_btn_max_box[data-v-2775de00] {
    display: flex;
    justify-content: flex-end !important;
    gap: .1rem;
    margin-top: .4rem;
    font-size: .32rem;
    color: red
}

.headUserMoney .limpar_btn_max_box .limpar_btn[data-v-2775de00] {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .1rem;
    background: var(--page-background-color);
    border-radius: .4rem;
    padding: .05rem .2rem
}

.headUserMoney .limpar_btn_max_box .logo-question[data-v-2775de00] {
    width: .33rem;
    height: .33rem;
    z-index: 1
}

.QR_code_page_[data-v-2de28815] {
    width: 375px;
    background: var(--91b1bb98);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin: 0
}

.QR_code_page_ .logo[data-v-2de28815] {
    padding-top: 32px
}

.QR_code_page_ .logo img[data-v-2de28815] {
    display: block;
    margin: 0 auto
}

.QR_code_page_ .logo img[data-v-2de28815]:nth-child(1) {
    margin-bottom: 30px;
    width: 100%
}

.QR_code_page_ .logo img[data-v-2de28815]:nth-child(2) {
    width: 260px
}

.QR_code_page_ .code[data-v-2de28815] {
    margin-bottom: 30px;
    text-align: center
}

.QR_code_page_ .code img[data-v-2de28815] {
    width: 248px;
    height: 243px;
    border-radius: 12px
}

.QR_code_page_ .b_box[data-v-2de28815] {
    padding: 30px 40px;
    background: #000;
    box-sizing: border-box
}

.QR_code_page_ .b_box .img_box[data-v-2de28815] {
    display: flex;
    justify-content: space-between
}

.QR_code_page_ .b_box .img_box img[data-v-2de28815]:nth-child(1) {
    width: 81px;
    height: 57px
}

.QR_code_page_ .b_box .img_box img[data-v-2de28815]:nth-child(2) {
    width: 170px;
    height: 57px
}

.QR_code_page_ .b_box p[data-v-2de28815] {
    text-align: center;
    font-size: 20px;
    white-space: nowrap
}

.QR_code_page_ .b_box p[data-v-2de28815]:nth-last-child(2) {
    padding: 20px 0;
    color: var(--referralReward-QR_code-p1-font-color)
}

.QR_code_page_ .b_box p[data-v-2de28815]:nth-last-child(1) {
    color: var(--referralReward-QR_code-p2-font-color)
}

.c_box[data-v-cf189ea7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .1rem .2rem;
    box-sizing: border-box;
    border-radius: .2rem
}

.c_box .c_box_link[data-v-cf189ea7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .3rem;
    background: var(--theme-color3);
    border-radius: .2rem;
    gap: .4rem;
    width: 100%;
    height: 1rem;
    border: .03rem solid var(--theme-color7)
}

.c_box .c_box_link .share_link[data-v-cf189ea7] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 4rem;
    height: 100%
}

.c_box .c_box_link span[data-v-cf189ea7] {
    font-family: OswaldBold;
    font-weight: 100;
    font-size: .3rem;
    line-height: .36rem
}

.c_box .c_box_link span[data-v-cf189ea7]:nth-child(1) {
    color: var(--theme-neutral1)
}

.c_box .c_box_link span[data-v-cf189ea7]:nth-child(2) {
    color: var(--theme-dec4)
}

.c_box .c_box_link span[data-v-cf189ea7]:nth-child(3) {
    color: var(--theme-color2);
    text-decoration: underline
}

.c_box .qrBox[data-v-cf189ea7] {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    margin: .2rem 0 .29rem
}

.c_box .qrBox .c_box_img_l[data-v-cf189ea7] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    color: var(--theme-neutral1);
    width: 100%
}

.c_box .qrBox .c_box_img_l span[data-v-cf189ea7] {
    font-size: .36rem;
    margin-right: .2rem
}

.c_box .qrBox .c_box_img_l div[data-v-cf189ea7] {
    padding: .2rem 0;
    border-radius: .2rem;
    background: var(--theme-color3);
    width: 100%;
    display: flex;
    justify-content: center;
    gap: .35rem
}

.c_box .qrBox .c_box_img_l div img[data-v-cf189ea7] {
    width: 1rem;
    height: 1rem
}

.headUserAgent[data-v-a169f903] {
    border-radius: .2rem
}

.headUserAgent .titel[data-v-a169f903] {
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: .35rem .35rem 0rem 0rem;
    background: var(--theme-color7)
}

.headUserAgent .titel .title_name[data-v-a169f903] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 .28rem 0 .4rem;
    font-size: .42rem;
    color: var(--theme-neutral1)
}

.headUserAgent .titel .title_name div[data-v-a169f903] {
    display: flex;
    align-items: center
}

.headUserAgent .titel .title_name div img[data-v-a169f903] {
    width: .32rem
}

.headUserAgent .headUserAgent-box[data-v-a169f903] {
    background: var(--theme-color6);
    border-radius: 0rem 0rem .35rem .35rem
}

.headUserAgent .content[data-v-a169f903] {
    padding: .35rem .2rem .3rem;
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .24rem
}

.headUserAgent .content .item[data-v-a169f903] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 .23rem;
    border-radius: .2rem;
    height: 1.1rem;
    background: var(--theme-color3);
    color: var(--theme-neutral1);
    font-size: .32rem
}

.headUserAgent .content .item span[data-v-a169f903]:nth-child(1) {
    text-align: center;
    color: var(--theme-dec4)
}

.headUserAgent .content .item span[data-v-a169f903]:nth-child(2) {
    color: var(--theme-neutral1)
}

.headUserTabs[data-v-7cb7ea7b] {
    width: 100%;
    margin: .29rem 0 3rem;
    display: flex;
    flex-direction: column;
    gap: .29rem
}

.headUserTabs .item-t-1[data-v-7cb7ea7b] {
    display: flex;
    justify-content: space-around;
    background: var(--theme-color6);
    border-radius: .35rem;
    padding: .4rem .5rem .3rem
}

.headUserTabs .item-t-1 .item[data-v-7cb7ea7b] {
    width: 100%
}

.headUserTabs .item-t-1 .item .left[data-v-7cb7ea7b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2rem
}

.headUserTabs .item-t-1 .item .left img[data-v-7cb7ea7b] {
    width: .72rem
}

.headUserTabs .item-t-1 .item .left p[data-v-7cb7ea7b] {
    color: var(--theme-color2);
    font-size: .34rem
}

.headUserTabs .item-t-2[data-v-7cb7ea7b] {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.headUserTabs .item-t-2 .item[data-v-7cb7ea7b]:after {
    display: none
}

.headUserTabs .item-t-2 .item[data-v-7cb7ea7b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--theme-color6);
    box-sizing: border-box;
    height: 1.3rem;
    width: 100%;
    padding: .25rem .4rem .25rem .5rem;
    border-radius: .2rem;
    color: var(--theme-neutral1);
    position: relative
}

.headUserTabs .item-t-2 .item .left[data-v-7cb7ea7b] {
    display: flex;
    align-items: center
}

.headUserTabs .item-t-2 .item .left img[data-v-7cb7ea7b] {
    width: .57rem
}

.headUserTabs .item-t-2 .item .left p[data-v-7cb7ea7b] {
    margin-left: .45rem;
    font-size: .36rem;
    color: var(--theme-color2)
}

.headUserTabs .item-t-2 .item .rit[data-v-7cb7ea7b] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    background: var(--theme-color11);
    border-radius: .14rem
}

.headUserTabs .item-t-2 .item .rit img[data-v-7cb7ea7b] {
    display: block;
    width: .41rem
}

.headUser[data-v-dc4f8004] {
    position: fixed;
    z-index: 98;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    white-space: nowrap;
    transition: .2s all ease
}

.headUser .headerUser_mask[data-v-dc4f8004] {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000
}

.headUser .headerUser_mask>div[data-v-dc4f8004] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--theme-neutral4)
}

.headUser .headUserBody[data-v-dc4f8004] {
    position: absolute;
    z-index: 101;
    right: 0;
    background-color: var(--theme-color3);
    overflow-y: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 1.81rem .18rem 0
}

.headUser[data-v-dc4f8004] .headUser_bg {
    margin: .4rem 0 .3rem
}

.dialog_content[data-v-27e31780] {
    padding: .3rem 0;
    width: 100%;
    background: var(--theme-card-background);
    border-radius: .2rem;
    height: 100%
}

.dialog_content .dialog_content_title[data-v-27e31780] {
    position: relative;
    margin-bottom: .4rem;
    text-align: center
}

.dialog_content .dialog_content_title span[data-v-27e31780] {
    font-size: .34rem;
    font-weight: 600;
    color: var(--theme-neutral1)
}

.dialog_content .dialog_content_title img[data-v-27e31780] {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 21px
}

.dialog_content .dialog_content_column[data-v-27e31780] {
    display: flex;
    margin-bottom: .35rem
}

.dialog_content .dialog_content_column div[data-v-27e31780] {
    width: 50%;
    font-size: .32rem;
    font-weight: 600;
    text-align: center;
    color: var(--theme-neutral1)
}

.dialog_content ul li[data-v-27e31780] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    margin-bottom: .35rem
}

.dialog_content ul li[data-v-27e31780]:nth-last-child(1) {
    margin-bottom: 0
}

.dialog_content ul li img[data-v-27e31780] {
    width: .7rem;
    height: .7rem
}

.dialog_content ul li div[data-v-27e31780] {
    width: 50%;
    text-align: center;
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.spinPopBox[data-v-bf6715d0] {
    position: relative;
    width: 10rem;
    height: 12rem;
    margin-top: 3rem;
    color: var(--theme-neutral1)
}

.spinPopBox .amBox[data-v-bf6715d0] {
    -webkit-animation: drawnfloat-s1mafayd-bf6715d0 2s infinite both;
    animation: drawnfloat-s1mafayd-bf6715d0 2s infinite both;
    position: relative;
    text-align: center
}

.spinPopBox .amBox .topImg1[data-v-bf6715d0] {
    width: 5.86rem;
    height: 1.93rem
}

.spinPopBox .amBox .topImg2[data-v-bf6715d0] {
    position: absolute;
    top: -2.5rem;
    left: 46%;
    transform: translate(-50%);
    width: 110%
}

.spinPopBox .amBox .moneyP[data-v-bf6715d0] {
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    bottom: -5.5rem;
    font-size: .45rem;
    font-weight: 700;
    color: var(--theme-dec4)
}

.spinPopBox .amBox .money[data-v-bf6715d0] {
    width: 1.65rem;
    height: 1.65rem;
    background: var(--mask-color);
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    bottom: -4.7rem;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .44rem;
    border: .03rem solid var(--theme-color19)
}

.spinPopBox .amBox .money img[data-v-bf6715d0] {
    width: 1.07rem
}

.spinPopBox .btn[data-v-bf6715d0] {
    position: absolute;
    width: 4rem;
    height: 1.08rem;
    bottom: 3.4rem;
    left: 50%;
    font-weight: 700;
    transform: translate(-50%);
    font-size: .36rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    background-size: 100% 100%;
    font-weight: 600;
    display: flex;
    line-height: 1.35rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: .2rem;
    color: var(--theme-dec3);
    z-index: 10
}

@keyframes drawnfloat-s1mafayd-bf6715d0 {
    0% {
        top: 0%
    }

    50% {
        top: .2rem
    }

    to {
        top: 0%
    }
}

@keyframes drawnfloat-p-bf6715d0 {
    0% {
        bottom: 5.5rem
    }

    50% {
        bottom: 5.3rem
    }

    to {
        bottom: 5.5rem
    }
}

.spinPopDialog[data-v-260b7c94] {
    height: 100%;
    box-sizing: border-box;
    margin-top: -2rem
}

.spin_box[data-v-260b7c94] {
    position: relative;
    width: 9.99rem;
    height: 11.6rem;
    margin: 0rem auto 0;
    background-repeat: no-repeat;
    background-size: 100%
}

.spin_box .ring[data-v-260b7c94] {
    margin: auto;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 2
}

.spin_box .ring .titleImg[data-v-260b7c94] {
    width: 5.52rem;
    height: 1.75rem;
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translate(-50%);
    z-index: 3
}

.spin_box .ring .light[data-v-260b7c94] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: var(--73dffa23);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1
}

.spin_box .turntable[data-v-260b7c94] {
    translate: none;
    rotate: none;
    scale: none;
    width: 5.95rem;
    height: 5.95rem;
    transition: none;
    position: absolute;
    left: 1.95rem;
    top: 2.6rem
}

.spin_box .turntable .Turntableoutsieframe[data-v-260b7c94] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0
}

.spin_box .turntable .turntable_item[data-v-260b7c94] {
    position: absolute;
    height: .44rem;
    width: 1.15rem;
    top: 48%;
    left: 48%;
    line-height: 1.5rem;
    margin-top: 0rem;
    -webkit-transform-origin: -1.3575rem center;
    -ms-transform-origin: -1.3575rem center;
    transform-origin: -1.3575rem center;
    margin-left: 1.52rem;
    color: var(--theme-neutral1);
    font-size: .35rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transform: rotate(-90deg);
    z-index: 2
}

.spin_box .turntable .turntable_item span[data-v-260b7c94] {
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    white-space: nowrap;
    font-weight: 600;
    font-size: .28rem;
    color: #fff;
    text-stroke: 0px var(--theme-dec2);
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0px var(--theme-dec2);
    gap: .05rem
}

.spin_box .turntable .turntable_item img[data-v-260b7c94] {
    height: .52rem;
    width: .52rem
}

.spin_box .turntable .turntable_item .iphone[data-v-260b7c94] {
    width: .61rem;
    height: .87rem
}

.spin_box .turntable .turntable_item .switch[data-v-260b7c94] {
    width: .64rem;
    height: .81rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(3) {
    transform: rotate(-64deg)
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(4) {
    transform: rotate(-34deg);
    margin-left: 1.42rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(5) {
    transform: rotate(-3deg);
    margin-left: 1.4rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(6) {
    transform: rotate(27deg);
    margin-left: 1.4rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(7) {
    transform: rotate(52deg);
    margin-left: 1.2rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(8) {
    transform: rotate(90deg);
    margin-left: 1.4rem;
    margin-top: -.1rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(9) {
    transform: rotate(124deg);
    margin-left: 1.6rem;
    margin-top: -.1rem
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(10) {
    transform: rotate(154deg)
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(11) {
    transform: rotate(184deg)
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(12) {
    transform: rotate(212deg)
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(13) {
    transform: rotate(241deg)
}

.spin_box .turntable .turntable_item[data-v-260b7c94]:nth-child(14) {
    transform: rotate(270deg)
}

.spin_box .coco_img[data-v-260b7c94] {
    position: absolute;
    width: 19.375rem;
    right: -21.25rem;
    bottom: -3.125rem
}

.spin_box .amount_img[data-v-260b7c94] {
    position: absolute;
    width: 14.375rem;
    left: -14.375rem;
    bottom: -3.125rem
}

.spin_box .spin_btn[data-v-260b7c94] {
    position: absolute;
    left: 49%;
    top: 50%;
    width: 1.4rem;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, -50%)
}

.spin_box .btn_txt[data-v-260b7c94] {
    font-size: .32rem;
    color: var(--theme-neutral1);
    text-align: center;
    position: absolute;
    top: 48.5%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    font-weight: 700;
    text-shadow: -.03rem -.03rem 0 var(--theme-dec3), .03rem -.03rem 0 var(--theme-dec3), -.03rem .03rem 0 var(--theme-dec3), .03rem .03rem 0 var(--theme-dec3)
}

.spin_box .spin_center[data-v-260b7c94] {
    position: absolute;
    top: 47.2%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.87rem;
    z-index: 9
}

.spin_rotate[data-v-260b7c94] {
    -webkit-animation: router-260b7c94 3s ease-out forwards;
    animation: router-260b7c94 3s ease-out forwards
}

.scale_up_hor_left[data-v-260b7c94] {
    -webkit-animation: scale-up-hor-left 3.7s cubic-bezier(.39, .575, .565, 1) both;
    animation: scale-up-hor-left 3.7s cubic-bezier(.39, .575, .565, 1) both
}

@-webkit-keyframes router-260b7c94 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(2190deg)
    }
}

@-webkit-keyframes spinpulse-260b7c94 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        -ms-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        transform: rotate(-5deg) scaleZ(1)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale3d(1.1, 1.1, 1.1);
        -ms-transform: translate(-50%, -50%) rotate(0deg) scale3d(1.1, 1.1, 1.1);
        transform: rotate(0) scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        -ms-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        transform: rotate(-5deg) scale3d(1)
    }
}

@keyframes spinpulse-260b7c94 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        -ms-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        transform: translate(-50%, -50%) scale3d(1)
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale3d(1.1, 1.1, 1.1);
        -ms-transform: translate(-50%, -50%) rotate(0deg) scale3d(1.1, 1.1, 1.1);
        transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        -ms-transform: translate(-50%, -50%) rotate(-5deg) scale3d(1, 1, 1);
        transform: translate(-50%, -50%) scale3d(1)
    }
}

@-webkit-keyframes toggleScale-s1wut3m0-260b7c94 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.97);
        -ms-transform: scale(.97);
        transform: scale(.97)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes toggleScale-s1wut3m0-260b7c94 {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(.97);
        -ms-transform: scale(.97);
        transform: scale(.97)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.raffle[data-v-3af5f2c4] {
    box-sizing: border-box;
    position: relative
}

.raffle .lottery[data-v-3af5f2c4] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative
}

.raffle .lottery-box[data-v-3af5f2c4] {
    width: 7.64rem;
    height: 11.42rem;
    margin: 0 auto;
    position: relative
}

.raffle .lottery-box .taiji-img[data-v-3af5f2c4] {
    width: 7.64rem;
    height: 11.42rem;
    position: relative;
    z-index: 9
}

.raffle .lottery-box .lamp[data-v-3af5f2c4] {
    width: 100%;
    height: .4rem;
    position: absolute;
    top: 4.8%;
    left: 50%;
    transform: translate(-50%, -5%);
    z-index: 9
}

.raffle .lottery-box .lamp img[data-v-3af5f2c4] {
    width: .5rem;
    height: .5rem;
    position: absolute
}

.raffle .lottery-box .lamp img[data-v-3af5f2c4]:nth-of-type(1) {
    left: 34.5%;
    animation: blink1-3af5f2c4 1s infinite
}

.raffle .lottery-box .lamp img[data-v-3af5f2c4]:nth-of-type(2) {
    left: 48.5%;
    animation: blink2-3af5f2c4 1s infinite
}

.raffle .lottery-box .lamp img[data-v-3af5f2c4]:nth-of-type(3) {
    left: 62%;
    animation: blink1-3af5f2c4 1s infinite
}

@keyframes blink1-3af5f2c4 {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes blink2-3af5f2c4 {

    0%,
    to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box {
    position: absolute;
    right: 0;
    left: 0;
    top: 4.5rem;
    height: 2rem;
    width: 6rem;
    margin: auto
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box img {
    height: 1.8rem;
    width: auto;
    position: absolute
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball0 {
    transform: translate(.15rem) rotate(0)
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball1 {
    transform: translate(1.2rem, -.4rem) rotate(100deg)
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball2 {
    transform: translate(2.5rem, .5rem) rotate(90deg);
    z-index: 1
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball3 {
    transform: translate(3.2rem, -.3rem) rotate(10deg);
    z-index: 1
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball4 {
    transform: translate(4rem, .2rem) rotate(60deg);
    z-index: 1
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball5 {
    transform: translate(3rem, 1.2rem) rotate(160deg);
    z-index: 1
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box .ball6 {
    transform: translate(1rem, 1.2rem) rotate(60deg);
    z-index: 1
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball0 {
    animation: around0-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball1 {
    animation: around1-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball2 {
    animation: around2-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball3 {
    animation: around3-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball4 {
    animation: around4-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball5 {
    animation: around5-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball6 {
    animation: around6-3af5f2c4 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball7 {
    animation: around7 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball8 {
    animation: around8 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball9 {
    animation: around9 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball10 {
    animation: around10 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball11 {
    animation: around11 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball12 {
    animation: around12 6s linear infinite
}

.raffle .lottery-box[data-v-3af5f2c4] .ball-box.active .ball13 {
    animation: around13 6s linear infinite
}

.raffle .lottery-box .play[data-v-3af5f2c4] {
    width: 1.07rem;
    height: .87rem;
    cursor: pointer;
    position: absolute;
    right: 2.35rem;
    bottom: 3.45rem;
    z-index: 9
}

.raffle .lottery-box .play img[data-v-3af5f2c4] {
    width: 100%;
    height: 100%;
    display: block
}

.raffle .lottery-box .shou[data-v-3af5f2c4] {
    width: 1.5rem;
    position: absolute;
    right: 1.1rem;
    bottom: 2.5rem;
    z-index: 9;
    animation: shouzy-3af5f2c4 1s ease-in-out infinite
}

.raffle .lottery-box .rotating[data-v-3af5f2c4] {
    animation: rotate-3af5f2c4 .5s linear infinite
}

@keyframes rotate-3af5f2c4 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.raffle .lottery-box .ball-show[data-v-3af5f2c4] {
    width: .5rem;
    position: absolute;
    bottom: 3.4rem;
    left: 1.95rem;
    z-index: 9;
    animation-fill-mode: forwards
}

.raffle .lottery-box .ball-active[data-v-3af5f2c4] {
    display: block;
    animation: rollball-3af5f2c4 1.5s linear;
    animation-fill-mode: forwards;
    z-index: 9
}

.raffle .introduce[data-v-3af5f2c4] {
    margin: 0 auto;
    width: 9rem;
    background-image: var(--b22e18f4);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    padding: 1rem .4rem
}

.raffle .introduce .title[data-v-3af5f2c4] {
    color: var(--theme-neutral1);
    font-size: var(--font-title2);
    font-weight: 600;
    text-align: center
}

.raffle .introduce .text[data-v-3af5f2c4] {
    margin-top: .4rem;
    color: var(--theme-neutral1);
    font-size: var(--font-size2);
    font-weight: 100
}

.raffle .introduce .text p[data-v-3af5f2c4] {
    margin-top: .3rem;
    line-height: .4rem
}

.raffle .kj[data-v-3af5f2c4] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.raffle .kj .img-box[data-v-3af5f2c4] {
    width: 7.45rem;
    height: 100%;
    background-image: var(--b22e18f2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: relative
}

.raffle .kj .img-box .qiu-box[data-v-3af5f2c4] {
    width: 3.22rem;
    height: 3.22rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative
}

.raffle .kj .img-box .qiu-box .qiu[data-v-3af5f2c4] {
    width: 3.22rem
}

.raffle .kj .img-box .qiu-box .qiu-s[data-v-3af5f2c4] {
    position: absolute;
    transition: transform .5s ease;
    z-index: 10
}

.raffle .kj .img-box .qiu-box .openEgg[data-v-3af5f2c4] {
    transform: translateY(-2.5rem)
}

.raffle .kj .img-box .qiu-box .coin[data-v-3af5f2c4] {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -40%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--theme-neutral1);
    font-weight: 600;
    font-size: var(--font-title)
}

.raffle .kj .img-box .qiu-box .coin span[data-v-3af5f2c4] {
    white-space: nowrap;
    margin-top: -.3rem
}

.raffle .kj .img-box .qiu-box .coin img[data-v-3af5f2c4] {
    width: 1.8rem
}

.raffle .kj .img-box .qiu-box .openEgg2[data-v-3af5f2c4] {
    animation: shake-3af5f2c4 .5s ease-in-out infinite
}

.raffle .kj .img-box .btn[data-v-3af5f2c4] {
    width: 4.9rem;
    height: 1.65rem;
    background-image: var(--b22e18f0);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, 20%);
    font-weight: 700;
    font-size: .55rem;
    color: #fff;
    line-height: 1.45rem;
    text-align: center
}

@keyframes around0-3af5f2c4 {
    0% {
        transform: translateY(-1.6rem) rotate(0)
    }

    5% {
        transform: translate(1.28rem, -.1rem) rotate(50deg)
    }

    10% {
        transform: translate(.2rem, -.43rem) rotate(70deg)
    }

    15% {
        transform: translate(.28rem, -.2rem) rotate(260deg)
    }

    20% {
        transform: translate(.2rem, -.8rem) rotate(80deg)
    }

    25% {
        transform: translate(.9rem, -.1rem) rotate(140deg)
    }

    30% {
        transform: translate(1.2rem, -.9rem) rotate(60deg)
    }

    35% {
        transform: translate(2.2rem, -.1rem) rotate(260deg)
    }

    40% {
        transform: translate(.8rem, -.27rem) rotate(260deg)
    }

    45% {
        transform: translate(2.1rem, -.5rem) rotate(0)
    }

    50% {
        transform: translate(3rem, -1.5rem) rotate(0)
    }

    55% {
        transform: translate(.82rem, -.1rem) rotate(50deg)
    }

    60% {
        transform: translate(.29rem, -.2rem) rotate(70deg)
    }

    65% {
        transform: translate(.7rem, -.9rem) rotate(260deg)
    }

    70% {
        transform: translate(1rem, -.4rem) rotate(80deg)
    }

    75% {
        transform: translate(.7rem, -1.4rem) rotate(140deg)
    }

    80% {
        transform: translate(1.1rem, -.2rem) rotate(60deg)
    }

    85% {
        transform: translate(1rem, -.6rem) rotate(260deg)
    }

    90% {
        transform: translate(2.6rem, -1.1rem) rotate(260deg)
    }

    95% {
        transform: translate(.1rem, -1.4rem) rotate(0)
    }

    to {
        transform: translate(.15rem, -1.6rem) rotate(0)
    }
}

@keyframes around1-3af5f2c4 {
    0% {
        transform: translate(1.6rem, -1rem) rotate(0)
    }

    5% {
        transform: translate(1.38rem, -1.3rem) rotate(50deg)
    }

    10% {
        transform: translate(.2rem, -1.43rem) rotate(70deg)
    }

    15% {
        transform: translate(.58rem, -.8rem) rotate(260deg)
    }

    20% {
        transform: translate(.4rem, -1.2rem) rotate(80deg)
    }

    25% {
        transform: translate(1rem, -1.7rem) rotate(140deg)
    }

    30% {
        transform: translate(1.6rem, -.9rem) rotate(60deg)
    }

    35% {
        transform: translate(2.2rem, -1.2rem) rotate(260deg)
    }

    40% {
        transform: translate(3.7rem, -1.7rem) rotate(260deg)
    }

    45% {
        transform: translate(2.6rem, -.2rem) rotate(0)
    }

    50% {
        transform: translate(3.6rem, -1.1rem) rotate(0)
    }

    55% {
        transform: translate(1.82rem, -.7rem) rotate(50deg)
    }

    60% {
        transform: translate(1.29rem, -1.2rem) rotate(70deg)
    }

    65% {
        transform: translate(1.7rem, -1.9rem) rotate(260deg)
    }

    70% {
        transform: translate(2.6rem, -2rem) rotate(80deg)
    }

    75% {
        transform: translate(1.7rem, -1.7rem) rotate(140deg)
    }

    80% {
        transform: translate(1.4rem, -1.2rem) rotate(60deg)
    }

    85% {
        transform: translate(1.5rem, -1.6rem) rotate(260deg)
    }

    90% {
        transform: translate(2.1rem, -1.7rem) rotate(260deg)
    }

    95% {
        transform: translate(.6rem, -1.9rem) rotate(0)
    }

    to {
        transform: translate(1.15rem, -1.2rem) rotate(0)
    }
}

@keyframes around2-3af5f2c4 {
    0% {
        transform: translate(3rem, -.2rem) rotate(0)
    }

    5% {
        transform: translate(4.1rem, -.9rem) rotate(260deg)
    }

    10% {
        transform: translate(3.1rem, -2rem) rotate(70deg)
    }

    15% {
        transform: translate(1.3rem, -1rem) rotate(260deg)
    }

    20% {
        transform: translateY(-2.1rem) rotate(160deg)
    }

    25% {
        transform: translate(1.4rem, -.6rem) rotate(140deg)
    }

    30% {
        transform: translate(2.7rem, -1.3rem) rotate(160deg)
    }

    35% {
        transform: translate(3.7rem, -2.1rem) rotate(40deg)
    }

    40% {
        transform: translate(4rem, -.9rem) rotate(210deg)
    }

    45% {
        transform: translate(2.3rem, -2rem) rotate(20deg)
    }

    50% {
        transform: translate(1.5rem, -.7rem) rotate(70deg)
    }

    55% {
        transform: translate(.2rem, -2rem) rotate(60deg)
    }

    60% {
        transform: translate(1.2rem, -1.1rem) rotate(90deg)
    }

    65% {
        transform: translate(2.8rem, -2rem) rotate(240deg)
    }

    70% {
        transform: translate(3.1rem, -1rem) rotate(210deg)
    }

    75% {
        transform: translate(4.1rem, -2.1rem) rotate(160deg)
    }

    80% {
        transform: translate(2.7rem, -1.2rem) rotate(50deg)
    }

    85% {
        transform: translate(1.3rem, -1.9rem) rotate(180deg)
    }

    90% {
        transform: translate(.1rem, -1.5rem) rotate(120deg)
    }

    95% {
        transform: translate(1.8rem, -1rem) rotate(50deg)
    }

    to {
        transform: translate(3rem, .1rem) rotate(0)
    }
}

@keyframes around3-3af5f2c4 {
    0% {
        transform: translate(3.7rem, -1rem) rotate(40deg)
    }

    5% {
        transform: translate(2.2rem, -1.4rem) rotate(180deg)
    }

    10% {
        transform: translate(1.3rem, -1.9rem) rotate(70deg)
    }

    15% {
        transform: translate(2.3rem, -2.1rem) rotate(220deg)
    }

    20% {
        transform: translate(3rem, -2.8rem) rotate(210deg)
    }

    25% {
        transform: translate(2.4rem, -2rem) rotate(140deg)
    }

    30% {
        transform: translate(3.7rem, -1.3rem) rotate(60deg)
    }

    35% {
        transform: translate(2.28rem, -1.1rem) rotate(50deg)
    }

    40% {
        transform: translate(1.64rem, -.1rem) rotate(260deg)
    }

    45% {
        transform: translate(1.3rem, -1.2rem) rotate(140deg)
    }

    50% {
        transform: translate(.5rem, -2.4rem) rotate(80deg)
    }

    55% {
        transform: translate(2rem, -2.6rem) rotate(60deg)
    }

    60% {
        transform: translate(.2rem, -2.1rem) rotate(70deg)
    }

    65% {
        transform: translate(2rem, -2rem) rotate(260deg)
    }

    70% {
        transform: translate(2.4rem, -1.3rem) rotate(160deg)
    }

    75% {
        transform: translate(3.3rem, -2.1rem) rotate(140deg)
    }

    80% {
        transform: translate(2.2rem, -1.2rem) rotate(50deg)
    }

    85% {
        transform: translate(1.5rem, -1.8rem) rotate(80deg)
    }

    90% {
        transform: translate(1rem, -1.2rem) rotate(100deg)
    }

    95% {
        transform: translate(2rem, -2.2rem) rotate(30deg)
    }

    to {
        transform: translate(3rem, -1.2rem) rotate(0)
    }
}

@keyframes around4-3af5f2c4 {
    0% {
        transform: translate(3rem, .5rem) rotate(0)
    }

    5% {
        transform: translate(1.2rem, .4rem) rotate(260deg)
    }

    10% {
        transform: translate(.3rem, -2.3rem) rotate(70deg)
    }

    15% {
        transform: translate(2.3rem, -1rem) rotate(260deg)
    }

    20% {
        transform: translate(3rem, -2.8rem) rotate(260deg)
    }

    25% {
        transform: translate(.4rem, .1rem) rotate(140deg)
    }

    30% {
        transform: translate(2.7rem, 1.3rem) rotate(60deg)
    }

    35% {
        transform: translate(2.28rem, -2.1rem) rotate(50deg)
    }

    40% {
        transform: translate(.64rem, .1rem) rotate(260deg)
    }

    45% {
        transform: translate(.3rem, -2rem) rotate(0)
    }

    50% {
        transform: translate(1.5rem, -.2rem) rotate(0)
    }

    55% {
        transform: translate(2rem, -2.2rem) rotate(60deg)
    }

    60% {
        transform: translate(.2rem, .1rem) rotate(70deg)
    }

    65% {
        transform: translate(3rem, -1rem) rotate(260deg)
    }

    70% {
        transform: translate(2.1rem, .3rem) rotate(260deg)
    }

    75% {
        transform: translate(3rem, -2.1rem) rotate(140deg)
    }

    80% {
        transform: translate(.2rem, -.2rem) rotate(50deg)
    }

    85% {
        transform: translate(1.5rem, -1.8rem) rotate(80deg)
    }

    90% {
        transform: translate(2.4rem, .2rem) rotate(80deg)
    }

    95% {
        transform: translate(1rem, 2.2rem) rotate(0)
    }

    to {
        transform: translate(3rem, .2rem) rotate(0)
    }
}

@keyframes around5-3af5f2c4 {
    0% {
        transform: translate(3rem, 1rem) rotate(0)
    }

    5% {
        transform: translate(1.2rem, .4rem) rotate(260deg)
    }

    10% {
        transform: translate(.3rem, 2.3rem) rotate(70deg)
    }

    15% {
        transform: translate(2.3rem) rotate(260deg)
    }

    20% {
        transform: translate(3rem, 2.1rem) rotate(260deg)
    }

    25% {
        transform: translate(.4rem, .1rem) rotate(140deg)
    }

    30% {
        transform: translate(2.7rem, 1.3rem) rotate(60deg)
    }

    35% {
        transform: translate(2.28rem, 2.1rem) rotate(50deg)
    }

    40% {
        transform: translate(.64rem, .1rem) rotate(260deg)
    }

    45% {
        transform: translate(-.3rem, 2rem) rotate(0)
    }

    50% {
        transform: translate(1.5rem, -.2rem) rotate(0)
    }

    55% {
        transform: translate(2rem, 2.2rem) rotate(60deg)
    }

    60% {
        transform: translate(.2rem, .1rem) rotate(70deg)
    }

    65% {
        transform: translate(2rem, 2rem) rotate(260deg)
    }

    70% {
        transform: translate(2.1rem, .3rem) rotate(260deg)
    }

    75% {
        transform: translate(3rem, 2.1rem) rotate(140deg)
    }

    80% {
        transform: translate(.2rem, .2rem) rotate(50deg)
    }

    85% {
        transform: translate(1.5rem, 1.8rem) rotate(80deg)
    }

    90% {
        transform: translate(2.4rem, .2rem) rotate(80deg)
    }

    95% {
        transform: translate(1rem, 2.2rem) rotate(0)
    }

    to {
        transform: translate(3rem, 1.2rem) rotate(0)
    }
}

@keyframes around6-3af5f2c4 {
    0% {
        transform: translate(3rem, 1rem) rotate(20deg)
    }

    5% {
        transform: translate(3.2rem, .4rem) rotate(60deg)
    }

    10% {
        transform: translate(4rem, 1.3rem) rotate(70deg)
    }

    15% {
        transform: translate(2.3rem) rotate(90deg)
    }

    20% {
        transform: translate(3rem, 2.1rem) rotate(60deg)
    }

    25% {
        transform: translate(1.4rem, .1rem) rotate(140deg)
    }

    30% {
        transform: translate(.7rem, 1.3rem) rotate(60deg)
    }

    35% {
        transform: translate(.2rem, .1rem) rotate(50deg)
    }

    40% {
        transform: translate(.64rem, -.7rem) rotate(240deg)
    }

    45% {
        transform: translate(.3rem, .2rem) rotate(10deg)
    }

    50% {
        transform: translate(1.5rem, -.2rem) rotate(20deg)
    }

    55% {
        transform: translate(2rem, 2.2rem) rotate(60deg)
    }

    60% {
        transform: translate(3.2rem, .1rem) rotate(50deg)
    }

    65% {
        transform: translate(4rem, 2rem) rotate(210deg)
    }

    70% {
        transform: translate(2.1rem, .3rem) rotate(160deg)
    }

    75% {
        transform: translate(3rem, 1.1rem) rotate(110deg)
    }

    80% {
        transform: translate(.2rem, .2rem) rotate(50deg)
    }

    85% {
        transform: translate(1.5rem, -.8rem) rotate(40deg)
    }

    90% {
        transform: translate(2.4rem, .2rem) rotate(30deg)
    }

    95% {
        transform: translate(4rem, 1.2rem) rotate(20deg)
    }

    to {
        transform: translate(2rem, .2rem) rotate(10deg)
    }
}

@keyframes rollball-3af5f2c4 {
    0% {
        transform: translateY(.01rem) rotate(0)
    }

    5% {
        transform: translateY(.03rem) rotate(10deg) scale(1.12)
    }

    10% {
        transform: translateY(.06rem) rotate(20deg) scale(1.17)
    }

    15% {
        transform: translateY(.09rem) rotate(30deg) scale(1.19)
    }

    20% {
        transform: translateY(.12rem) rotate(40deg) scale(1.21)
    }

    25% {
        transform: translateY(.16rem) rotate(50deg) scale(1.23)
    }

    30% {
        transform: translateY(.21rem) rotate(60deg) scale(1.25)
    }

    35% {
        transform: translateY(.25rem) rotate(70deg) scale(1.27)
    }

    40% {
        transform: translateY(.29rem) rotate(80deg) scale(1.3)
    }

    45% {
        transform: translateY(.3rem) rotate(90deg) scale(1.4)
    }

    50% {
        transform: translateY(.34rem) rotate(100deg) scale(1.6)
    }

    55% {
        transform: translateY(.38rem) rotate(110deg) scale(1.8)
    }

    60% {
        transform: translateY(.4rem) rotate(120deg) scale(2)
    }

    65% {
        transform: translateY(.42rem) rotate(130deg) scale(2.2)
    }

    70% {
        transform: translateY(.44rem) rotate(140deg) scale(2.4)
    }

    75% {
        transform: translateY(.46rem) rotate(150deg) scale(2.6)
    }

    80% {
        transform: translateY(.48rem) rotate(160deg) scale(2.8)
    }

    85% {
        transform: translateY(.5rem) rotate(170deg) scale(3)
    }

    90% {
        transform: translateY(.52rem) rotate(180deg) scale(3.2)
    }

    95% {
        transform: translateY(.55rem) rotate(200deg) scale(3.4)
    }

    to {
        transform: translateY(.6rem) rotate(220deg) scale(3.6)
    }
}

@keyframes shake-3af5f2c4 {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes shouzy-3af5f2c4 {

    0%,
    to {
        transform: translate(0)
    }

    25% {
        transform: translate(.1rem, .1rem)
    }

    50% {
        transform: translate(.2rem, .2rem)
    }

    75% {
        transform: translate(.3rem, .3rem)
    }
}

.gameBox[data-v-92a84cb9] {
    box-sizing: border-box;
    position: relative
}

.gameBox .title-img[data-v-92a84cb9] {
    width: 100%;
    height: 2.95rem;
    text-align: center
}

.gameBox .title-img img[data-v-92a84cb9] {
    height: 100%
}

.gameBox .gameBox-warp[data-v-92a84cb9] {
    margin-top: 1rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    justify-items: center
}

.gameBox .gameBox-warp div[data-v-92a84cb9] {
    width: 2.12rem;
    height: 2.5rem;
    position: relative
}

.gameBox .gameBox-warp div img[data-v-92a84cb9] {
    width: 100%
}

.gameBox .gameBox-warp p[data-v-92a84cb9] {
    font-size: .4rem;
    font-weight: 600;
    text-align: center;
    color: var(--theme-neutral1);
    position: relative;
    top: -.2rem
}

.gameBox .gameBox-warp .zaImg[data-v-92a84cb9] {
    width: 4.2rem;
    position: absolute;
    left: -.75rem;
    top: -.73rem
}

.gameBox .gameBox-warp .sueidan[data-v-92a84cb9] {
    width: 3.8rem;
    position: absolute;
    left: -.8rem;
    top: -.1rem
}

.gameBox .gameBox-warp .zaImgComplete[data-v-92a84cb9] {
    margin-top: .32rem;
    margin-left: .03rem
}

.gameBox .gameBox-warp .huang[data-v-92a84cb9] {
    animation: shake-92a84cb9 .5s ease-in-out infinite
}

.gameBox .btn1[data-v-92a84cb9] {
    margin-top: 1rem;
    height: 1.44rem;
    background-image: var(--19609a0a);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    font-size: .5rem;
    color: var(--theme-neutral1);
    font-weight: 600;
    position: relative;
    line-height: 1.44rem;
    padding-left: 1.3rem;
    box-sizing: border-box
}

.gameBox .introduce[data-v-92a84cb9] {
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1rem .4rem .3rem
}

.gameBox .introduce .title[data-v-92a84cb9] {
    color: var(--theme-neutral1);
    font-size: var(--font-title2);
    font-weight: 600;
    text-align: center
}

.gameBox .introduce .text[data-v-92a84cb9] {
    margin-top: .4rem;
    color: var(--theme-neutral1);
    font-size: var(--font-size2);
    font-weight: 100
}

.gameBox .introduce .text p[data-v-92a84cb9] {
    margin-top: .3rem;
    line-height: .4rem
}

.gameBox .kj[data-v-92a84cb9] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0009;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center
}

.gameBox .kj .kj-box[data-v-92a84cb9] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.gameBox .kj .guang[data-v-92a84cb9] {
    height: 0rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -5%);
    transition: height .7s ease-in-out
}

.gameBox .kj .guangH[data-v-92a84cb9] {
    height: 13rem
}

.gameBox .kj .breath[data-v-92a84cb9] {
    animation: breath-92a84cb9 3s ease-in-out infinite
}

.gameBox .kj .img-box[data-v-92a84cb9] {
    width: 100%;
    height: 4rem;
    background-image: var(--19609a0b);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 2.7rem;
    position: relative;
    z-index: 9
}

.gameBox .kj .img-box span[data-v-92a84cb9] {
    font-weight: 700;
    font-size: .5rem;
    color: var(--theme-dec4)
}

.gameBox .kj .btn2[data-v-92a84cb9] {
    width: 5rem;
    height: 1.1rem;
    background: linear-gradient(0deg, #b53803, #e95a00, #fea119, #ffdb00);
    border-radius: .55rem;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%, 20%);
    font-weight: 700;
    font-size: .55rem;
    color: #fff;
    line-height: 1.1rem;
    text-align: center
}

@keyframes shake-92a84cb9 {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes breath-92a84cb9 {
    0% {
        transform: translate(-50%, -5%) scale(1)
    }

    50% {
        transform: translate(-50%, -5%) scale(1.1)
    }

    to {
        transform: translate(-50%, -5%) scale(1)
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.gameBox[data-v-616836b6] {
    /* width: 100vw; */
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    text-align: center
}

.gameBox .guangshu1[data-v-616836b6] {
    position: absolute;
    top: .3rem;
    left: -1rem;
    width: 50%;
    transform: rotate(-25deg);
    transform-origin: top center;
    animation: leftSwing-616836b6 2s ease-in-out infinite;
    transform-style: preserve-3d
}

.gameBox .guangshu2[data-v-616836b6] {
    position: absolute;
    top: .3rem;
    right: -1rem;
    width: 50%;
    transform: rotate(25deg);
    transform-origin: top center;
    animation: rightSwing-616836b6 2s ease-in-out infinite;
    transform-style: preserve-3d
}

@keyframes leftSwing-616836b6 {

    0%,
    to {
        transform: rotate(-30deg)
    }

    50% {
        transform: rotate(10deg) translateZ(20px)
    }
}

@keyframes rightSwing-616836b6 {

    0%,
    to {
        transform: rotate(30deg)
    }

    50% {
        transform: rotate(-10deg) translateZ(20px)
    }
}

.gameBox .title-img[data-v-616836b6] {
    width: 100%;
    height: 3.6rem;
    text-align: center
}

.gameBox .title-img img[data-v-616836b6] {
    height: 100%
}

.gameBox .gameBox-warp[data-v-616836b6] {
    margin: 1.6rem auto 0;
    box-sizing: border-box;
    position: relative
}

.gameBox .gameBox-warp .gameBox-warp-box[data-v-616836b6] {
    width: 100%;
    height: 3.4rem;
    position: relative;
    display: flex;
    justify-content: center;
    justify-items: center;
    z-index: 2
}

.gameBox .gameBox-warp .gameBox-warp-box .show-box[data-v-616836b6] {
    width: 100%;
    height: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto
}

.gameBox .gameBox-warp .gameBox-warp-box .show-box div[data-v-616836b6] {
    position: relative
}

.gameBox .gameBox-warp .gameBox-warp-box .show-box div img[data-v-616836b6] {
    width: 100%;
    height: 100%
}

.gameBox .gameBox-warp .gameBox-warp-box .show-box div[data-v-616836b6]:nth-of-type(2) {
    width: 3.76rem;
    height: 3.4rem;
    margin: 0 .2rem;
    top: -.35rem
}

.gameBox .gameBox-warp .gameBox-warp-box .show-box div[data-v-616836b6]:nth-of-type(1),
.gameBox .gameBox-warp .gameBox-warp-box .show-box div[data-v-616836b6]:nth-of-type(3) {
    width: 2.69rem;
    height: 2.44rem
}

.gameBox .gameBox-warp .gameBox-warp-box .show-box div[data-v-616836b6]:nth-of-type(1):before,
.gameBox .gameBox-warp .gameBox-warp-box .show-box div[data-v-616836b6]:nth-of-type(3):before {
    content: "";
    width: 103%;
    height: 102%;
    position: absolute;
    background-image: var(--9c6ffb99-cssbgimg3);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    top: -.014rem;
    left: -.03rem
}

.gameBox .gameBox-warp .gameBox-warp-box .open_animation[data-v-616836b6] {
    width: 6.9rem;
    height: 6.4rem;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    z-index: 1
}

.gameBox .gameBox-warp .gameBox-warp-box .open_animation img[data-v-616836b6] {
    width: 100%;
    height: 100%
}

.gameBox .gameBox-warp .gameBox-warp-box .loop_animation[data-v-616836b6] {
    width: 100%;
    height: 3.4rem;
    position: absolute;
    top: 0
}

.gameBox .gameBox-warp .gameBox-warp-box .loop_animation img[data-v-616836b6] {
    height: 3.4rem;
    position: relative;
    top: -.35rem
}

.gameBox .base[data-v-616836b6] {
    width: 8.98rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    margin-top: -1.6rem
}

.gameBox .base .base-img[data-v-616836b6] {
    width: 8.98rem
}

.gameBox .base .btn[data-v-616836b6] {
    width: 3.53rem;
    height: 1.02rem;
    background-image: var(--085cddad);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    font-size: .55rem;
    color: var(--theme-neutral1);
    font-weight: 600;
    text-stroke: .03px #7F3406;
    -webkit-text-stroke: .03px #7F3406;
    line-height: .9rem;
    box-sizing: border-box;
    position: absolute;
    bottom: -11%;
    left: 50%;
    transform: translate(-50%, -18%)
}

.gameBox .introduce[data-v-616836b6] {
    margin: .6rem auto 0;
    width: 9rem;
    box-sizing: border-box;
    padding: .5rem .4rem;
    text-align: start;
    background: #000000b3;
    box-shadow: 0 0 #04c008;
    border-radius: .3rem;
    border: .05rem solid #04C008;
    border-bottom: .08rem solid #04C008
}

.gameBox .introduce .title[data-v-616836b6] {
    color: var(--theme-neutral1);
    font-size: var(--font-title2);
    font-weight: 600;
    text-align: center
}

.gameBox .introduce .text[data-v-616836b6] {
    margin-top: .4rem;
    color: var(--theme-neutral1);
    font-size: var(--font-size2);
    font-weight: 100
}

.gameBox .introduce .text p[data-v-616836b6] {
    margin-top: .3rem;
    line-height: .4rem
}

.gameBox .kj[data-v-616836b6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000b3;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center
}

.gameBox .kj .kj-box[data-v-616836b6] {
    margin-top: -2.2rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.gameBox .kj .img-box[data-v-616836b6] {
    width: 100%;
    height: 5rem;
    background-image: var(--085cddaf);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 3.7rem;
    position: relative;
    top: .3rem;
    z-index: 9
}

.gameBox .kj .img-box span[data-v-616836b6] {
    font-weight: 700;
    font-size: .5rem;
    color: var(--theme-dec4)
}

@keyframes shake-616836b6 {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    75% {
        transform: rotate(-10deg)
    }

    to {
        transform: rotate(0)
    }
}

.box[data-v-44cf2869] {
    position: relative;
    display: inline-block
}

.slot[data-v-44cf2869] {
    display: inline-block;
    overflow: hidden
}

.canvas[data-v-44cf2869] {
    position: absolute;
    top: 0;
    left: 0
}

.ggl[data-v-72af9244] {
    width: 100%;
    margin-top: -3rem
}

.ggl .gglBody[data-v-72af9244] {
    background: var(--50393bca);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 9rem;
    height: 9.55rem;
    position: relative;
    box-sizing: border-box;
    margin: auto;
    color: var(--theme-neutral1)
}

.ggl .gglBody .title[data-v-72af9244] {
    position: absolute;
    top: 48%;
    width: 100%;
    text-align: center;
    font-size: .4rem;
    font-weight: 700
}

.ggl .gglBody .bg2[data-v-72af9244] {
    position: absolute;
    top: 46%;
    left: -14%;
    width: 9rem;
    z-index: 3
}

.ggl .gglBody .StratchCard[data-v-72af9244] {
    position: absolute;
    bottom: 29.3%;
    left: 5.6%;
    z-index: 4
}

.ggl .gglBody .bottom[data-v-72af9244] {
    color: #fff0b6;
    position: absolute;
    bottom: 13%;
    width: 100%;
    text-align: center;
    font-size: .5rem
}

.ggl .gglBody .btn[data-v-72af9244] {
    position: absolute;
    bottom: 9.3%;
    z-index: 6;
    left: 5.1%;
    width: 8.2rem;
    height: 1.2rem;
    font-size: .46rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .46rem;
    color: var(--theme-dec3)
}

.ggl .gglBody .moneyDiv[data-v-72af9244] {
    position: absolute;
    bottom: 43%;
    left: 50%;
    transform: translate(-50%);
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.ggl .gglBody .money[data-v-72af9244] {
    width: 100%;
    text-align: center;
    font-size: .5rem;
    color: var(--theme-dec4);
    font-weight: 600;
    z-index: 1
}

.ggl .gglBody .finger[data-v-72af9244] {
    width: 7.23rem;
    height: 3.25rem;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 35%;
    transform: translate(-50%)
}

.ggl .gglBody .finger img[data-v-72af9244] {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    width: 2.4rem;
    animation: sSlide-72af9244 2s ease-in-out 2 forwards, fadeOut-72af9244 1s forwards;
    animation-delay: 0s, 4s
}

.ggl .gglBody .time[data-v-72af9244] {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%);
    width: 4.8rem;
    height: .64rem;
    background: var(--theme-color7);
    border-radius: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    z-index: 99;
    padding: 0 .2rem 0 .9rem
}

.ggl .gglBody .time .text[data-v-72af9244] {
    opacity: 1;
    position: relative;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 .05rem;
    gap: .1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr .8rem 1fr
}

.ggl .gglBody .time .text .value[data-v-72af9244] {
    text-align: center;
    font-size: .28rem
}

.ggl .gglBody .time .text .timeTitle[data-v-72af9244] {
    height: 1rem;
    line-height: 1rem;
    font-size: .28rem;
    border-radius: .1rem;
    text-align: center
}

.ggl .gglBody .time img[data-v-72af9244] {
    width: .41rem;
    margin-right: .5rem
}

.ggl .min[data-v-72af9244] {
    z-index: 10
}

.ggl .prize[data-v-72af9244] {
    width: 8rem;
    height: 3.4rem
}

@keyframes sSlide-72af9244 {
    0% {
        transform: translate(0) translateY(0)
    }

    25% {
        transform: translate(30px) translateY(30px)
    }

    50% {
        transform: translate(60px) translateY(-30px)
    }

    75% {
        transform: translate(90px) translateY(30px)
    }

    to {
        transform: translate(120px) translateY(-30px)
    }
}

@keyframes pcSlide-72af9244 {
    0% {
        transform: translate(0) translateY(0)
    }

    25% {
        transform: translate(40px) translateY(35px)
    }

    50% {
        transform: translate(80px) translateY(-35px)
    }

    75% {
        transform: translate(120px) translateY(35px)
    }

    to {
        transform: translate(160px) translateY(-35px)
    }
}

@keyframes fadeOut-72af9244 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.scaleupcenter[data-v-72af9244] {
    animation: scale-up-center-72af9244 .2s cubic-bezier(.39, .575, .565, 1) both, bounce-72af9244 .6s ease-in-out infinite .2s
}

@-webkit-keyframes scale-up-center-72af9244 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes scale-up-center-72af9244 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0) translate(-25%)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1) translate(-25%)
    }
}

@keyframes bounce-72af9244 {

    0%,
    to {
        transform: scale(1.5) translate(-25%)
    }

    50% {
        transform: scale(2.5) translate(-25%)
    }
}

.LuckySpinBG[data-v-530b542d] {
    width: 9.4rem;
    position: absolute;
    top: -2.7rem;
    left: .3rem
}

.time[data-v-530b542d] {
    background: var(--theme-main-gradient1);
    margin-top: .52rem;
    width: 5.5rem;
    height: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: .5rem auto;
    border-radius: .2rem
}

.time .text[data-v-530b542d] {
    opacity: 1;
    position: relative;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 .1rem;
    gap: .1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1rem 1fr
}

.time .text .value[data-v-530b542d] {
    text-align: center;
    font-size: .45rem;
    color: var(--theme-neutral1)
}

.time .text .timeTitle[data-v-530b542d] {
    font-size: .4rem;
    color: var(--theme-neutral1);
    border-radius: .1rem;
    text-align: center
}

.LuckySpin[data-v-530b542d] {
    width: 10rem;
    position: relative
}

.LuckySpin .LuckySpinBody[data-v-530b542d] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 2.6rem
}

.LuckySpin .LuckySpinBody .title[data-v-530b542d] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem
}

.LuckySpin .LuckySpinBody .title img[data-v-530b542d] {
    width: 8rem
}

.LuckySpin .LuckySpinBody .title p[data-v-530b542d] {
    cursor: default;
    position: absolute;
    bottom: 1.2rem;
    font-size: .3rem;
    line-height: .35rem;
    font-weight: 800;
    background-image: linear-gradient(0deg, #c89600, #fef9ac);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(rgb(200, 150, 0) 0px 0px 2px);
    margin-top: -.1rem
}

.LuckySpin .LuckySpinBody .title .close[data-v-530b542d] {
    position: absolute;
    top: -26px;
    width: 16px;
    right: 12px
}

.LuckySpin .LuckySpinBody .userTxtBox[data-v-530b542d] {
    width: 8.44rem;
    overflow: hidden;
    position: absolute;
    top: 1.7rem;
    left: .77rem
}

.LuckySpin .LuckySpinBody .userTxtBox .userTxt[data-v-530b542d] {
    display: flex;
    padding-inline: 10px;
    transform: translate(0);
    animation: 30s linear 0s infinite normal none running animationrun-530b542d;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content
}

.LuckySpin .LuckySpinBody .userTxtBox .userTxt .item[data-v-530b542d] {
    width: auto;
    border-radius: 1rem;
    padding-inline-start: .35rem;
    padding-inline-end: .35rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    cursor: default;
    color: var(--theme-neutral1);
    font-size: .32rem;
    font-weight: 800
}

.LuckySpin .LuckySpinBody .userTxtBox .userTxt .item span[data-v-530b542d] {
    background: transparent;
    white-space: nowrap;
    color: #f9eb2d;
    margin-left: 5px;
    font-weight: 800
}

.LuckySpin .LuckySpinBody .body[data-v-530b542d] {
    margin-top: .15rem;
    width: 100%;
    position: relative
}

.LuckySpin .LuckySpinBody .body h2[data-v-530b542d] {
    font-family: inherit;
    position: relative;
    cursor: default;
    line-height: 1.33;
    background-image: linear-gradient(#fff 27.88%, #fdf35f 65.11%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 900;
    font-size: .65rem;
    text-align: center;
    filter: drop-shadow(rgb(234, 224, 64) 0px 0px 1px) drop-shadow(rgb(236, 79, 162) 0px 0px 1px) drop-shadow(rgb(236, 79, 162) 0px 0px 1px) drop-shadow(rgb(234, 224, 64) 0px 0px 1px);
    margin-bottom: .4rem
}

.LuckySpin .LuckySpinBody .body .spin[data-v-530b542d] {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    gap: 1.5rem;
    position: relative
}

.LuckySpin .LuckySpinBody .body .spin .spinBody[data-v-530b542d] {
    width: 8rem;
    height: 8.62rem;
    margin-inline: auto;
    z-index: 2;
    box-sizing: border-box;
    display: grid;
    gap: .1rem;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 4;
    transition: transform .1s ease-in-out;
    justify-items: center;
    align-items: center
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinCheck[data-v-530b542d] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: .1rem solid rgb(255, 251, 225);
    border-radius: .2rem;
    box-sizing: border-box
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .check[data-v-530b542d] {
    border: 4px solid #F9EB2D
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d] {
    position: relative;
    text-align: center;
    width: 1.92rem;
    height: 1.92rem;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .15rem
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem .SteriousBinusBG[data-v-530b542d] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem p[data-v-530b542d] {
    cursor: default;
    font-size: .32rem;
    font-weight: 100;
    color: var(--theme-neutral1);
    text-align: center;
    position: relative;
    z-index: 2;
    text-shadow: .5px 0 #053F19, -.5px 0 #053F19, 0 .5px #053F19, 0 -.5px #053F19, .5px .5px #053F19, -.5px -.5px #053F19, .5px -.5px #053F19, -.5px .5px #053F19
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem img[data-v-530b542d] {
    position: relative;
    z-index: 2;
    margin-inline: auto;
    width: 1.35rem
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem .mask[data-v-530b542d] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    background: var(--3608e3a0);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(1) {
    grid-area: 1/1/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(2) {
    grid-area: 1/2/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(3) {
    grid-area: 1/3/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(4) {
    grid-area: 1/4/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(5) {
    grid-area: 2/4/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(6) {
    grid-area: 3/4/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(7) {
    grid-area: 4/4/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(8) {
    grid-area: 4/3/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(9) {
    grid-area: 4/2/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(10) {
    grid-area: 4/1/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(11) {
    grid-area: 3/1/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody .spinBodyItem[data-v-530b542d]:nth-child(12) {
    grid-area: 2/1/span 1/span 1;
    background: var(--3608e3a1);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.LuckySpin .LuckySpinBody .body .spin .spinBody>div[data-v-530b542d]:nth-child(13) {
    grid-area: 2/2/span 2/span 2
}

.LuckySpin .LuckySpinBody .body .spin .spinBody>div:nth-child(13) img[data-v-530b542d] {
    max-width: 100%;
    height: auto;
    width: 4rem
}

.LuckySpin .LuckySpinBody .spinBtn[data-v-530b542d] {
    width: 4.2rem;
    height: 1.2rem;
    font-size: .45rem;
    font-weight: 700;
    color: var(--theme-neutral1);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: toggleScale-s1wut3m0-e9d9a534 2s infinite both;
    animation: toggleScale-s1wut3m0-e9d9a534 2s infinite both;
    cursor: pointer;
    position: absolute;
    top: 61.5%;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -50%)
}

.pulsatefwd[data-v-530b542d] {
    -webkit-animation: pulsatefwd-530b542d .5s ease-in-out infinite both;
    animation: pulsatefwd-530b542d .5s ease-in-out infinite both
}

@keyframes animationrun-530b542d {
    to {
        transform: translate(-50%)
    }
}

@-webkit-keyframes pulsatefwd-530b542d {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

@keyframes pulsate-fwd-530b542d {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

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

[data-v-5cb4a854] .el-overlay {
    background: #000000a6
}

[data-v-5cb4a854] .el-dialog {
    width: 100%;
    margin: 0;
    padding: 0
}

.giroMonopoly .giroMonopolyBody[data-v-5cb4a854] {
    width: 100%;
    background: var(--f2d0ccac);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    overflow: hidden
}

.giroMonopoly .giroMonopolyBody .title[data-v-5cb4a854] {
    margin-top: 1.5rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.giroMonopoly .giroMonopolyBody .title img[data-v-5cb4a854] {
    width: 8.7rem
}

.giroMonopoly .giroMonopolyBody .title p[data-v-5cb4a854] {
    cursor: default;
    position: absolute;
    bottom: 1.2rem;
    font-size: .3rem;
    line-height: .35rem;
    font-weight: 800;
    background-image: linear-gradient(0deg, #c89600, #fef9ac);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(rgb(200, 150, 0) 0px 0px 2px)
}

.giroMonopoly .giroMonopolyBody .title .close[data-v-5cb4a854] {
    position: absolute;
    top: -26px;
    width: 16px;
    right: 12px
}

.giroMonopoly .giroMonopolyBody .title .userTxtBox[data-v-5cb4a854] {
    /* width: 100vw; */
    overflow: hidden
}

.giroMonopoly .giroMonopolyBody .title .userTxtBox .userTxt[data-v-5cb4a854] {
    display: flex;
    padding-inline: 10px;
    transform: translate(0);
    animation: 30s linear 0s infinite normal none running animationrun-5cb4a854;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content
}

.giroMonopoly .giroMonopolyBody .title .userTxtBox .userTxt .item[data-v-5cb4a854] {
    width: auto;
    height: .8rem;
    border-radius: 80px;
    background: #36333380;
    line-height: 1.5rem;
    padding-inline-start: .35rem;
    padding-inline-end: .35rem;
    padding-top: .17rem;
    padding-bottom: .17rem;
    margin-right: .9rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    cursor: default;
    color: var(--theme-neutral1);
    font-size: .35rem;
    line-height: .4rem;
    font-weight: 800
}

.giroMonopoly .giroMonopolyBody .title .userTxtBox .userTxt .item span[data-v-5cb4a854] {
    background: transparent;
    white-space: nowrap;
    color: #f9eb2d;
    margin-left: 5px;
    font-weight: 800
}

.giroMonopoly .giroMonopolyBody .body[data-v-5cb4a854] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.giroMonopoly .giroMonopolyBody .body .game[data-v-5cb4a854] {
    width: 9.43rem;
    height: 9.43rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.giroMonopoly .giroMonopolyBody .body .game .gameBg[data-v-5cb4a854] {
    background: var(--f2d0ccaa);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox[data-v-5cb4a854] {
    width: 50%;
    height: 50%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    top: -1.5%;
    z-index: 4;
    transition: transform .1s ease-in-out
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854] {
    position: relative;
    text-align: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: transform .1s ease-in-out;
    background: var(--f2d0cca8);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(1) {
    position: absolute;
    top: -18%;
    left: 34%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(2) {
    position: absolute;
    top: -5%;
    left: 61%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(3) {
    position: absolute;
    top: 10%;
    left: 88%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(4) {
    position: absolute;
    top: 25%;
    left: 114%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(5) {
    position: absolute;
    top: 41%;
    left: 88%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(6) {
    position: absolute;
    top: 57%;
    left: 61%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(7) {
    position: absolute;
    top: 70%;
    left: 34%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(8) {
    position: absolute;
    top: 57%;
    left: 8%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(9) {
    position: absolute;
    top: 43%;
    left: -18%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(10) {
    position: absolute;
    top: 27%;
    left: -44%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(11) {
    position: absolute;
    top: 13%;
    left: -17%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem[data-v-5cb4a854]:nth-child(12) {
    position: absolute;
    top: -5%;
    left: 9%
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem .gif[data-v-5cb4a854] {
    position: absolute;
    top: -128%;
    left: -22%;
    width: 2.3rem;
    height: 2.3rem
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem .checkItem[data-v-5cb4a854] {
    position: absolute;
    top: -60%;
    left: 19%;
    width: 1.05rem;
    height: 1.22rem
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem p[data-v-5cb4a854] {
    cursor: default;
    font-size: .28rem;
    font-weight: 600;
    color: var(--theme-neutral1);
    text-align: center;
    position: relative;
    z-index: 2;
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .spinBodyItem img[data-v-5cb4a854] {
    position: relative;
    z-index: 2;
    margin-inline: auto;
    width: .7rem;
    height: .7rem
}

.giroMonopoly .giroMonopolyBody .body .game .gameBox .itemCheck[data-v-5cb4a854] {
    background: var(--f2d0cca6);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.giroMonopoly .giroMonopolyBody .btnBox[data-v-5cb4a854] {
    margin-top: -.6rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.giroMonopoly .giroMonopolyBody .btnBox .btn[data-v-5cb4a854] {
    background: var(--f2d0cca4);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 4.4rem;
    height: 1.3rem;
    margin: auto;
    margin-top: 3.4rem;
    font-size: .45rem;
    font-weight: 700;
    color: var(--theme-neutral1);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-animation: toggleScale-s1wut3m0-e9d9a534 2s infinite both;
    animation: toggleScale-s1wut3m0-e9d9a534 2s infinite both;
    cursor: pointer;
    gap: .08rem
}

.giroMonopoly .giroMonopolyBody .btnBox .btn div[data-v-5cb4a854] {
    display: flex
}

.giroMonopoly .giroMonopolyBody .btnBox .btn img[data-v-5cb4a854] {
    width: .7rem;
    height: .7rem;
    margin-bottom: .2rem
}

.giroMonopoly .giroMonopolyBody .btnBox .btn p[data-v-5cb4a854] {
    margin-top: -.1rem;
    width: 100%;
    text-align: center
}

.giroMonopoly .giroMonopolyBody .btnBox .ritImg[data-v-5cb4a854] {
    position: absolute;
    right: -1%;
    top: -55%;
    width: 2.83rem;
    height: 4.15rem
}

.giroMonopoly .giroMonopolyBody .btnBox .roull[data-v-5cb4a854] {
    color: var(--theme-neutral1);
    text-shadow: 1px 0 #000, -1px 0 #000, 0 1px #000, 0 -1px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    margin-top: .4rem
}

.giroMonopoly .giroMonopolyBody .btnBox .roull img[data-v-5cb4a854] {
    width: .4rem
}

.giroMonopoly .giroMonopolyBody .btnBox .roull span[data-v-5cb4a854] {
    color: var(--font-color4);
    font-size: .5rem
}

@keyframes animationrun-5cb4a854 {
    to {
        transform: translate(-50%)
    }
}

.dice[data-v-5cb4a854] {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotate3d(0, .9, .9, 90deg);
    transition: .5s cubic-bezier(.42, 1.57, .62, .86)
}

.dice.rolling[data-v-5cb4a854] {
    animation: rotatePerFace-5cb4a854 3s cubic-bezier(.42, 1.57, .62, .86) infinite
}

.dice.throw[data-v-5cb4a854] {
    animation: rotateDice-5cb4a854 .7s ease-in reverse, throwDice-5cb4a854 1s linear
}

.dice .diceFace[data-v-5cb4a854] {
    box-sizing: border-box;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #f6f3f0;
    border: 2px solid white;
    border-radius: 20px;
    transform-style: preserve-3d;
    transition: .5s
}

.dice .diceFace[data-v-5cb4a854]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    transform: translateZ(-1px)
}

.dice .diceFace[data-v-5cb4a854]:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #131210;
    border-radius: 100%;
    transform: translateZ(1px)
}

.dice .front[data-v-5cb4a854] {
    transform: translateZ(50px)
}

.dice .front[data-v-5cb4a854]:after {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background-color: #f63330
}

.dice .up[data-v-5cb4a854] {
    transform: rotateX(90deg) translateZ(50px)
}

.dice .up[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    box-shadow: 40px 40px #131210
}

.dice .left[data-v-5cb4a854] {
    transform: rotateY(-90deg) translateZ(50px)
}

.dice .left[data-v-5cb4a854]:after {
    margin: -40px 0 0 -40px;
    box-shadow: 30px 30px #131210, 60px 60px #131210
}

.dice .right[data-v-5cb4a854] {
    transform: rotateY(90deg) translateZ(50px)
}

.dice .right[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    background-color: #f63330;
    box-shadow: 40px 0 #f63330, 0 40px #f63330, 40px 40px #f63330
}

.dice .bottom[data-v-5cb4a854] {
    transform: rotateX(-90deg) translateZ(50px)
}

.dice .bottom[data-v-5cb4a854]:after {
    margin: -36px 0 0 -36px;
    box-shadow: 26px 26px #131210, 52px 52px #131210, 52px 0 #131210, 0 52px #131210
}

.dice .back[data-v-5cb4a854] {
    transform: rotateX(180deg) translateZ(50px)
}

.dice .back[data-v-5cb4a854]:after {
    margin: -40px 0 0 -30px;
    box-shadow: 40px 0 #131210, 0 30px #131210, 40px 30px #131210, 0 60px #131210, 40px 60px #131210
}

.dice.red .diceFace[data-v-5cb4a854] {
    box-sizing: border-box;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #fa000073;
    border: 2px solid rgba(255, 46, 46, .45);
    border-radius: 30px;
    transform-style: preserve-3d;
    transition: .5s
}

.dice.red .diceFace[data-v-5cb4a854]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ff2e2e73;
    border-radius: 20px;
    transform: translateZ(-1px)
}

.dice.red .diceFace[data-v-5cb4a854]:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #fff;
    border-radius: 100%;
    transform: translateZ(1px)
}

.dice.red .front[data-v-5cb4a854] {
    transform: translateZ(50px)
}

.dice.red .front[data-v-5cb4a854]:after {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background-color: #fff
}

.dice.red .up[data-v-5cb4a854] {
    transform: rotateX(90deg) translateZ(50px)
}

.dice.red .up[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    box-shadow: 40px 40px #fff
}

.dice.red .left[data-v-5cb4a854] {
    transform: rotateY(-90deg) translateZ(50px)
}

.dice.red .left[data-v-5cb4a854]:after {
    margin: -40px 0 0 -40px;
    box-shadow: 30px 30px #fff, 60px 60px #fff
}

.dice.red .right[data-v-5cb4a854] {
    transform: rotateY(90deg) translateZ(50px)
}

.dice.red .right[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    background-color: #fff;
    box-shadow: 40px 0 #fff, 0 40px #fff, 40px 40px #fff
}

.dice.red .bottom[data-v-5cb4a854] {
    transform: rotateX(-90deg) translateZ(50px)
}

.dice.red .bottom[data-v-5cb4a854]:after {
    margin: -36px 0 0 -36px;
    box-shadow: 26px 26px #fff, 52px 52px #fff, 52px 0 #fff, 0 52px #fff
}

.dice.red .back[data-v-5cb4a854] {
    transform: rotateX(180deg) translateZ(50px)
}

.dice.red .back[data-v-5cb4a854]:after {
    margin: -40px 0 0 -30px;
    box-shadow: 40px 0 #fff, 0 30px #fff, 40px 30px #fff, 0 60px #fff, 40px 60px #fff
}

.dice.blue .diceFace[data-v-5cb4a854] {
    box-sizing: border-box;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #0000ff73;
    border: 2px solid rgba(51, 51, 255, .45);
    border-radius: 20px;
    transform-style: preserve-3d;
    transition: .5s
}

.dice.blue .diceFace[data-v-5cb4a854]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #3333ff73;
    border-radius: 20px;
    transform: translateZ(-1px)
}

.dice.blue .diceFace[data-v-5cb4a854]:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #fff;
    border-radius: 100%;
    transform: translateZ(1px)
}

.dice.blue .front[data-v-5cb4a854] {
    transform: translateZ(50px)
}

.dice.blue .front[data-v-5cb4a854]:after {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background-color: #fff
}

.dice.blue .up[data-v-5cb4a854] {
    transform: rotateX(90deg) translateZ(50px)
}

.dice.blue .up[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    box-shadow: 40px 40px #fff
}

.dice.blue .left[data-v-5cb4a854] {
    transform: rotateY(-90deg) translateZ(50px)
}

.dice.blue .left[data-v-5cb4a854]:after {
    margin: -40px 0 0 -40px;
    box-shadow: 30px 30px #fff, 60px 60px #fff
}

.dice.blue .right[data-v-5cb4a854] {
    transform: rotateY(90deg) translateZ(50px)
}

.dice.blue .right[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    background-color: #fff;
    box-shadow: 40px 0 #fff, 0 40px #fff, 40px 40px #fff
}

.dice.blue .bottom[data-v-5cb4a854] {
    transform: rotateX(-90deg) translateZ(50px)
}

.dice.blue .bottom[data-v-5cb4a854]:after {
    margin: -36px 0 0 -36px;
    box-shadow: 26px 26px #fff, 52px 52px #fff, 52px 0 #fff, 0 52px #fff
}

.dice.blue .back[data-v-5cb4a854] {
    transform: rotateX(180deg) translateZ(50px)
}

.dice.blue .back[data-v-5cb4a854]:after {
    margin: -40px 0 0 -30px;
    box-shadow: 40px 0 #fff, 0 30px #fff, 40px 30px #fff, 0 60px #fff, 40px 60px #fff
}

.dice.black .diceFace[data-v-5cb4a854] {
    box-sizing: border-box;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #111;
    border: 2px solid #2b2b2b;
    border-radius: 20px;
    transform-style: preserve-3d;
    transition: .5s
}

.dice.black .diceFace[data-v-5cb4a854]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #2b2b2b;
    border-radius: 20px;
    transform: translateZ(-1px)
}

.dice.black .diceFace[data-v-5cb4a854]:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #db0;
    border-radius: 100%;
    transform: translateZ(1px)
}

.dice.black .front[data-v-5cb4a854] {
    transform: translateZ(50px)
}

.dice.black .front[data-v-5cb4a854]:after {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background-color: #3ef
}

.dice.black .up[data-v-5cb4a854] {
    transform: rotateX(90deg) translateZ(50px)
}

.dice.black .up[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    box-shadow: 40px 40px #db0
}

.dice.black .left[data-v-5cb4a854] {
    transform: rotateY(-90deg) translateZ(50px)
}

.dice.black .left[data-v-5cb4a854]:after {
    margin: -40px 0 0 -40px;
    box-shadow: 30px 30px #db0, 60px 60px #db0
}

.dice.black .right[data-v-5cb4a854] {
    transform: rotateY(90deg) translateZ(50px)
}

.dice.black .right[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    background-color: #3ef;
    box-shadow: 40px 0 #3ef, 0 40px #3ef, 40px 40px #3ef
}

.dice.black .bottom[data-v-5cb4a854] {
    transform: rotateX(-90deg) translateZ(50px)
}

.dice.black .bottom[data-v-5cb4a854]:after {
    margin: -36px 0 0 -36px;
    box-shadow: 26px 26px #db0, 52px 52px #db0, 52px 0 #db0, 0 52px #db0
}

.dice.black .back[data-v-5cb4a854] {
    transform: rotateX(180deg) translateZ(50px)
}

.dice.black .back[data-v-5cb4a854]:after {
    margin: -40px 0 0 -30px;
    box-shadow: 40px 0 #db0, 0 30px #db0, 40px 30px #db0, 0 60px #db0, 40px 60px #db0
}

.dice.pink .diceFace[data-v-5cb4a854] {
    box-sizing: border-box;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #f69;
    border: 2px solid #ff99bb;
    border-radius: 40px;
    transform-style: preserve-3d;
    transition: .5s
}

.dice.pink .diceFace[data-v-5cb4a854]:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f9b;
    border-radius: 20px;
    transform: translateZ(-1px)
}

.dice.pink .diceFace[data-v-5cb4a854]:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    background-color: #ffe;
    border-radius: 100%;
    transform: translateZ(1px)
}

.dice.pink .front[data-v-5cb4a854] {
    transform: translateZ(50px)
}

.dice.pink .front[data-v-5cb4a854]:after {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    background-color: #fe9
}

.dice.pink .up[data-v-5cb4a854] {
    transform: rotateX(90deg) translateZ(50px)
}

.dice.pink .up[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    box-shadow: 40px 40px #ffe
}

.dice.pink .left[data-v-5cb4a854] {
    transform: rotateY(-90deg) translateZ(50px)
}

.dice.pink .left[data-v-5cb4a854]:after {
    margin: -40px 0 0 -40px;
    box-shadow: 30px 30px #ffe, 60px 60px #ffe
}

.dice.pink .right[data-v-5cb4a854] {
    transform: rotateY(90deg) translateZ(50px)
}

.dice.pink .right[data-v-5cb4a854]:after {
    margin: -30px 0 0 -30px;
    background-color: #fe9;
    box-shadow: 40px 0 #fe9, 0 40px #fe9, 40px 40px #fe9
}

.dice.pink .bottom[data-v-5cb4a854] {
    transform: rotateX(-90deg) translateZ(50px)
}

.dice.pink .bottom[data-v-5cb4a854]:after {
    margin: -36px 0 0 -36px;
    box-shadow: 26px 26px #ffe, 52px 52px #ffe, 52px 0 #ffe, 0 52px #ffe
}

.dice.pink .back[data-v-5cb4a854] {
    transform: rotateX(180deg) translateZ(50px)
}

.dice.pink .back[data-v-5cb4a854]:after {
    margin: -40px 0 0 -30px;
    box-shadow: 40px 0 #ffe, 0 30px #ffe, 40px 30px #ffe, 0 60px #ffe, 40px 60px #ffe
}

.diceWrapBox[data-v-5cb4a854] {
    position: relative;
    top: 135%;
    left: 74%
}

.diceWrapBox img[data-v-5cb4a854] {
    width: 2.8rem;
    position: absolute;
    top: 0
}

.diceWrap[data-v-5cb4a854] {
    position: relative;
    top: 1.7rem;
    left: 77%;
    width: 100%;
    height: 100%;
    transform: scale(.4)
}

.diceWrap[data-v-5cb4a854]:before {
    position: absolute;
    content: "";
    width: 70%;
    height: 10%;
    top: 90%;
    left: 15%;
    background: #0003;
    border-radius: 100%;
    filter: blur(10px)
}

@keyframes rotateDice-5cb4a854 {
    30% {
        transform: rotate3d(1, 1, 1, 0)
    }

    to {
        transform: rotate3d(1, 1, 1, 720deg)
    }
}

@keyframes rotatePerFace-5cb4a854 {
    16% {
        transform: rotate3d(-.1, .6, -.4, 180deg)
    }

    32% {
        transform: rotate3d(-.85, -.42, .73, 180deg)
    }

    48% {
        transform: rotate3d(-.8, .3, -.75, 180deg)
    }

    64% {
        transform: rotate3d(.3, .45, .9, 180deg)
    }

    80% {
        transform: rotate3d(-.16, .6, .18, 180deg)
    }

    to {
        transform: rotate3d(-.1, .3, -1, 180deg)
    }
}

@keyframes throwDice-5cb4a854 {
    20% {
        margin-top: -100px
    }

    40% {
        margin-top: 0
    }

    60% {
        margin-top: -30px
    }

    80% {
        margin-top: 0
    }

    85% {
        margin-top: -10px
    }

    90% {
        margin-top: 0
    }

    95% {
        margin-top: -3px
    }

    to {
        margin-top: 0
    }
}

body[data-v-5cb4a854] {
    background-color: #333
}

.controller[data-v-5cb4a854] {
    position: absolute;
    width: 200px;
    padding: 20px;
    bottom: 0;
    right: 0;
    background-color: #00000080;
    color: var(--theme-neutral1);
    text-align: center;
    line-height: 40px
}

@keyframes diceRolling-5cb4a854 {
    0% {
        transform: rotate3d(1, 1, 0, 0)
    }

    25% {
        transform: rotate3d(1, 1, 0, 90deg)
    }

    50% {
        transform: rotate3d(1, 1, 0, 180deg)
    }

    75% {
        transform: rotate3d(1, 1, 0, 270deg)
    }

    to {
        transform: rotate3d(1, 1, 0, 360deg)
    }
}

.rolling2[data-v-5cb4a854] {
    animation: rotateDice-5cb4a854 .7s ease-in reverse, throwDice-5cb4a854 1s linear
}

@keyframes rotate222-5cb4a854 {
    0% {
        transform: rotateX(0) rotateY(0) rotate(0)
    }

    25% {
        transform: rotateX(180deg) rotateY(180deg) rotate(45deg)
    }

    50% {
        transform: rotateX(270deg) rotateY(270deg) rotate(135deg)
    }

    75% {
        transform: rotateX(360deg) rotateY(360deg) rotate(180deg)
    }

    to {
        transform: rotateX(540deg) rotateY(540deg) rotate(270deg)
    }
}

.gameBox[data-v-4bfaf2c2] {
    box-sizing: border-box;
    position: relative
}

.gameBox .pig_box[data-v-4bfaf2c2] {
    margin-top: -2rem;
    width: 8.72rem;
    height: 6.07rem
}

.gameBox .pig_bg[data-v-4bfaf2c2] {
    width: 100%;
    height: 100%
}

.gameBox .pig_con[data-v-4bfaf2c2] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.gameBox .pig_con .pig_q[data-v-4bfaf2c2] {
    width: 4rem;
    height: auto;
    position: relative;
    top: .6rem;
    animation: jumps_shake-4bfaf2c2 1.5s infinite ease-in-out
}

.gameBox .pig_con .pig_shou[data-v-4bfaf2c2] {
    position: absolute;
    right: 2.5rem;
    top: 3rem;
    height: 1rem;
    animation: shouzy-4bfaf2c2 1s ease-in-out infinite
}

.gameBox .pig_con .pig_gif[data-v-4bfaf2c2] {
    width: 6rem;
    height: auto;
    position: absolute;
    left: 2.05rem;
    top: 1.45rem
}

.gameBox .pig_con .pig_open[data-v-4bfaf2c2] {
    width: 6rem;
    height: auto;
    position: relative;
    top: .4rem;
    left: .7rem;
    z-index: 2
}

.gameBox .pig_con .money[data-v-4bfaf2c2] {
    width: 100%;
    font-weight: 700;
    font-size: .7rem;
    color: var(--theme-dec4);
    line-height: 0rem;
    position: absolute;
    text-align: center;
    top: 2rem
}

.gameBox .pig_con .money span[data-v-4bfaf2c2] {
    font-size: .42rem
}

.gameBox .pig_con .money_top[data-v-4bfaf2c2] {
    animation: fadeIn-4bfaf2c2 .8s ease-in-out forwards
}

.gameBox .pig_con .breathe[data-v-4bfaf2c2] {
    animation: breathe-4bfaf2c2 1s infinite ease-in-out
}

.gameBox .btn[data-v-4bfaf2c2] {
    margin: 0 auto;
    width: 4.5rem;
    height: 1.2rem;
    background: var(--7a9f1708);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--theme-dec3);
    font-weight: 700;
    font-size: .42rem;
    display: flex;
    justify-content: center;
    line-height: 1rem
}

.gameBox .btn1[data-v-4bfaf2c2] {
    margin-top: -.9rem;
    position: relative
}

.gameBox .btn2[data-v-4bfaf2c2] {
    position: absolute;
    bottom: -.35rem;
    display: flex;
    font-size: .35rem
}

.gameBox .btn2 .time[data-v-4bfaf2c2] {
    width: 2rem;
    display: flex;
    align-items: center;
    margin-top: -.2rem;
    font-size: .35rem;
    margin-left: .15rem;
    color: var(--theme-dec5);
    font-weight: 700
}

.gameBox .btn2 .time .text[data-v-4bfaf2c2] {
    display: flex;
    align-items: center
}

@keyframes jumps_shake-4bfaf2c2 {

    0%,
    50% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(5deg)
    }

    35% {
        transform: rotate(-5deg)
    }

    50%,
    to {
        top: .6rem
    }

    75% {
        top: .4rem
    }
}

@keyframes breathe-4bfaf2c2 {

    0%,
    to {
        transform: scale(1.4)
    }

    50% {
        transform: scale(2)
    }
}

@keyframes fadeIn-4bfaf2c2 {
    0% {
        opacity: 0;
        transform: translateY(2rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes shouzy-4bfaf2c2 {

    0%,
    to {
        transform: translate(0)
    }

    50% {
        transform: translate(.2rem, .2rem)
    }
}

.gameBox[data-v-7ba5cd3f] {
    box-sizing: border-box;
    position: relative
}

.gameBox .groundhogs_box[data-v-7ba5cd3f] {
    margin-top: -2rem;
    width: 9.46rem;
    height: 7.16rem
}

.gameBox .groundhogs_bg[data-v-7ba5cd3f] {
    width: 100%;
    height: 100%;
    position: absolute
}

.gameBox .list[data-v-7ba5cd3f] {
    width: 100%;
    height: 100%;
    position: relative
}

.gameBox .list .li[data-v-7ba5cd3f] {
    width: 1.91rem;
    height: 1.8rem;
    position: absolute;
    display: flex
}

.gameBox .list .li .open[data-v-7ba5cd3f] {
    position: absolute;
    width: 150%;
    height: 100%;
    margin-left: -.1rem
}

.gameBox .list .li1[data-v-7ba5cd3f] {
    top: 2.2rem;
    left: 1.9rem;
    transform: scale(.9)
}

.gameBox .list .li2[data-v-7ba5cd3f] {
    top: 2.75rem;
    left: 3.8rem
}

.gameBox .list .li3[data-v-7ba5cd3f] {
    top: 2.2rem;
    left: 5.55rem;
    transform: scale(.9)
}

.gameBox .list .li4[data-v-7ba5cd3f] {
    top: 3.5rem;
    left: 1.45rem;
    transform: scale(.9)
}

.gameBox .list .li5[data-v-7ba5cd3f] {
    top: 3.75rem;
    left: 3.7rem;
    transform: scale(.9)
}

.gameBox .list .li6[data-v-7ba5cd3f] {
    top: 3.5rem;
    left: 5.75rem;
    transform: scale(.9)
}

.gameBox .btn[data-v-7ba5cd3f] {
    width: 4.46rem;
    height: 1.16rem;
    margin: 0 auto;
    position: relative;
    margin-top: -1.2rem
}

.gameBox .btn img[data-v-7ba5cd3f] {
    width: 100%;
    height: 100%
}

.gameBox .tips[data-v-7ba5cd3f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.gameBox .tips p[data-v-7ba5cd3f] {
    background: #000000b3;
    position: absolute;
    border-radius: .2rem;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
    color: var(--theme-neutral1);
    padding: .15rem .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: riseAndFade-7ba5cd3f 2s forwards
}

.gameBox .kj[data-v-7ba5cd3f] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.gameBox .kj .img_box[data-v-7ba5cd3f] {
    margin-top: -3rem;
    width: 8.27rem;
    height: 7.92rem;
    text-align: center;
    position: relative
}

.gameBox .kj .img_box .guang[data-v-7ba5cd3f] {
    margin: 0 auto;
    width: 8.27rem;
    height: 7.92rem;
    transform: scale(1.2);
    animation: breathe2-7ba5cd3f 1s linear infinite, rotate1-7ba5cd3f 5s linear infinite
}

.gameBox .kj .img_box .taizi[data-v-7ba5cd3f] {
    position: absolute;
    width: 4rem;
    left: 50%;
    top: 2.5rem;
    transform: translate(-50%)
}

.gameBox .kj .img_box span[data-v-7ba5cd3f] {
    font-weight: 700;
    font-size: .6rem;
    color: #fff;
    line-height: .6rem;
    text-stroke: .02px #FFFFFF;
    background: linear-gradient(0deg, #ffe611, #b56600);
    -webkit-text-stroke: .02px #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    left: 50%;
    top: 4.25rem;
    transform: translate(-50%)
}

.gameBox .kj .btn[data-v-7ba5cd3f] {
    width: 3.06rem;
    height: 1rem;
    position: relative;
    margin-top: -2.3rem
}

.gameBox .kj .btn span[data-v-7ba5cd3f] {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -.05rem;
    font-weight: 700;
    font-size: .4rem;
    color: #9f3100
}

.gameBox .kj .btn img[data-v-7ba5cd3f] {
    height: 100%;
    width: 100%
}

@keyframes breathe-7ba5cd3f {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes breathe2-7ba5cd3f {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes rotate1-7ba5cd3f {
    0% {
        transform: rotate(0) scale(1.2)
    }

    to {
        transform: rotate(360deg) scale(1.2)
    }
}

@keyframes riseAndFade-7ba5cd3f {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%)
    }

    to {
        opacity: .5;
        transform: translate(-50%, -200%)
    }
}

.playSoccer[data-v-09951ce4] {
    -webkit-user-select: none;
    user-select: none
}

.playSoccer .playSoccer_topTitle_img[data-v-09951ce4] {
    display: flex;
    justify-content: center;
    margin-bottom: .68rem
}

.playSoccer .playSoccer_topTitle_img img[data-v-09951ce4] {
    width: 9.05rem;
    height: 2.34rem
}

.playSoccer .playSoccer_content_box[data-v-09951ce4] {
    position: relative;
    width: 10rem;
    height: 11.79rem;
    background: var(--278e958c) no-repeat;
    background-size: 100% 100%
}

.playSoccer .playSoccer_content_box .people_box[data-v-09951ce4] {
    position: absolute;
    top: 1.3rem;
    left: 6.6rem;
    transition: all 1s ease
}

.playSoccer .playSoccer_content_box .people_box .people_box_content[data-v-09951ce4] {
    position: relative
}

.playSoccer .playSoccer_content_box .people_box .people_box_content img[data-v-09951ce4] {
    width: 2.79rem;
    height: 3.49rem
}

.playSoccer .playSoccer_content_box .people_box .people_box_content .people_box_txt[data-v-09951ce4] {
    position: absolute;
    top: -.7rem;
    left: 50%;
    transform: translate(-50%);
    background: #000;
    border-radius: .3rem;
    border: .03px solid #FF0000;
    width: 2.03rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center
}

.playSoccer .playSoccer_content_box .people_box .people_box_content .people_box_txt span[data-v-09951ce4] {
    font-size: .4rem;
    color: #fff
}

.playSoccer .playSoccer_content_box .aim_box[data-v-09951ce4] {
    position: absolute;
    top: 2rem;
    left: 1.3rem
}

.playSoccer .playSoccer_content_box .aim_box img[data-v-09951ce4] {
    width: 1.4rem
}

.playSoccer .playSoccer_content_box .aim_box_show[data-v-09951ce4] {
    display: none
}

.playSoccer .playSoccer_content_box .football_box[data-v-09951ce4] {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translate(-50%)
}

.playSoccer .playSoccer_content_box .football_box.football_box_am1[data-v-09951ce4] {
    animation: football_am1-09951ce4 .5s forwards
}

.playSoccer .playSoccer_content_box .football_box.football_box_am2[data-v-09951ce4] {
    animation: football_am2-09951ce4 .5s forwards
}

.playSoccer .playSoccer_content_box .football_box.football_box_am3[data-v-09951ce4] {
    animation: football_am3-09951ce4 .5s forwards
}

.playSoccer .playSoccer_content_box .football_box .football_box_content[data-v-09951ce4] {
    position: relative
}

.playSoccer .playSoccer_content_box .football_box .football_box_content .ball[data-v-09951ce4] {
    position: relative;
    z-index: 1;
    width: 1.74rem;
    height: 1.7rem
}

.playSoccer .playSoccer_content_box .football_box .football_box_content .ball_guang[data-v-09951ce4] {
    display: block;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 0;
    animation: ball_guang_am-09951ce4 .4s forwards
}

.playSoccer_btn[data-v-09951ce4] {
    display: flex;
    justify-content: center;
    margin-top: -1rem;
    overflow: hidden
}

.playSoccer_btn .playSoccer_btn_box[data-v-09951ce4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.34rem;
    height: 1.54rem;
    background: var(--278e958a) no-repeat center/cover;
    background-size: cover;
    font-family: Microsoft YaHei;
    transition: transform .3s ease
}

.playSoccer_btn .playSoccer_btn_box[data-v-09951ce4]:active {
    transform: scale(.8)
}

.playSoccer_btn .playSoccer_btn_box .playSoccer_btn_box_span[data-v-09951ce4] {
    transform: translate(.35rem)
}

.playSoccer_btn .playSoccer_btn_box .playSoccer_btn_box_span span[data-v-09951ce4]:nth-child(1) {
    font-weight: 700;
    font-size: .7rem;
    color: #fff;
    text-stroke: .02px #002775;
    -webkit-text-stroke: .02px #002775
}

.playSoccer_btn .playSoccer_btn_box .playSoccer_btn_box_span span[data-v-09951ce4]:nth-child(2) {
    margin-left: .19rem;
    font-weight: 700;
    font-size: .5rem;
    color: #fffc00;
    text-stroke: .02px #002775;
    -webkit-text-stroke: .02px #002775
}

@keyframes football_am1-09951ce4 {
    to {
        bottom: 8rem;
        left: 1.2rem;
        transform: scale(.6) rotate(180deg)
    }
}

@keyframes football_am2-09951ce4 {
    to {
        bottom: 8rem;
        left: 4.2rem;
        transform: scale(.6) rotate(180deg)
    }
}

@keyframes football_am3-09951ce4 {
    to {
        bottom: 8rem;
        left: 7.2rem;
        transform: scale(.6) rotate(180deg)
    }
}

@keyframes ball_guang_am-09951ce4 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.8) rotate(360deg)
    }
}

.award_box[data-v-09951ce4] {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000080
}

.award_box .falling-container[data-v-09951ce4] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.award_box .falling-container .falling-item[data-v-09951ce4] {
    position: absolute;
    animation: fall-09951ce4 linear infinite
}

.award_box .award_box_content[data-v-09951ce4] {
    position: absolute;
    top: 0;
    left: 0
}

.award_box .award_box_content .tips[data-v-09951ce4] {
    position: relative;
    margin-top: 5rem;
    animation: tips_am-09951ce4 1s infinite ease
}

.award_box .award_box_content .tips img[data-v-09951ce4] {
    width: 10rem
}

.award_box .award_box_content .tips span[data-v-09951ce4] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-15%);
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: .6rem;
    color: #fcff00;
    text-stroke: .03px #002776;
    -webkit-text-stroke: .03px #002776
}

.award_box .award_box_content .playSoccer_btn[data-v-09951ce4] {
    margin-top: 2.7rem
}

.award_box .award_box_content .playSoccer_btn .playSoccer_btn_box_span[data-v-09951ce4] {
    transform: translate(0)
}

.award_box .award_box_content .playSoccer_btn .playSoccer_btn_box_span span[data-v-09951ce4] {
    font-size: .5rem
}

@keyframes tips_am-09951ce4 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

@keyframes fall-09951ce4 {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100vh)
    }
}

.slot[data-v-96e75681] {
    -webkit-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center
}

.slot .slot_title_img[data-v-96e75681] {
    width: 80%
}

.slot .slot_title_img img[data-v-96e75681] {
    width: 100%;
    height: auto
}

.slot .slot_game[data-v-96e75681] {
    width: 100%;
    height: 9rem;
    background-image: var(--ac9fedd2);
    background-size: 100% 100%;
    position: relative
}

.slot .slot_game .slot_title[data-v-96e75681] {
    position: absolute;
    top: 2.35rem;
    left: 50%;
    transform: translate(-50%);
    color: var(--theme-dec4);
    font-weight: 700;
    font-size: .4rem
}

.slot .slot_game .slot_title span[data-v-96e75681] {
    margin-right: .1rem;
    color: var(--theme-neutral1)
}

.slot .slot_game .slot-container[data-v-96e75681] {
    width: 25%;
    height: 4.7rem;
    overflow: hidden;
    position: absolute;
    top: 3.1rem;
    left: 51%;
    transform: translate(-50%)
}

.slot .slot_game .slot-strip[data-v-96e75681] {
    width: 100%;
    display: flex;
    flex-direction: column;
    transform: translateZ(0);
    will-change: transform;
    animation: scroll-96e75681 10s linear infinite
}

.slot .slot_game .slot-strip .slot-item[data-v-96e75681] {
    width: 100%;
    height: 110px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.slot .slot_game .slot-strip .slot-item img[data-v-96e75681] {
    width: 100%;
    height: 75px;
    display: block
}

.slot .slot_game .slot-strip .slot-item p[data-v-96e75681] {
    transform: translateY(-.5rem);
    font-size: .8rem;
    background: linear-gradient(180deg, var(--theme-neutral1), var(--theme-dec4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    -webkit-text-stroke: .03rem var(--theme-color4)
}

.slot .slot_game .btnBox[data-v-96e75681] {
    width: 40%;
    border-radius: .5rem;
    transform: translate(-50%);
    position: absolute;
    bottom: .1rem;
    left: 50%
}

.slot .slot_game .btn[data-v-96e75681] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1.14rem;
    margin-top: 1rem;
    background: var(--ac9fedce);
    background-size: 100% 100%;
    font-family: Microsoft YaHei;
    transition: transform .3s ease;
    font-weight: 700;
    font-size: .52rem;
    color: var(--theme-neutral1);
    transform-origin: center;
    border-radius: .5rem;
    animation: scaleAndHighlight-96e75681 1s 2s infinite
}

.slot .slot_game .btn[data-v-96e75681]:active {
    transform: scale(.8)
}

.slot .slot_game .hand[data-v-96e75681] {
    position: absolute;
    bottom: -15%;
    left: 67%;
    width: 1.53rem;
    animation: moveHand-96e75681 1s 2s infinite
}

.slot .slot_game .winPrize[data-v-96e75681] {
    z-index: 10;
    position: relative
}

@keyframes scaleAndHighlight-96e75681 {
    0% {
        transform: scale(1);
        box-shadow: none
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 20px #ff0c
    }

    to {
        transform: scale(1);
        box-shadow: none
    }
}

@keyframes moveHand-96e75681 {
    0% {
        transform: translate(-25%, -25%);
        box-shadow: none
    }

    50% {
        transform: translate(0)
    }

    to {
        transform: translate(-25%, -25%);
        box-shadow: none
    }
}

@keyframes winPrize-96e75681 {
    0% {
        transform: scale(1);
        box-shadow: none
    }

    to {
        transform: scale(1.3);
        box-shadow: none
    }
}

.slot .bottom_title[data-v-96e75681] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 95%;
    padding: .3rem .2rem;
    border-radius: .3rem;
    margin-top: 1rem;
    background: var(--theme-neutral4)
}

.slot .bottom_title div[data-v-96e75681] {
    color: #f0f8ff;
    font-size: .4rem;
    font-weight: 600
}

.slot .bottom_title div span[data-v-96e75681] {
    color: var(--theme-dec4)
}

.slot .bottom_title p[data-v-96e75681] {
    font-size: .3rem;
    color: var(--theme-neutral1)
}

.slot .bottom_title p[data-v-96e75681]:last-child {
    margin-top: .3rem
}

@keyframes tips_am-96e75681 {
    0% {
        transform: scale(.2)
    }

    to {
        transform: scale(1)
    }
}

.slot .award_box_content[data-v-96e75681] {
    width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--theme-neutral5);
    display: flex;
    align-items: center;
    justify-content: center
}

.slot .award_box_content .win_box[data-v-96e75681] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    animation: tips_am-96e75681 1s ease
}

.slot .award_box_content .winTitle[data-v-96e75681] {
    width: 7.53rem
}

.slot .award_box_content .tips[data-v-96e75681] {
    position: relative;
    width: 80%;
    height: 6.5rem;
    background-image: var(--ac9fedd0);
    background-size: 100% 100%;
    animation: tips_am-96e75681 1s ease
}

.slot .award_box_content .tips img[data-v-96e75681] {
    width: 3.4rem;
    position: absolute;
    top: 33%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%)
}

.slot .award_box_content .tips span[data-v-96e75681] {
    position: absolute;
    top: 67%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%);
    font-weight: 700;
    font-size: .9rem;
    background: linear-gradient(180deg, var(--theme-neutral1), var(--theme-dec4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: .03rem var(--theme-color4)
}

.slot .award_box_content .playSoccer_btn[data-v-96e75681] {
    display: flex;
    justify-content: center;
    margin-top: -1rem;
    overflow: hidden
}

.slot .award_box_content .playSoccer_btn .playSoccer_btn_box[data-v-96e75681] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.34rem;
    height: 1.54rem;
    margin-top: 1rem;
    background: var(--ac9fedce) no-repeat center/cover;
    background-size: cover;
    font-family: Microsoft YaHei;
    transition: transform .3s ease
}

.slot .award_box_content .playSoccer_btn .playSoccer_btn_box[data-v-96e75681]:active {
    transform: scale(.8)
}

.slot .award_box_content .playSoccer_btn .playSoccer_btn_box .playSoccer_btn_box_span[data-v-96e75681] {
    font-weight: 700;
    font-size: .52rem;
    color: var(--theme-neutral1);
    text-stroke: .02px var(--theme-color9);
    -webkit-text-stroke: .02px var(--theme-color9)
}

@keyframes scroll-96e75681 {
    0% {
        transform: translateY(-50%)
    }

    to {
        transform: translateY(0)
    }
}

:root {
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-rgb: 64, 158, 255;
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", OswaldBold, sans-serif;
    --el-font-weight-primary: 500;
    --el-font-line-height-primary: 24px;
    --el-index-normal: 1;
    --el-index-top: 1000;
    --el-index-popper: 2000;
    --el-border-radius-base: 4px;
    --el-border-radius-small: 2px;
    --el-border-radius-round: 20px;
    --el-border-radius-circle: 100%;
    --el-transition-duration: .3s;
    --el-transition-duration-fast: .2s;
    --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px;
    color-scheme: light;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-color-primary-dark-2: #337ecc;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, .8);
    --el-overlay-color-light: rgba(0, 0, 0, .7);
    --el-overlay-color-lighter: rgba(0, 0, 0, .5);
    --el-mask-color: rgba(255, 255, 255, .9);
    --el-mask-color-extra-light: rgba(255, 255, 255, .3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color)
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.el-icon.is-loading {
    animation: rotating 2s linear infinite
}

.el-icon svg {
    height: 1em;
    width: 1em
}

.el-affix--fixed {
    position: fixed
}

.el-alert {
    --el-alert-padding: 8px 16px;
    --el-alert-border-radius-base: var(--el-border-radius-base);
    --el-alert-title-font-size: 14px;
    --el-alert-title-with-description-font-size: 16px;
    --el-alert-description-font-size: 14px;
    --el-alert-close-font-size: 16px;
    --el-alert-close-customed-font-size: 14px;
    --el-alert-icon-size: 16px;
    --el-alert-icon-large-size: 28px;
    align-items: center;
    background-color: var(--el-color-white);
    border-radius: var(--el-alert-border-radius-base);
    box-sizing: border-box;
    display: flex;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    padding: var(--el-alert-padding);
    position: relative;
    transition: opacity var(--el-transition-duration-fast);
    width: 100%
}

.el-alert.is-light .el-alert__close-btn {
    color: var(--el-text-color-placeholder)
}

.el-alert.is-dark .el-alert__close-btn,
.el-alert.is-dark .el-alert__description {
    color: var(--el-color-white)
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success {
    --el-alert-bg-color: var(--el-color-success-light-9)
}

.el-alert--success.is-light {
    background-color: var(--el-alert-bg-color)
}

.el-alert--success.is-light,
.el-alert--success.is-light .el-alert__description {
    color: var(--el-color-success)
}

.el-alert--success.is-dark {
    background-color: var(--el-color-success);
    color: var(--el-color-white)
}

.el-alert--info {
    --el-alert-bg-color: var(--el-color-info-light-9)
}

.el-alert--info.is-light {
    background-color: var(--el-alert-bg-color)
}

.el-alert--info.is-light,
.el-alert--info.is-light .el-alert__description {
    color: var(--el-color-info)
}

.el-alert--info.is-dark {
    background-color: var(--el-color-info);
    color: var(--el-color-white)
}

.el-alert--warning {
    --el-alert-bg-color: var(--el-color-warning-light-9)
}

.el-alert--warning.is-light {
    background-color: var(--el-alert-bg-color)
}

.el-alert--warning.is-light,
.el-alert--warning.is-light .el-alert__description {
    color: var(--el-color-warning)
}

.el-alert--warning.is-dark {
    background-color: var(--el-color-warning);
    color: var(--el-color-white)
}

.el-alert--error {
    --el-alert-bg-color: var(--el-color-error-light-9)
}

.el-alert--error.is-light {
    background-color: var(--el-alert-bg-color)
}

.el-alert--error.is-light,
.el-alert--error.is-light .el-alert__description {
    color: var(--el-color-error)
}

.el-alert--error.is-dark {
    background-color: var(--el-color-error);
    color: var(--el-color-white)
}

.el-alert__content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.el-alert .el-alert__icon {
    font-size: var(--el-alert-icon-size);
    margin-right: 8px;
    width: var(--el-alert-icon-size)
}

.el-alert .el-alert__icon.is-big {
    font-size: var(--el-alert-icon-large-size);
    margin-right: 12px;
    width: var(--el-alert-icon-large-size)
}

.el-alert__title {
    font-size: var(--el-alert-title-font-size);
    line-height: 24px
}

.el-alert__title.with-description {
    font-size: var(--el-alert-title-with-description-font-size)
}

.el-alert .el-alert__description {
    font-size: var(--el-alert-description-font-size);
    margin: 0
}

.el-alert .el-alert__close-btn {
    cursor: pointer;
    font-size: var(--el-alert-close-font-size);
    opacity: 1;
    position: absolute;
    right: 16px;
    top: 12px
}

.el-alert .el-alert__close-btn.is-customed {
    font-size: var(--el-alert-close-customed-font-size);
    font-style: normal;
    line-height: 24px;
    top: 8px
}

.el-alert-fade-enter-from,
.el-alert-fade-leave-active {
    opacity: 0
}

.el-aside {
    box-sizing: border-box;
    flex-shrink: 0;
    overflow: auto;
    width: var(--el-aside-width, 300px)
}

.el-autocomplete {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    position: relative;
    width: var(--el-input-width)
}

.el-autocomplete__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-autocomplete__popper.el-popper,
.el-autocomplete__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-autocomplete-suggestion {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box
}

.el-autocomplete-suggestion__wrap {
    box-sizing: border-box;
    max-height: 280px;
    padding: 10px 0
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    line-height: 34px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: var(--el-fill-color-light)
}

.el-autocomplete-suggestion li.divider {
    border-top: 1px solid var(--el-color-black);
    margin-top: 6px
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    color: var(--el-text-color-secondary);
    font-size: 20px;
    height: 100px;
    line-height: 100px;
    text-align: center
}

.el-autocomplete-suggestion.is-loading li:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: var(--el-bg-color-overlay)
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-avatar {
    --el-avatar-text-color: var(--el-color-white);
    --el-avatar-bg-color: var(--el-text-color-disabled);
    --el-avatar-text-size: 14px;
    --el-avatar-icon-size: 18px;
    --el-avatar-border-radius: var(--el-border-radius-base);
    --el-avatar-size-large: 56px;
    --el-avatar-size-small: 24px;
    --el-avatar-size: 40px;
    align-items: center;
    background: var(--el-avatar-bg-color);
    box-sizing: border-box;
    color: var(--el-avatar-text-color);
    display: inline-flex;
    font-size: var(--el-avatar-text-size);
    height: var(--el-avatar-size);
    justify-content: center;
    overflow: hidden;
    text-align: center;
    width: var(--el-avatar-size)
}

.el-avatar>img {
    display: block;
    height: 100%;
    width: 100%
}

.el-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: var(--el-avatar-border-radius)
}

.el-avatar--icon {
    font-size: var(--el-avatar-icon-size)
}

.el-avatar--small {
    --el-avatar-size: 24px
}

.el-avatar--large {
    --el-avatar-size: 56px
}

.el-backtop {
    --el-backtop-bg-color: var(--el-bg-color-overlay);
    --el-backtop-text-color: var(--el-color-primary);
    --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
    align-items: center;
    background-color: var(--el-backtop-bg-color);
    border-radius: 50%;
    box-shadow: var(--el-box-shadow-lighter);
    color: var(--el-backtop-text-color);
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 40px;
    justify-content: center;
    position: fixed;
    width: 40px;
    z-index: 5
}

.el-backtop:hover {
    background-color: var(--el-backtop-hover-bg-color)
}

.el-backtop__icon {
    font-size: 20px
}

.el-badge {
    --el-badge-bg-color: var(--el-color-danger);
    --el-badge-radius: 10px;
    --el-badge-font-size: 12px;
    --el-badge-padding: 6px;
    --el-badge-size: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: -moz-fit-content;
    width: fit-content
}

.el-badge__content {
    align-items: center;
    background-color: var(--el-badge-bg-color);
    border: 1px solid var(--el-bg-color);
    border-radius: var(--el-badge-radius);
    color: var(--el-color-white);
    display: inline-flex;
    font-size: var(--el-badge-font-size);
    height: var(--el-badge-size);
    justify-content: center;
    padding: 0 var(--el-badge-padding);
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: calc(1px + var(--el-badge-size)/2);
    top: 0;
    transform: translateY(-50%) translate(100%);
    z-index: var(--el-index-normal)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.el-badge__content--primary {
    background-color: var(--el-color-primary)
}

.el-badge__content--success {
    background-color: var(--el-color-success)
}

.el-badge__content--warning {
    background-color: var(--el-color-warning)
}

.el-badge__content--info {
    background-color: var(--el-color-info)
}

.el-badge__content--danger {
    background-color: var(--el-color-danger)
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after,
.el-breadcrumb:before {
    content: "";
    display: table
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    color: var(--el-text-color-placeholder);
    font-weight: 700;
    margin: 0 9px
}

.el-breadcrumb__separator.el-icon {
    font-weight: 400;
    margin: 0 6px
}

.el-breadcrumb__separator.el-icon svg {
    vertical-align: middle
}

.el-breadcrumb__item {
    align-items: center;
    display: inline-flex;
    float: left
}

.el-breadcrumb__inner {
    color: var(--el-text-color-regular)
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    color: var(--el-text-color-primary);
    font-weight: 700;
    text-decoration: none;
    transition: var(--el-transition-color)
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: var(--el-color-primary);
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
    color: var(--el-text-color-regular);
    cursor: text;
    font-weight: 400
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after,
.el-button-group:before {
    content: "";
    display: table
}

.el-button-group:after {
    clear: both
}

.el-button-group>.el-button {
    float: left;
    position: relative
}

.el-button-group>.el-button+.el-button {
    margin-left: 0
}

.el-button-group>.el-button:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-bottom-left-radius: var(--el-border-radius-base);
    border-bottom-right-radius: var(--el-border-radius-base);
    border-top-left-radius: var(--el-border-radius-base);
    border-top-right-radius: var(--el-border-radius-base)
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button:active,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:hover {
    z-index: 1
}

.el-button-group>.el-dropdown>.el-button {
    border-bottom-left-radius: 0;
    border-left-color: var(--el-button-divide-border-color);
    border-top-left-radius: 0
}

.el-button-group .el-button--primary:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--success:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--success:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--info:first-child {
    border-right-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--info:last-child {
    border-left-color: var(--el-button-divide-border-color)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: var(--el-button-divide-border-color);
    border-right-color: var(--el-button-divide-border-color)
}

.el-calendar {
    --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
    --el-calendar-header-border-bottom: var(--el-calendar-border);
    --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
    --el-calendar-cell-width: 85px;
    background-color: var(--el-fill-color-blank)
}

.el-calendar__header {
    border-bottom: var(--el-calendar-header-border-bottom);
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.el-calendar__title {
    align-self: center;
    color: var(--el-text-color)
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    color: var(--el-text-color-regular);
    font-weight: 400;
    padding: 12px 0
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: var(--el-text-color-placeholder)
}

.el-calendar-table td {
    border-bottom: var(--el-calendar-border);
    border-right: var(--el-calendar-border);
    transition: background-color var(--el-transition-duration-fast) ease;
    vertical-align: top
}

.el-calendar-table td.is-selected {
    background-color: var(--el-calendar-selected-bg-color)
}

.el-calendar-table td.is-today {
    color: var(--el-color-primary)
}

.el-calendar-table tr:first-child td {
    border-top: var(--el-calendar-border)
}

.el-calendar-table tr td:first-child {
    border-left: var(--el-calendar-border)
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
}

.el-calendar-table .el-calendar-day {
    box-sizing: border-box;
    height: var(--el-calendar-cell-width);
    padding: 8px
}

.el-calendar-table .el-calendar-day:hover {
    background-color: var(--el-calendar-selected-bg-color);
    cursor: pointer
}

.el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank);
    background-color: var(--el-card-bg-color);
    border: 1px solid var(--el-card-border-color);
    border-radius: var(--el-card-border-radius);
    color: var(--el-text-color-primary);
    overflow: hidden;
    transition: var(--el-transition-duration)
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    box-shadow: var(--el-box-shadow-light)
}

.el-card__header {
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.el-card__body {
    padding: var(--el-card-padding)
}

.el-card__footer {
    border-top: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.el-carousel__item {
    display: inline-block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.el-carousel__item,
.el-carousel__item.is-active {
    z-index: calc(var(--el-index-normal) - 1)
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: var(--el-index-normal)
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: calc(var(--el-index-normal) + 1)
}

.el-carousel__item--card-vertical {
    height: 50%;
    width: 100%
}

.el-carousel__mask {
    background-color: var(--el-color-white);
    height: 100%;
    left: 0;
    opacity: .24;
    position: absolute;
    top: 0;
    transition: var(--el-transition-duration-fast);
    width: 100%
}

.el-carousel {
    --el-carousel-arrow-font-size: 12px;
    --el-carousel-arrow-size: 36px;
    --el-carousel-arrow-background: rgba(31, 45, 61, .11);
    --el-carousel-arrow-hover-background: rgba(31, 45, 61, .23);
    --el-carousel-indicator-width: 30px;
    --el-carousel-indicator-height: 2px;
    --el-carousel-indicator-padding-horizontal: 4px;
    --el-carousel-indicator-padding-vertical: 12px;
    --el-carousel-indicator-out-color: var(--el-border-color-hover);
    position: relative
}

.el-carousel--horizontal,
.el-carousel--vertical {
    overflow: hidden
}

.el-carousel__container {
    height: 300px;
    position: relative
}

.el-carousel__arrow {
    align-items: center;
    background-color: var(--el-carousel-arrow-background);
    border: none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-carousel-arrow-font-size);
    height: var(--el-carousel-arrow-size);
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--el-transition-duration);
    width: var(--el-carousel-arrow-size);
    z-index: 10
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: var(--el-carousel-arrow-hover-background)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical)*2);
    position: static;
    text-align: center;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: var(--el-carousel-indicator-out-color);
    opacity: .24
}

.el-carousel__indicators--right {
    right: 0
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    text-align: center;
    transform: none
}

.el-carousel__indicators--labels .el-carousel__button {
    color: #000;
    font-size: 12px;
    height: auto;
    padding: 2px 18px;
    width: auto
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)
}

.el-carousel__indicator--vertical {
    padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)
}

.el-carousel__indicator--vertical .el-carousel__button {
    height: calc(var(--el-carousel-indicator-width)/2);
    width: var(--el-carousel-indicator-height)
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    background-color: #fff;
    border: none;
    cursor: pointer;
    display: block;
    height: var(--el-carousel-indicator-height);
    margin: 0;
    opacity: .48;
    outline: none;
    padding: 0;
    transition: var(--el-transition-duration);
    width: var(--el-carousel-indicator-width)
}

.carousel-arrow-left-enter-from,
.carousel-arrow-left-leave-active {
    opacity: 0;
    transform: translateY(-50%) translate(-10px)
}

.carousel-arrow-right-enter-from,
.carousel-arrow-right-leave-active {
    opacity: 0;
    transform: translateY(-50%) translate(10px)
}

.el-transitioning {
    filter: url(#elCarouselHorizontal)
}

.el-transitioning-vertical {
    filter: url(#elCarouselVertical)
}

.el-cascader-panel {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --el-cascader-menu-font-size: var(--el-font-size-base);
    --el-cascader-menu-radius: var(--el-border-radius-base);
    --el-cascader-menu-border: solid 1px var(--el-border-color-light);
    --el-cascader-menu-shadow: var(--el-box-shadow-light);
    --el-cascader-node-background-hover: var(--el-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    border-radius: var(--el-cascader-menu-radius);
    display: flex;
    font-size: var(--el-cascader-menu-font-size)
}

.el-cascader-panel.is-bordered {
    border: var(--el-cascader-menu-border);
    border-radius: var(--el-cascader-menu-radius)
}

.el-cascader-menu {
    border-right: var(--el-cascader-menu-border);
    box-sizing: border-box;
    color: var(--el-cascader-menu-text-color);
    min-width: 180px
}

.el-cascader-menu:last-child {
    border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
    padding-right: 20px
}

.el-cascader-menu__wrap.el-scrollbar__wrap {
    height: 204px
}

.el-cascader-menu__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    min-height: 100%;
    padding: 6px 0;
    position: relative
}

.el-cascader-menu__hover-zone {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.el-cascader-menu__empty-text {
    align-items: center;
    color: var(--el-cascader-color-empty);
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-cascader-menu__empty-text .is-loading {
    margin-right: 2px
}

.el-cascader-node {
    align-items: center;
    display: flex;
    height: 34px;
    line-height: 34px;
    outline: none;
    padding: 0 30px 0 20px;
    position: relative
}

.el-cascader-node.is-selectable.in-active-path {
    color: var(--el-cascader-menu-text-color)
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: var(--el-cascader-menu-selected-text-color);
    font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background: var(--el-cascader-node-background-hover)
}

.el-cascader-node.is-disabled {
    color: var(--el-cascader-node-color-disabled);
    cursor: not-allowed
}

.el-cascader-node__prefix {
    left: 10px;
    position: absolute
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    flex: 1;
    overflow: hidden;
    padding: 0 8px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-cascader-node>.el-checkbox,
.el-cascader-node>.el-radio {
    margin-right: 0
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-cascader {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --el-cascader-menu-font-size: var(--el-font-size-base);
    --el-cascader-menu-radius: var(--el-border-radius-base);
    --el-cascader-menu-border: solid 1px var(--el-border-color-light);
    --el-cascader-menu-shadow: var(--el-box-shadow-light);
    --el-cascader-node-background-hover: var(--el-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    display: inline-block;
    font-size: var(--el-font-size-base);
    line-height: 32px;
    outline: none;
    position: relative;
    vertical-align: middle
}

.el-cascader:not(.is-disabled):hover .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
    cursor: pointer
}

.el-cascader .el-input {
    cursor: pointer;
    display: flex
}

.el-cascader .el-input .el-input__inner {
    cursor: pointer;
    text-overflow: ellipsis
}

.el-cascader .el-input .el-input__suffix-inner .el-icon {
    height: calc(100% - 2px)
}

.el-cascader .el-input .el-input__suffix-inner .el-icon svg {
    vertical-align: middle
}

.el-cascader .el-input .icon-arrow-down {
    font-size: 14px;
    transition: transform var(--el-transition-duration)
}

.el-cascader .el-input .icon-arrow-down.is-reverse {
    transform: rotate(180deg)
}

.el-cascader .el-input .icon-circle-close:hover {
    color: var(--el-input-clear-hover-color, var(--el-text-color-secondary))
}

.el-cascader .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
}

.el-cascader--large {
    font-size: 14px;
    line-height: 40px
}

.el-cascader--small {
    font-size: 12px;
    line-height: 24px
}

.el-cascader.is-disabled .el-cascader__label {
    color: var(--el-disabled-text-color);
    z-index: calc(var(--el-index-normal) + 1)
}

.el-cascader__dropdown {
    --el-cascader-menu-text-color: var(--el-text-color-regular);
    --el-cascader-menu-selected-text-color: var(--el-color-primary);
    --el-cascader-menu-fill: var(--el-bg-color-overlay);
    --el-cascader-menu-font-size: var(--el-font-size-base);
    --el-cascader-menu-radius: var(--el-border-radius-base);
    --el-cascader-menu-border: solid 1px var(--el-border-color-light);
    --el-cascader-menu-shadow: var(--el-box-shadow-light);
    --el-cascader-node-background-hover: var(--el-fill-color-light);
    --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
    --el-cascader-color-empty: var(--el-text-color-placeholder);
    --el-cascader-tag-background: var(--el-fill-color);
    border-radius: var(--el-cascader-menu-radius);
    font-size: var(--el-cascader-menu-font-size)
}

.el-cascader__dropdown.el-popper {
    background: var(--el-cascader-menu-fill)
}

.el-cascader__dropdown.el-popper,
.el-cascader__dropdown.el-popper .el-popper__arrow:before {
    border: var(--el-cascader-menu-border)
}

.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-cascader__dropdown.el-popper {
    box-shadow: var(--el-cascader-menu-shadow)
}

.el-cascader__tags {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    line-height: normal;
    position: absolute;
    right: 30px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%)
}

.el-cascader__tags .el-tag {
    align-items: center;
    background: var(--el-cascader-tag-background);
    display: inline-flex;
    margin: 2px 0 2px 6px;
    max-width: 100%;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag.el-tag--dark,
.el-cascader__tags .el-tag.el-tag--plain {
    background-color: var(--el-tag-bg-color)
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,
.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain {
    border-color: var(--el-tag-border-color)
}

.el-cascader__tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    color: var(--el-color-white);
    flex: none
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-cascader__tags.is-validate {
    right: 55px
}

.el-cascader__collapse-tags {
    white-space: normal;
    z-index: var(--el-index-normal)
}

.el-cascader__collapse-tags .el-tag {
    align-items: center;
    background: var(--el-fill-color);
    display: inline-flex;
    margin: 2px 0 2px 6px;
    max-width: 100%;
    text-overflow: ellipsis
}

.el-cascader__collapse-tags .el-tag.el-tag--dark,
.el-cascader__collapse-tags .el-tag.el-tag--plain {
    background-color: var(--el-tag-bg-color)
}

.el-cascader__collapse-tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,
.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain {
    border-color: var(--el-tag-border-color)
}

.el-cascader__collapse-tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__collapse-tags .el-tag .el-icon-close {
    background-color: var(--el-text-color-placeholder);
    color: var(--el-color-white);
    flex: none
}

.el-cascader__collapse-tags .el-tag .el-icon-close:hover {
    background-color: var(--el-text-color-secondary)
}

.el-cascader__suggestion-panel {
    border-radius: var(--el-cascader-menu-radius)
}

.el-cascader__suggestion-list {
    color: var(--el-cascader-menu-text-color);
    font-size: var(--el-font-size-base);
    margin: 0;
    max-height: 204px;
    padding: 6px 0;
    text-align: center
}

.el-cascader__suggestion-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: space-between;
    outline: none;
    padding: 0 15px;
    text-align: left
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: var(--el-cascader-node-background-hover)
}

.el-cascader__suggestion-item.is-checked {
    color: var(--el-cascader-menu-selected-text-color);
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    color: var(--el-cascader-color-empty);
    margin: 10px 0
}

.el-cascader__search-input {
    background: transparent;
    border: none;
    box-sizing: border-box;
    color: var(--el-cascader-menu-text-color);
    flex: 1;
    height: 24px;
    margin: 2px 0 2px 11px;
    min-width: 60px;
    outline: none;
    padding: 0
}

.el-cascader__search-input::-moz-placeholder {
    color: transparent
}

.el-cascader__search-input::placeholder {
    color: transparent
}

.el-check-tag {
    background-color: var(--el-color-info-light-9);
    border-radius: var(--el-border-radius-base);
    color: var(--el-color-info);
    cursor: pointer;
    display: inline-block;
    font-size: var(--el-font-size-base);
    font-weight: 700;
    line-height: var(--el-font-size-base);
    padding: 7px 15px;
    transition: var(--el-transition-all)
}

.el-check-tag:hover {
    background-color: var(--el-color-info-light-7)
}

.el-check-tag.is-checked.el-check-tag--primary {
    background-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary)
}

.el-check-tag.is-checked.el-check-tag--primary:hover {
    background-color: var(--el-color-primary-light-7)
}

.el-check-tag.is-checked.el-check-tag--success {
    background-color: var(--el-color-success-light-8);
    color: var(--el-color-success)
}

.el-check-tag.is-checked.el-check-tag--success:hover {
    background-color: var(--el-color-success-light-7)
}

.el-check-tag.is-checked.el-check-tag--warning {
    background-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning)
}

.el-check-tag.is-checked.el-check-tag--warning:hover {
    background-color: var(--el-color-warning-light-7)
}

.el-check-tag.is-checked.el-check-tag--danger {
    background-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger)
}

.el-check-tag.is-checked.el-check-tag--danger:hover {
    background-color: var(--el-color-danger-light-7)
}

.el-check-tag.is-checked.el-check-tag--error {
    background-color: var(--el-color-error-light-8);
    color: var(--el-color-error)
}

.el-check-tag.is-checked.el-check-tag--error:hover {
    background-color: var(--el-color-error-light-7)
}

.el-check-tag.is-checked.el-check-tag--info {
    background-color: var(--el-color-info-light-8);
    color: var(--el-color-info)
}

.el-check-tag.is-checked.el-check-tag--info:hover {
    background-color: var(--el-color-info-light-7)
}

.el-checkbox-button {
    --el-checkbox-button-checked-bg-color: var(--el-color-primary);
    --el-checkbox-button-checked-text-color: var(--el-color-white);
    --el-checkbox-button-checked-border-color: var(--el-color-primary);
    display: inline-block;
    position: relative
}

.el-checkbox-button__inner {
    -webkit-appearance: none;
    background: var(--el-button-bg-color, var(--el-fill-color-blank));
    border: var(--el-border);
    border-left-color: transparent;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--el-button-text-color, var(--el-text-color-regular));
    cursor: pointer;
    display: inline-block;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-checkbox-font-weight);
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 8px 15px;
    position: relative;
    text-align: center;
    transition: var(--el-transition-all);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-checkbox-button__inner.is-round {
    padding: 8px 15px
}

.el-checkbox-button__inner:hover {
    color: var(--el-color-primary)
}

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

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    background-color: var(--el-checkbox-button-checked-bg-color);
    border-color: var(--el-checkbox-button-checked-border-color);
    box-shadow: -1px 0 0 0 var(--el-color-primary-light-7);
    color: var(--el-checkbox-button-checked-text-color)
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: var(--el-checkbox-button-checked-border-color)
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
    box-shadow: none;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light))
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-bottom-left-radius: var(--el-border-radius-base);
    border-left: var(--el-border);
    border-top-left-radius: var(--el-border-radius-base);
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: var(--el-checkbox-button-checked-border-color)
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-bottom-right-radius: var(--el-border-radius-base);
    border-top-right-radius: var(--el-border-radius-base)
}

.el-checkbox-button--large .el-checkbox-button__inner {
    border-radius: 0;
    font-size: var(--el-font-size-base);
    padding: 12px 19px
}

.el-checkbox-button--large .el-checkbox-button__inner.is-round {
    padding: 12px 19px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 5px 11px
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 5px 11px
}

.el-checkbox-group {
    font-size: 0;
    line-height: 0
}

.el-checkbox {
    --el-checkbox-font-size: 14px;
    --el-checkbox-font-weight: var(--el-font-weight-primary);
    --el-checkbox-text-color: var(--el-text-color-regular);
    --el-checkbox-input-height: 14px;
    --el-checkbox-input-width: 14px;
    --el-checkbox-border-radius: var(--el-border-radius-small);
    --el-checkbox-bg-color: var(--el-fill-color-blank);
    --el-checkbox-input-border: var(--el-border);
    --el-checkbox-disabled-border-color: var(--el-border-color);
    --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
    --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
    --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
    --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
    --el-checkbox-checked-text-color: var(--el-color-primary);
    --el-checkbox-checked-input-border-color: var(--el-color-primary);
    --el-checkbox-checked-bg-color: var(--el-color-primary);
    --el-checkbox-checked-icon-color: var(--el-color-white);
    --el-checkbox-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-checkbox-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-checkbox-font-weight);
    height: var(--el-checkbox-height, 32px);
    margin-right: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-checkbox.is-disabled {
    cursor: not-allowed
}

.el-checkbox.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.el-checkbox.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-checkbox.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter)
}

.el-checkbox.is-bordered.el-checkbox--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
    font-size: var(--el-font-size-base)
}

.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    padding: 0 11px 0 7px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox input:focus-visible+.el-checkbox__inner {
    border-radius: var(--el-checkbox-border-radius);
    outline: 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px
}

.el-checkbox__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    white-space: nowrap
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-input-fill);
    border-color: var(--el-checkbox-disabled-border-color);
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    border-color: var(--el-checkbox-disabled-icon-color);
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color: var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-checked-input-fill);
    border-color: var(--el-checkbox-disabled-checked-input-border-color)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-disabled-checked-icon-color);
    border-color: var(--el-checkbox-disabled-checked-icon-color)
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    border-color: var(--el-checkbox-checked-icon-color);
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--el-checkbox-checked-text-color)
}

.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: var(--el-checkbox-checked-bg-color);
    border-color: var(--el-checkbox-checked-input-border-color)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background-color: var(--el-checkbox-checked-icon-color);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px;
    transform: scale(.5)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    background-color: var(--el-checkbox-bg-color);
    border: var(--el-checkbox-input-border);
    border-radius: var(--el-checkbox-border-radius);
    box-sizing: border-box;
    display: inline-block;
    height: var(--el-checkbox-input-height);
    position: relative;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46);
    width: var(--el-checkbox-input-width);
    z-index: var(--el-index-normal)
}

.el-checkbox__inner:hover {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__inner:after {
    border: 1px solid transparent;
    border-left: 0;
    border-top: 0;
    box-sizing: content-box;
    content: "";
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    transform-origin: center;
    transition: transform .15s ease-in .05s;
    width: 3px
}

.el-checkbox__original {
    height: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    width: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    font-size: var(--el-checkbox-font-size);
    line-height: 1;
    padding-left: 8px
}

.el-checkbox.el-checkbox--large {
    height: 40px
}

.el-checkbox.el-checkbox--large .el-checkbox__label {
    font-size: 14px
}

.el-checkbox.el-checkbox--large .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.el-checkbox--small {
    height: 24px
}

.el-checkbox.el-checkbox--small .el-checkbox__label {
    font-size: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    top: 4px
}

.el-checkbox.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

[class*=el-col-] {
    box-sizing: border-box
}

[class*=el-col-].is-guttered {
    display: block;
    min-height: 1px
}

.el-col-0 {
    flex: 0 0 0%;
    max-width: 0
}

.el-col-0,
.el-col-0.is-guttered {
    display: none
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    left: 0;
    position: relative
}

.el-col-1 {
    flex: 0 0 4.1666666667%;
    max-width: 4.1666666667%
}

.el-col-1,
.el-col-1.is-guttered {
    display: block
}

.el-col-offset-1 {
    margin-left: 4.1666666667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.1666666667%
}

.el-col-push-1 {
    left: 4.1666666667%;
    position: relative
}

.el-col-2 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.el-col-2,
.el-col-2.is-guttered {
    display: block
}

.el-col-offset-2 {
    margin-left: 8.3333333333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.3333333333%
}

.el-col-push-2 {
    left: 8.3333333333%;
    position: relative
}

.el-col-3 {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.el-col-3,
.el-col-3.is-guttered {
    display: block
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    left: 12.5%;
    position: relative
}

.el-col-4 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.el-col-4,
.el-col-4.is-guttered {
    display: block
}

.el-col-offset-4 {
    margin-left: 16.6666666667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.6666666667%
}

.el-col-push-4 {
    left: 16.6666666667%;
    position: relative
}

.el-col-5 {
    flex: 0 0 20.8333333333%;
    max-width: 20.8333333333%
}

.el-col-5,
.el-col-5.is-guttered {
    display: block
}

.el-col-offset-5 {
    margin-left: 20.8333333333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.8333333333%
}

.el-col-push-5 {
    left: 20.8333333333%;
    position: relative
}

.el-col-6 {
    flex: 0 0 25%;
    max-width: 25%
}

.el-col-6,
.el-col-6.is-guttered {
    display: block
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    left: 25%;
    position: relative
}

.el-col-7 {
    flex: 0 0 29.1666666667%;
    max-width: 29.1666666667%
}

.el-col-7,
.el-col-7.is-guttered {
    display: block
}

.el-col-offset-7 {
    margin-left: 29.1666666667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.1666666667%
}

.el-col-push-7 {
    left: 29.1666666667%;
    position: relative
}

.el-col-8 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.el-col-8,
.el-col-8.is-guttered {
    display: block
}

.el-col-offset-8 {
    margin-left: 33.3333333333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.3333333333%
}

.el-col-push-8 {
    left: 33.3333333333%;
    position: relative
}

.el-col-9 {
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.el-col-9,
.el-col-9.is-guttered {
    display: block
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    left: 37.5%;
    position: relative
}

.el-col-10 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.el-col-10,
.el-col-10.is-guttered {
    display: block
}

.el-col-offset-10 {
    margin-left: 41.6666666667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.6666666667%
}

.el-col-push-10 {
    left: 41.6666666667%;
    position: relative
}

.el-col-11 {
    flex: 0 0 45.8333333333%;
    max-width: 45.8333333333%
}

.el-col-11,
.el-col-11.is-guttered {
    display: block
}

.el-col-offset-11 {
    margin-left: 45.8333333333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.8333333333%
}

.el-col-push-11 {
    left: 45.8333333333%;
    position: relative
}

.el-col-12 {
    flex: 0 0 50%;
    max-width: 50%
}

.el-col-12,
.el-col-12.is-guttered {
    display: block
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    left: 50%;
    position: relative
}

.el-col-13 {
    flex: 0 0 54.1666666667%;
    max-width: 54.1666666667%
}

.el-col-13,
.el-col-13.is-guttered {
    display: block
}

.el-col-offset-13 {
    margin-left: 54.1666666667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.1666666667%
}

.el-col-push-13 {
    left: 54.1666666667%;
    position: relative
}

.el-col-14 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.el-col-14,
.el-col-14.is-guttered {
    display: block
}

.el-col-offset-14 {
    margin-left: 58.3333333333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.3333333333%
}

.el-col-push-14 {
    left: 58.3333333333%;
    position: relative
}

.el-col-15 {
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.el-col-15,
.el-col-15.is-guttered {
    display: block
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    left: 62.5%;
    position: relative
}

.el-col-16 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.el-col-16,
.el-col-16.is-guttered {
    display: block
}

.el-col-offset-16 {
    margin-left: 66.6666666667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.6666666667%
}

.el-col-push-16 {
    left: 66.6666666667%;
    position: relative
}

.el-col-17 {
    flex: 0 0 70.8333333333%;
    max-width: 70.8333333333%
}

.el-col-17,
.el-col-17.is-guttered {
    display: block
}

.el-col-offset-17 {
    margin-left: 70.8333333333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.8333333333%
}

.el-col-push-17 {
    left: 70.8333333333%;
    position: relative
}

.el-col-18 {
    flex: 0 0 75%;
    max-width: 75%
}

.el-col-18,
.el-col-18.is-guttered {
    display: block
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    left: 75%;
    position: relative
}

.el-col-19 {
    flex: 0 0 79.1666666667%;
    max-width: 79.1666666667%
}

.el-col-19,
.el-col-19.is-guttered {
    display: block
}

.el-col-offset-19 {
    margin-left: 79.1666666667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.1666666667%
}

.el-col-push-19 {
    left: 79.1666666667%;
    position: relative
}

.el-col-20 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.el-col-20,
.el-col-20.is-guttered {
    display: block
}

.el-col-offset-20 {
    margin-left: 83.3333333333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.3333333333%
}

.el-col-push-20 {
    left: 83.3333333333%;
    position: relative
}

.el-col-21 {
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.el-col-21,
.el-col-21.is-guttered {
    display: block
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    left: 87.5%;
    position: relative
}

.el-col-22 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.el-col-22,
.el-col-22.is-guttered {
    display: block
}

.el-col-offset-22 {
    margin-left: 91.6666666667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.6666666667%
}

.el-col-push-22 {
    left: 91.6666666667%;
    position: relative
}

.el-col-23 {
    flex: 0 0 95.8333333333%;
    max-width: 95.8333333333%
}

.el-col-23,
.el-col-23.is-guttered {
    display: block
}

.el-col-offset-23 {
    margin-left: 95.8333333333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.8333333333%
}

.el-col-push-23 {
    left: 95.8333333333%;
    position: relative
}

.el-col-24 {
    flex: 0 0 100%;
    max-width: 100%
}

.el-col-24,
.el-col-24.is-guttered {
    display: block
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    left: 100%;
    position: relative
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-xs-0.is-guttered {
        display: none
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xs-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-xs-1,
    .el-col-xs-1.is-guttered {
        display: block
    }

    .el-col-xs-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-xs-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-xs-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-xs-2,
    .el-col-xs-2.is-guttered {
        display: block
    }

    .el-col-xs-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-xs-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-xs-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-xs-3,
    .el-col-xs-3.is-guttered {
        display: block
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xs-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-xs-4,
    .el-col-xs-4.is-guttered {
        display: block
    }

    .el-col-xs-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-xs-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-xs-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-xs-5,
    .el-col-xs-5.is-guttered {
        display: block
    }

    .el-col-xs-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-xs-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-xs-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-xs-6,
    .el-col-xs-6.is-guttered {
        display: block
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xs-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-xs-7,
    .el-col-xs-7.is-guttered {
        display: block
    }

    .el-col-xs-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-xs-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-xs-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-xs-8,
    .el-col-xs-8.is-guttered {
        display: block
    }

    .el-col-xs-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-xs-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-xs-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-xs-9,
    .el-col-xs-9.is-guttered {
        display: block
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xs-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-xs-10.is-guttered {
        display: block
    }

    .el-col-xs-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-xs-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-xs-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-xs-11.is-guttered {
        display: block
    }

    .el-col-xs-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-xs-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-xs-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-xs-12.is-guttered {
        display: block
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xs-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-xs-13.is-guttered {
        display: block
    }

    .el-col-xs-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-xs-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-xs-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-xs-14.is-guttered {
        display: block
    }

    .el-col-xs-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-xs-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-xs-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-xs-15.is-guttered {
        display: block
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xs-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-xs-16.is-guttered {
        display: block
    }

    .el-col-xs-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-xs-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-xs-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-xs-17.is-guttered {
        display: block
    }

    .el-col-xs-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-xs-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-xs-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-xs-18.is-guttered {
        display: block
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xs-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-xs-19.is-guttered {
        display: block
    }

    .el-col-xs-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-xs-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-xs-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-xs-20.is-guttered {
        display: block
    }

    .el-col-xs-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-xs-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-xs-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-xs-21.is-guttered {
        display: block
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xs-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-xs-22.is-guttered {
        display: block
    }

    .el-col-xs-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-xs-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-xs-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-xs-23.is-guttered {
        display: block
    }

    .el-col-xs-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-xs-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-xs-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-xs-24.is-guttered {
        display: block
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-sm-0.is-guttered {
        display: none
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        left: 0;
        position: relative
    }

    .el-col-sm-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-sm-1,
    .el-col-sm-1.is-guttered {
        display: block
    }

    .el-col-sm-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-sm-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-sm-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-sm-2,
    .el-col-sm-2.is-guttered {
        display: block
    }

    .el-col-sm-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-sm-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-sm-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-sm-3,
    .el-col-sm-3.is-guttered {
        display: block
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-sm-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-sm-4,
    .el-col-sm-4.is-guttered {
        display: block
    }

    .el-col-sm-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-sm-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-sm-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-sm-5,
    .el-col-sm-5.is-guttered {
        display: block
    }

    .el-col-sm-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-sm-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-sm-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-sm-6,
    .el-col-sm-6.is-guttered {
        display: block
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-sm-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-sm-7,
    .el-col-sm-7.is-guttered {
        display: block
    }

    .el-col-sm-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-sm-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-sm-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-sm-8,
    .el-col-sm-8.is-guttered {
        display: block
    }

    .el-col-sm-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-sm-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-sm-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-sm-9,
    .el-col-sm-9.is-guttered {
        display: block
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-sm-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-sm-10.is-guttered {
        display: block
    }

    .el-col-sm-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-sm-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-sm-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-sm-11.is-guttered {
        display: block
    }

    .el-col-sm-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-sm-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-sm-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-sm-12.is-guttered {
        display: block
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-sm-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-sm-13.is-guttered {
        display: block
    }

    .el-col-sm-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-sm-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-sm-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-sm-14.is-guttered {
        display: block
    }

    .el-col-sm-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-sm-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-sm-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-sm-15.is-guttered {
        display: block
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-sm-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-sm-16.is-guttered {
        display: block
    }

    .el-col-sm-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-sm-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-sm-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-sm-17.is-guttered {
        display: block
    }

    .el-col-sm-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-sm-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-sm-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-sm-18.is-guttered {
        display: block
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-sm-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-sm-19.is-guttered {
        display: block
    }

    .el-col-sm-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-sm-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-sm-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-sm-20.is-guttered {
        display: block
    }

    .el-col-sm-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-sm-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-sm-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-sm-21.is-guttered {
        display: block
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-sm-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-sm-22.is-guttered {
        display: block
    }

    .el-col-sm-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-sm-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-sm-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-sm-23.is-guttered {
        display: block
    }

    .el-col-sm-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-sm-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-sm-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-sm-24.is-guttered {
        display: block
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-md-0.is-guttered {
        display: none
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        left: 0;
        position: relative
    }

    .el-col-md-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-md-1,
    .el-col-md-1.is-guttered {
        display: block
    }

    .el-col-md-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-md-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-md-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-md-2,
    .el-col-md-2.is-guttered {
        display: block
    }

    .el-col-md-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-md-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-md-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-md-3,
    .el-col-md-3.is-guttered {
        display: block
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-md-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-md-4,
    .el-col-md-4.is-guttered {
        display: block
    }

    .el-col-md-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-md-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-md-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-md-5,
    .el-col-md-5.is-guttered {
        display: block
    }

    .el-col-md-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-md-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-md-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-md-6,
    .el-col-md-6.is-guttered {
        display: block
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-md-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-md-7,
    .el-col-md-7.is-guttered {
        display: block
    }

    .el-col-md-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-md-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-md-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-md-8,
    .el-col-md-8.is-guttered {
        display: block
    }

    .el-col-md-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-md-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-md-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-md-9,
    .el-col-md-9.is-guttered {
        display: block
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-md-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-md-10.is-guttered {
        display: block
    }

    .el-col-md-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-md-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-md-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-md-11.is-guttered {
        display: block
    }

    .el-col-md-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-md-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-md-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-md-12.is-guttered {
        display: block
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-md-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-md-13.is-guttered {
        display: block
    }

    .el-col-md-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-md-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-md-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-md-14.is-guttered {
        display: block
    }

    .el-col-md-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-md-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-md-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-md-15.is-guttered {
        display: block
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-md-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-md-16.is-guttered {
        display: block
    }

    .el-col-md-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-md-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-md-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-md-17.is-guttered {
        display: block
    }

    .el-col-md-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-md-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-md-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-md-18.is-guttered {
        display: block
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-md-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-md-19.is-guttered {
        display: block
    }

    .el-col-md-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-md-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-md-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-md-20.is-guttered {
        display: block
    }

    .el-col-md-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-md-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-md-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-md-21.is-guttered {
        display: block
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-md-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-md-22.is-guttered {
        display: block
    }

    .el-col-md-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-md-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-md-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-md-23.is-guttered {
        display: block
    }

    .el-col-md-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-md-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-md-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-md-24.is-guttered {
        display: block
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-lg-0.is-guttered {
        display: none
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        left: 0;
        position: relative
    }

    .el-col-lg-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-lg-1,
    .el-col-lg-1.is-guttered {
        display: block
    }

    .el-col-lg-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-lg-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-lg-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-lg-2,
    .el-col-lg-2.is-guttered {
        display: block
    }

    .el-col-lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-lg-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-lg-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-lg-3,
    .el-col-lg-3.is-guttered {
        display: block
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-lg-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-lg-4,
    .el-col-lg-4.is-guttered {
        display: block
    }

    .el-col-lg-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-lg-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-lg-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-lg-5,
    .el-col-lg-5.is-guttered {
        display: block
    }

    .el-col-lg-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-lg-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-lg-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-lg-6,
    .el-col-lg-6.is-guttered {
        display: block
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-lg-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-lg-7,
    .el-col-lg-7.is-guttered {
        display: block
    }

    .el-col-lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-lg-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-lg-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-lg-8,
    .el-col-lg-8.is-guttered {
        display: block
    }

    .el-col-lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-lg-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-lg-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-lg-9,
    .el-col-lg-9.is-guttered {
        display: block
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-lg-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-lg-10.is-guttered {
        display: block
    }

    .el-col-lg-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-lg-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-lg-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-lg-11.is-guttered {
        display: block
    }

    .el-col-lg-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-lg-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-lg-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-lg-12.is-guttered {
        display: block
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-lg-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-lg-13.is-guttered {
        display: block
    }

    .el-col-lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-lg-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-lg-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-lg-14.is-guttered {
        display: block
    }

    .el-col-lg-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-lg-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-lg-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-lg-15.is-guttered {
        display: block
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-lg-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-lg-16.is-guttered {
        display: block
    }

    .el-col-lg-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-lg-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-lg-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-lg-17.is-guttered {
        display: block
    }

    .el-col-lg-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-lg-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-lg-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-lg-18.is-guttered {
        display: block
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-lg-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-lg-19.is-guttered {
        display: block
    }

    .el-col-lg-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-lg-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-lg-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-lg-20.is-guttered {
        display: block
    }

    .el-col-lg-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-lg-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-lg-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-lg-21.is-guttered {
        display: block
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-lg-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-lg-22.is-guttered {
        display: block
    }

    .el-col-lg-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-lg-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-lg-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-lg-23.is-guttered {
        display: block
    }

    .el-col-lg-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-lg-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-lg-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-lg-24.is-guttered {
        display: block
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        left: 100%;
        position: relative
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        flex: 0 0 0%;
        max-width: 0
    }

    .el-col-xl-0.is-guttered {
        display: none
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        left: 0;
        position: relative
    }

    .el-col-xl-1 {
        flex: 0 0 4.1666666667%;
        max-width: 4.1666666667%
    }

    .el-col-xl-1,
    .el-col-xl-1.is-guttered {
        display: block
    }

    .el-col-xl-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-xl-push-1 {
        left: 4.1666666667%;
        position: relative
    }

    .el-col-xl-2 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .el-col-xl-2,
    .el-col-xl-2.is-guttered {
        display: block
    }

    .el-col-xl-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-xl-push-2 {
        left: 8.3333333333%;
        position: relative
    }

    .el-col-xl-3 {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .el-col-xl-3,
    .el-col-xl-3.is-guttered {
        display: block
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        left: 12.5%;
        position: relative
    }

    .el-col-xl-4 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .el-col-xl-4,
    .el-col-xl-4.is-guttered {
        display: block
    }

    .el-col-xl-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-xl-push-4 {
        left: 16.6666666667%;
        position: relative
    }

    .el-col-xl-5 {
        flex: 0 0 20.8333333333%;
        max-width: 20.8333333333%
    }

    .el-col-xl-5,
    .el-col-xl-5.is-guttered {
        display: block
    }

    .el-col-xl-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-xl-push-5 {
        left: 20.8333333333%;
        position: relative
    }

    .el-col-xl-6 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .el-col-xl-6,
    .el-col-xl-6.is-guttered {
        display: block
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        left: 25%;
        position: relative
    }

    .el-col-xl-7 {
        flex: 0 0 29.1666666667%;
        max-width: 29.1666666667%
    }

    .el-col-xl-7,
    .el-col-xl-7.is-guttered {
        display: block
    }

    .el-col-xl-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-xl-push-7 {
        left: 29.1666666667%;
        position: relative
    }

    .el-col-xl-8 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .el-col-xl-8,
    .el-col-xl-8.is-guttered {
        display: block
    }

    .el-col-xl-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-xl-push-8 {
        left: 33.3333333333%;
        position: relative
    }

    .el-col-xl-9 {
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .el-col-xl-9,
    .el-col-xl-9.is-guttered {
        display: block
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        left: 37.5%;
        position: relative
    }

    .el-col-xl-10 {
        display: block;
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .el-col-xl-10.is-guttered {
        display: block
    }

    .el-col-xl-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-xl-push-10 {
        left: 41.6666666667%;
        position: relative
    }

    .el-col-xl-11 {
        display: block;
        flex: 0 0 45.8333333333%;
        max-width: 45.8333333333%
    }

    .el-col-xl-11.is-guttered {
        display: block
    }

    .el-col-xl-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-xl-push-11 {
        left: 45.8333333333%;
        position: relative
    }

    .el-col-xl-12 {
        display: block;
        flex: 0 0 50%;
        max-width: 50%
    }

    .el-col-xl-12.is-guttered {
        display: block
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        left: 50%;
        position: relative
    }

    .el-col-xl-13 {
        display: block;
        flex: 0 0 54.1666666667%;
        max-width: 54.1666666667%
    }

    .el-col-xl-13.is-guttered {
        display: block
    }

    .el-col-xl-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-xl-push-13 {
        left: 54.1666666667%;
        position: relative
    }

    .el-col-xl-14 {
        display: block;
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .el-col-xl-14.is-guttered {
        display: block
    }

    .el-col-xl-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-xl-push-14 {
        left: 58.3333333333%;
        position: relative
    }

    .el-col-xl-15 {
        display: block;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .el-col-xl-15.is-guttered {
        display: block
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        left: 62.5%;
        position: relative
    }

    .el-col-xl-16 {
        display: block;
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .el-col-xl-16.is-guttered {
        display: block
    }

    .el-col-xl-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-xl-push-16 {
        left: 66.6666666667%;
        position: relative
    }

    .el-col-xl-17 {
        display: block;
        flex: 0 0 70.8333333333%;
        max-width: 70.8333333333%
    }

    .el-col-xl-17.is-guttered {
        display: block
    }

    .el-col-xl-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-xl-push-17 {
        left: 70.8333333333%;
        position: relative
    }

    .el-col-xl-18 {
        display: block;
        flex: 0 0 75%;
        max-width: 75%
    }

    .el-col-xl-18.is-guttered {
        display: block
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        left: 75%;
        position: relative
    }

    .el-col-xl-19 {
        display: block;
        flex: 0 0 79.1666666667%;
        max-width: 79.1666666667%
    }

    .el-col-xl-19.is-guttered {
        display: block
    }

    .el-col-xl-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-xl-push-19 {
        left: 79.1666666667%;
        position: relative
    }

    .el-col-xl-20 {
        display: block;
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .el-col-xl-20.is-guttered {
        display: block
    }

    .el-col-xl-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-xl-push-20 {
        left: 83.3333333333%;
        position: relative
    }

    .el-col-xl-21 {
        display: block;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .el-col-xl-21.is-guttered {
        display: block
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        left: 87.5%;
        position: relative
    }

    .el-col-xl-22 {
        display: block;
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .el-col-xl-22.is-guttered {
        display: block
    }

    .el-col-xl-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-xl-push-22 {
        left: 91.6666666667%;
        position: relative
    }

    .el-col-xl-23 {
        display: block;
        flex: 0 0 95.8333333333%;
        max-width: 95.8333333333%
    }

    .el-col-xl-23.is-guttered {
        display: block
    }

    .el-col-xl-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-xl-push-23 {
        left: 95.8333333333%;
        position: relative
    }

    .el-col-xl-24 {
        display: block;
        flex: 0 0 100%;
        max-width: 100%
    }

    .el-col-xl-24.is-guttered {
        display: block
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        left: 100%;
        position: relative
    }
}

.el-collapse {
    --el-collapse-border-color: var(--el-border-color-lighter);
    --el-collapse-header-height: 48px;
    --el-collapse-header-bg-color: var(--el-fill-color-blank);
    --el-collapse-header-text-color: var(--el-text-color-primary);
    --el-collapse-header-font-size: 13px;
    --el-collapse-content-bg-color: var(--el-fill-color-blank);
    --el-collapse-content-font-size: 13px;
    --el-collapse-content-text-color: var(--el-text-color-primary);
    border-bottom: 1px solid var(--el-collapse-border-color);
    border-top: 1px solid var(--el-collapse-border-color)
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-collapse-item__header {
    align-items: center;
    background-color: var(--el-collapse-header-bg-color);
    border: none;
    border-bottom: 1px solid var(--el-collapse-border-color);
    color: var(--el-collapse-header-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-collapse-header-font-size);
    font-weight: 500;
    height: var(--el-collapse-header-height);
    line-height: var(--el-collapse-header-height);
    outline: none;
    padding: 0;
    transition: border-bottom-color var(--el-transition-duration);
    width: 100%
}

.el-collapse-item__arrow {
    font-weight: 300;
    margin: 0 8px 0 auto;
    transition: transform var(--el-transition-duration)
}

.el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: var(--el-color-primary)
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    background-color: var(--el-collapse-content-bg-color);
    border-bottom: 1px solid var(--el-collapse-border-color);
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.el-collapse-item__content {
    color: var(--el-collapse-content-text-color);
    font-size: var(--el-collapse-content-font-size);
    line-height: 1.7692307692;
    padding-bottom: 25px
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine__colors {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    border-radius: 4px;
    cursor: pointer;
    height: 20px;
    margin: 0 0 8px 8px;
    width: 20px
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px var(--el-color-primary)
}

.el-color-predefine__color-selector>div {
    border-radius: 3px;
    display: flex;
    height: 100%
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    background-color: red;
    box-sizing: border-box;
    float: right;
    height: 12px;
    padding: 0 2px;
    position: relative;
    width: 280px
}

.el-color-hue-slider__bar {
    background: linear-gradient(90deg, red 0, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red);
    height: 100%;
    position: relative
}

.el-color-hue-slider__thumb {
    background: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 1px;
    box-shadow: 0 0 2px #0009;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-hue-slider__thumb:focus-visible {
    outline: 2px solid var(--el-color-primary);
    outline-offset: 1px
}

.el-color-hue-slider.is-vertical {
    height: 180px;
    padding: 2px 0;
    width: 12px
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg, red 0, #ff0 17%, #0f0 33%, #0ff, #00f 67%, #f0f 83%, red)
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-svpanel {
    height: 180px;
    position: relative;
    width: 280px
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, #fff, #fff0)
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, #000, #0000)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
    cursor: head;
    height: 4px;
    transform: translate(-2px, -2px);
    width: 4px
}

.el-color-alpha-slider {
    background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
    background-position: 0 0, 6px 0, 6px -6px, 0 6px;
    background-size: 12px 12px;
    box-sizing: border-box;
    height: 12px;
    position: relative;
    width: 280px
}

.el-color-alpha-slider__bar {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--el-bg-color) 100%);
    height: 100%;
    position: relative
}

.el-color-alpha-slider__thumb {
    background: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 1px;
    box-shadow: 0 0 2px #0009;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 1
}

.el-color-alpha-slider__thumb:focus-visible {
    outline: 2px solid var(--el-color-primary);
    outline-offset: 1px
}

.el-color-alpha-slider.is-vertical {
    height: 180px;
    width: 20px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg, #fff0 0, #fff)
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    clear: both;
    content: "";
    display: table
}

.el-color-dropdown__btns {
    margin-top: 12px;
    text-align: right
}

.el-color-dropdown__value {
    color: #000;
    float: left;
    font-size: 12px;
    line-height: 26px;
    width: 160px
}

.el-color-picker {
    display: inline-block;
    line-height: normal;
    outline: none;
    position: relative
}

.el-color-picker:hover:not(.is-disabled, .is-focused) .el-color-picker__trigger {
    border-color: var(--el-border-color-hover)
}

.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
    outline: 2px solid var(--el-color-primary);
    outline-offset: 1px
}

.el-color-picker.is-focused .el-color-picker__trigger {
    border-color: var(--el-color-primary)
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--large {
    height: 40px
}

.el-color-picker--large .el-color-picker__trigger {
    height: 40px;
    width: 40px
}

.el-color-picker--large .el-color-picker__mask {
    height: 38px;
    width: 38px
}

.el-color-picker--small {
    height: 24px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 24px;
    width: 24px
}

.el-color-picker--small .el-color-picker__mask {
    height: 22px;
    width: 22px
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    transform: scale(.8)
}

.el-color-picker__mask {
    background-color: #ffffffb3;
    border-radius: 4px;
    cursor: not-allowed;
    height: 30px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 30px;
    z-index: 1
}

.el-color-picker__trigger {
    align-items: center;
    border: 1px solid var(--el-border-color);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-size: 0;
    height: 32px;
    justify-content: center;
    padding: 4px;
    position: relative;
    width: 32px
}

.el-color-picker__color {
    border: 1px solid var(--el-text-color-secondary);
    border-radius: var(--el-border-radius-small);
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%
}

.el-color-picker__color.is-alpha {
    background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
    background-position: 0 0, 6px 0, 6px -6px, 0 6px;
    background-size: 12px 12px
}

.el-color-picker__color-inner {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.el-color-picker .el-color-picker__empty {
    color: var(--el-text-color-secondary);
    font-size: 12px
}

.el-color-picker .el-color-picker__icon {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    justify-content: center
}

.el-color-picker__panel {
    background-color: #fff;
    border-radius: var(--el-border-radius-base);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: content-box;
    padding: 6px;
    position: absolute;
    z-index: 10
}

.el-color-picker__panel.el-popper {
    border: 1px solid var(--el-border-color-lighter)
}

.el-color-picker,
.el-color-picker__panel {
    --el-color-picker-alpha-bg-a: #ccc;
    --el-color-picker-alpha-bg-b: transparent
}

.dark .el-color-picker,
.dark .el-color-picker__panel {
    --el-color-picker-alpha-bg-a: #333333
}

.el-container {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-basis: auto;
    flex-direction: row;
    min-width: 0
}

.el-container.is-vertical {
    flex-direction: column
}

.el-descriptions {
    --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
    --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
    box-sizing: border-box;
    color: var(--el-text-color-primary);
    font-size: var(--el-font-size-base)
}

.el-descriptions__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.el-descriptions__title {
    color: var(--el-text-color-primary);
    font-size: 16px;
    font-weight: 700
}

.el-descriptions__body {
    background-color: var(--el-fill-color-blank)
}

.el-descriptions__body .el-descriptions__table {
    border-collapse: collapse;
    width: 100%
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-align: left
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
    text-align: left
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
    text-align: center
}

.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
    text-align: right
}

.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    border: var(--el-descriptions-table-border);
    padding: 8px 11px
}

.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 12px
}

.el-descriptions--large {
    font-size: 14px
}

.el-descriptions--large .el-descriptions__header {
    margin-bottom: 20px
}

.el-descriptions--large .el-descriptions__header .el-descriptions__title {
    font-size: 16px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    font-size: 14px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    padding: 12px 15px
}

.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 16px
}

.el-descriptions--small {
    font-size: 12px
}

.el-descriptions--small .el-descriptions__header {
    margin-bottom: 12px
}

.el-descriptions--small .el-descriptions__header .el-descriptions__title {
    font-size: 14px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
    font-size: 12px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
    padding: 4px 7px
}

.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
    padding-bottom: 8px
}

.el-descriptions__label.el-descriptions__cell.is-bordered-label {
    background: var(--el-descriptions-item-bordered-label-background);
    color: var(--el-text-color-regular);
    font-weight: 700
}

.el-descriptions__label:not(.is-bordered-label) {
    color: var(--el-text-color-primary);
    margin-right: 16px
}

.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 6px
}

.el-descriptions__content.el-descriptions__cell.is-bordered-content {
    color: var(--el-text-color-primary)
}

.el-descriptions__content:not(.is-bordered-label) {
    color: var(--el-text-color-regular)
}

.el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
    margin-right: 16px
}

.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 8px
}

.el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
    margin-right: 12px
}

.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
    padding-bottom: 4px
}

:root {
    --el-popup-modal-bg-color: var(--el-color-black);
    --el-popup-modal-opacity: .5
}

.v-modal-enter {
    animation: v-modal-in var(--el-transition-duration-fast) ease
}

.v-modal-leave {
    animation: v-modal-out var(--el-transition-duration-fast) ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    background: var(--el-popup-modal-bg-color);
    height: 100%;
    left: 0;
    opacity: var(--el-popup-modal-opacity);
    position: fixed;
    top: 0;
    width: 100%
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-dialog {
    --el-dialog-width: 50%;
    --el-dialog-margin-top: 15vh;
    --el-dialog-bg-color: var(--el-bg-color);
    --el-dialog-box-shadow: var(--el-box-shadow);
    --el-dialog-title-font-size: var(--el-font-size-large);
    --el-dialog-content-font-size: 14px;
    --el-dialog-font-line-height: var(--el-font-line-height-primary);
    --el-dialog-padding-primary: 16px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    margin: var(--el-dialog-margin-top, 15vh) auto 50px;
    overflow-wrap: break-word;
    padding: var(--el-dialog-padding-primary);
    position: relative;
    width: var(--el-dialog-width, 50%)
}

.el-dialog:focus {
    outline: none !important
}

.el-dialog.is-align-center {
    margin: auto
}

.el-dialog.is-fullscreen {
    --el-dialog-width: 100%;
    --el-dialog-margin-top: 0;
    height: 100%;
    margin-bottom: 0;
    overflow: auto
}

.el-dialog__wrapper {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.el-dialog.is-draggable .el-dialog__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-dialog__header {
    padding-bottom: var(--el-dialog-padding-primary)
}

.el-dialog__header.show-close {
    padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))
}

.el-dialog__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 48px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

.el-dialog__headerbtn .el-dialog__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: var(--el-color-primary)
}

.el-dialog__title {
    color: var(--el-text-color-primary);
    font-size: var(--el-dialog-title-font-size);
    line-height: var(--el-dialog-font-line-height)
}

.el-dialog__body {
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size)
}

.el-dialog__footer {
    box-sizing: border-box;
    padding-top: var(--el-dialog-padding-primary);
    text-align: right
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.el-overlay-dialog {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0
}

.dialog-fade-enter-active {
    animation: modal-fade-in var(--el-transition-duration)
}

.dialog-fade-enter-active .el-overlay-dialog {
    animation: dialog-fade-in var(--el-transition-duration)
}

.dialog-fade-leave-active {
    animation: modal-fade-out var(--el-transition-duration)
}

.dialog-fade-leave-active .el-overlay-dialog {
    animation: dialog-fade-out var(--el-transition-duration)
}

@keyframes dialog-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes dialog-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.el-divider {
    position: relative
}

.el-divider--horizontal {
    border-top: 1px var(--el-border-color) var(--el-border-style);
    display: block;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.el-divider--vertical {
    border-left: 1px var(--el-border-color) var(--el-border-style);
    display: inline-block;
    height: 1em;
    margin: 0 8px;
    position: relative;
    vertical-align: middle;
    width: 1px
}

.el-divider__text {
    background-color: var(--el-bg-color);
    color: var(--el-text-color-primary);
    font-size: 14px;
    font-weight: 500;
    padding: 0 20px;
    position: absolute
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translate(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-drawer {
    --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
    --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px);
    background-color: var(--el-drawer-bg-color);
    box-shadow: var(--el-box-shadow-dark);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: absolute;
    transition: all var(--el-transition-duration)
}

.el-drawer .btt,
.el-drawer .ltr,
.el-drawer .rtl,
.el-drawer .ttb {
    transform: translate(0)
}

.el-drawer__sr-focus:focus {
    outline: none !important
}

.el-drawer__header {
    align-items: center;
    color: #72767b;
    display: flex;
    margin-bottom: 32px;
    padding: var(--el-drawer-padding-primary);
    padding-bottom: 0
}

.el-drawer__header>:first-child {
    flex: 1
}

.el-drawer__title {
    flex: 1;
    font-size: 16px;
    line-height: inherit;
    margin: 0
}

.el-drawer__footer {
    padding: var(--el-drawer-padding-primary);
    padding-top: 10px;
    text-align: right
}

.el-drawer__close-btn {
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-extra-large);
    outline: none
}

.el-drawer__close-btn:focus i,
.el-drawer__close-btn:hover i {
    color: var(--el-color-primary)
}

.el-drawer__body {
    flex: 1;
    overflow: auto;
    padding: var(--el-drawer-padding-primary)
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    bottom: 0;
    height: 100%;
    top: 0
}

.el-drawer.btt,
.el-drawer.ttb {
    left: 0;
    right: 0;
    width: 100%
}

.el-drawer.ltr {
    left: 0
}

.el-drawer.rtl {
    right: 0
}

.el-drawer.ttb {
    top: 0
}

.el-drawer.btt {
    bottom: 0
}

.el-drawer-fade-enter-active,
.el-drawer-fade-leave-active {
    transition: all var(--el-transition-duration)
}

.el-drawer-fade-enter-active,
.el-drawer-fade-enter-from,
.el-drawer-fade-enter-to,
.el-drawer-fade-leave-active,
.el-drawer-fade-leave-from,
.el-drawer-fade-leave-to {
    overflow: hidden !important
}

.el-drawer-fade-enter-from,
.el-drawer-fade-leave-to {
    background-color: transparent !important
}

.el-drawer-fade-enter-from .rtl,
.el-drawer-fade-leave-to .rtl {
    transform: translate(100%)
}

.el-drawer-fade-enter-from .ltr,
.el-drawer-fade-leave-to .ltr {
    transform: translate(-100%)
}

.el-drawer-fade-enter-from .ttb,
.el-drawer-fade-leave-to .ttb {
    transform: translateY(-100%)
}

.el-drawer-fade-enter-from .btt,
.el-drawer-fade-leave-to .btt {
    transform: translateY(100%)
}

.el-dropdown {
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index: 10;
    color: var(--el-text-color-regular);
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: 1;
    position: relative;
    vertical-align: top
}

.el-dropdown.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-dropdown__popper {
    --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
    --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
    --el-dropdown-menuItem-hover-color: var(--el-color-primary);
    --el-dropdown-menu-index: 10
}

.el-dropdown__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-dropdown-menu-box-shadow)
}

.el-dropdown__popper.el-popper,
.el-dropdown__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-dropdown__popper .el-dropdown-menu {
    border: none
}

.el-dropdown__popper .el-dropdown__popper-selfdefine {
    outline: none
}

.el-dropdown__popper .el-scrollbar__bar {
    z-index: calc(var(--el-dropdown-menu-index) + 1)
}

.el-dropdown__popper .el-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-dropdown .el-dropdown__caret-button {
    align-items: center;
    border-left: none;
    display: inline-flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    width: 32px
}

.el-dropdown .el-dropdown__caret-button>span {
    display: inline-flex
}

.el-dropdown .el-dropdown__caret-button:before {
    background: var(--el-overlay-color-lighter);
    bottom: -1px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -1px;
    width: 1px
}

.el-dropdown .el-dropdown__caret-button.el-button:before {
    background: var(--el-border-color);
    opacity: .5
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    font-size: inherit;
    padding-left: 0
}

.el-dropdown .el-dropdown-selfdefine {
    outline: none
}

.el-dropdown--large .el-dropdown__caret-button {
    width: 40px
}

.el-dropdown--small .el-dropdown__caret-button {
    width: 24px
}

.el-dropdown-menu {
    background-color: var(--el-bg-color-overlay);
    border: none;
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 5px 0;
    position: relative;
    top: 0;
    z-index: var(--el-dropdown-menu-index)
}

.el-dropdown-menu__item {
    align-items: center;
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: flex;
    font-size: var(--el-font-size-base);
    line-height: 22px;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 5px 16px;
    white-space: nowrap
}

.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: var(--el-dropdown-menuItem-hover-fill);
    color: var(--el-dropdown-menuItem-hover-color)
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    border-top: 1px solid var(--el-border-color-lighter);
    margin: 6px 0
}

.el-dropdown-menu__item.is-disabled {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-dropdown-menu--large {
    padding: 7px 0
}

.el-dropdown-menu--large .el-dropdown-menu__item {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 20px
}

.el-dropdown-menu--large .el-dropdown-menu__item--divided {
    margin: 8px 0
}

.el-dropdown-menu--small {
    padding: 3px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 12px
}

.el-dropdown-menu--small .el-dropdown-menu__item--divided {
    margin: 4px 0
}

.el-empty {
    --el-empty-padding: 40px 0;
    --el-empty-image-width: 160px;
    --el-empty-description-margin-top: 20px;
    --el-empty-bottom-margin-top: 20px;
    --el-empty-fill-color-0: var(--el-color-white);
    --el-empty-fill-color-1: #fcfcfd;
    --el-empty-fill-color-2: #f8f9fb;
    --el-empty-fill-color-3: #f7f8fc;
    --el-empty-fill-color-4: #eeeff3;
    --el-empty-fill-color-5: #edeef2;
    --el-empty-fill-color-6: #e9ebef;
    --el-empty-fill-color-7: #e5e7e9;
    --el-empty-fill-color-8: #e0e3e9;
    --el-empty-fill-color-9: #d5d7de;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--el-empty-padding);
    text-align: center
}

.el-empty__image {
    width: var(--el-empty-image-width)
}

.el-empty__image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
    width: 100%
}

.el-empty__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 100%;
    vertical-align: top;
    width: 100%
}

.el-empty__description {
    margin-top: var(--el-empty-description-margin-top)
}

.el-empty__description p {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-base);
    margin: 0
}

.el-empty__bottom {
    margin-top: var(--el-empty-bottom-margin-top)
}

.el-footer {
    --el-footer-padding: 0 20px;
    --el-footer-height: 60px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-footer-height);
    padding: var(--el-footer-padding)
}

.el-header {
    --el-header-padding: 0 20px;
    --el-header-height: 60px;
    box-sizing: border-box;
    flex-shrink: 0;
    height: var(--el-header-height);
    padding: var(--el-header-padding)
}

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    font-size: var(--el-font-size-base);
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.el-textarea__inner {
    -webkit-appearance: none;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 11px;
    position: relative;
    resize: vertical;
    transition: var(--el-transition-box-shadow);
    width: 100%
}

.el-textarea__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
    outline: none
}

.el-textarea .el-input__count {
    background: var(--el-fill-color-blank);
    bottom: 5px;
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-textarea.is-exceed .el-input__count {
    color: var(--el-color-danger)
}

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: var(--el-input-height);
    position: relative;
    vertical-align: middle;
    width: var(--el-input-width)
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: var(--el-text-color-disabled);
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px
}

.el-input .el-input__clear,
.el-input .el-input__password {
    color: var(--el-input-icon-color);
    cursor: pointer;
    font-size: 14px
}

.el-input .el-input__clear:hover,
.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    align-items: center;
    color: var(--el-color-info);
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    display: inline-block;
    line-height: normal;
    padding-left: 8px
}

.el-input__wrapper {
    align-items: center;
    background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 1px 11px;
    transform: translateZ(0);
    transition: var(--el-transition-box-shadow)
}

.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    -webkit-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: var(--el-input-text-color, var(--el-text-color-regular));
    flex-grow: 1;
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    outline: none;
    padding: 0;
    width: 100%
}

.el-input__inner:focus {
    outline: none
}

.el-input__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__inner[type=number] {
    line-height: 1
}

.el-input__prefix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__prefix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__prefix-inner>:last-child {
    margin-right: 8px
}

.el-input__prefix-inner>:first-child,
.el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 0
}

.el-input__suffix {
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__suffix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__suffix-inner>:first-child {
    margin-left: 8px
}

.el-input .el-input__icon {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    line-height: inherit;
    margin-left: 8px;
    transition: all var(--el-transition-duration)
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
}

.el-input.is-disabled {
    cursor: not-allowed
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
}

.el-input.is-disabled .el-input__inner {
    color: var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger)
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.el-input-group__append,
.el-input-group__prepend {
    align-items: center;
    background-color: var(--el-fill-color-light);
    border-radius: var(--el-input-border-radius);
    color: var(--el-color-info);
    display: inline-flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 20px;
    position: relative;
    white-space: nowrap
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-select__wrapper,
.el-input-group__append div.el-select:hover .el-select__wrapper,
.el-input-group__prepend button.el-button,
.el-input-group__prepend button.el-button:hover,
.el-input-group__prepend div.el-select .el-select__wrapper,
.el-input-group__prepend div.el-select:hover .el-select__wrapper {
    background-color: transparent;
    border-color: transparent;
    color: inherit
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-left: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper,
.el-input-group__append {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--append>.el-input__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-hidden {
    display: none !important
}

.el-input-number {
    display: inline-flex;
    line-height: 30px;
    position: relative;
    width: 150px
}

.el-input-number .el-input__wrapper {
    padding-left: 42px;
    padding-right: 42px
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    line-height: 1;
    text-align: center
}

.el-input-number .el-input__inner::-webkit-inner-spin-button,
.el-input-number .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-input-number__decrease,
.el-input-number__increase {
    align-items: center;
    background: var(--el-fill-color-light);
    bottom: 1px;
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    height: auto;
    justify-content: center;
    position: absolute;
    top: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 32px;
    z-index: 1
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: var(--el-color-primary)
}

.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper,
.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input-number__increase {
    border-left: var(--el-border);
    border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
    right: 1px
}

.el-input-number__decrease {
    border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
    border-right: var(--el-border);
    left: 1px
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-border-color)
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: var(--el-disabled-border-color);
    cursor: not-allowed
}

.el-input-number--large {
    line-height: 38px;
    width: 180px
}

.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
    font-size: 14px;
    width: 40px
}

.el-input-number--large .el-input--large .el-input__wrapper {
    padding-left: 47px;
    padding-right: 47px
}

.el-input-number--small {
    line-height: 22px;
    width: 120px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    font-size: 12px;
    width: 24px
}

.el-input-number--small .el-input--small .el-input__wrapper {
    padding-left: 31px;
    padding-right: 31px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
}

.el-input-number.is-without-controls .el-input__wrapper {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__wrapper {
    padding-left: 15px;
    padding-right: 42px
}

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

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-bottom: var(--el-border);
    border-radius: 0 var(--el-border-radius-base) 0 0;
    bottom: auto;
    left: auto
}

.el-input-number.is-controls-right .el-input-number__decrease {
    border-left: var(--el-border);
    border-radius: 0 0 var(--el-border-radius-base) 0;
    border-right: none;
    left: auto;
    right: 1px;
    top: auto
}

.el-input-number.is-controls-right[class*=large] [class*=decrease],
.el-input-number.is-controls-right[class*=large] [class*=increase] {
    --el-input-number-controls-height: 19px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    --el-input-number-controls-height: 11px
}

.el-link {
    --el-link-font-size: var(--el-font-size-base);
    --el-link-font-weight: var(--el-font-weight-primary);
    --el-link-text-color: var(--el-text-color-regular);
    --el-link-hover-text-color: var(--el-color-primary);
    --el-link-disabled-text-color: var(--el-text-color-placeholder);
    align-items: center;
    color: var(--el-link-text-color);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: var(--el-link-font-size);
    font-weight: var(--el-link-font-weight);
    justify-content: center;
    outline: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle
}

.el-link:hover {
    color: var(--el-link-hover-text-color)
}

.el-link.is-underline:hover:after {
    border-bottom: 1px solid var(--el-link-hover-text-color);
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0
}

.el-link.is-disabled {
    color: var(--el-link-disabled-text-color);
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default:after {
    border-color: var(--el-link-hover-text-color)
}

.el-link__inner {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.el-link.el-link--primary {
    --el-link-text-color: var(--el-color-primary);
    --el-link-hover-text-color: var(--el-color-primary-light-3);
    --el-link-disabled-text-color: var(--el-color-primary-light-5)
}

.el-link.el-link--primary.is-underline:hover:after,
.el-link.el-link--primary:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--success {
    --el-link-text-color: var(--el-color-success);
    --el-link-hover-text-color: var(--el-color-success-light-3);
    --el-link-disabled-text-color: var(--el-color-success-light-5)
}

.el-link.el-link--success.is-underline:hover:after,
.el-link.el-link--success:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--warning {
    --el-link-text-color: var(--el-color-warning);
    --el-link-hover-text-color: var(--el-color-warning-light-3);
    --el-link-disabled-text-color: var(--el-color-warning-light-5)
}

.el-link.el-link--warning.is-underline:hover:after,
.el-link.el-link--warning:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--danger {
    --el-link-text-color: var(--el-color-danger);
    --el-link-hover-text-color: var(--el-color-danger-light-3);
    --el-link-disabled-text-color: var(--el-color-danger-light-5)
}

.el-link.el-link--danger.is-underline:hover:after,
.el-link.el-link--danger:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--error {
    --el-link-text-color: var(--el-color-error);
    --el-link-hover-text-color: var(--el-color-error-light-3);
    --el-link-disabled-text-color: var(--el-color-error-light-5)
}

.el-link.el-link--error.is-underline:hover:after,
.el-link.el-link--error:after {
    border-color: var(--el-link-text-color)
}

.el-link.el-link--info {
    --el-link-text-color: var(--el-color-info);
    --el-link-hover-text-color: var(--el-color-info-light-3);
    --el-link-disabled-text-color: var(--el-color-info-light-5)
}

.el-link.el-link--info.is-underline:hover:after,
.el-link.el-link--info:after {
    border-color: var(--el-link-text-color)
}

:root {
    --el-loading-spinner-size: 42px;
    --el-loading-fullscreen-spinner-size: 50px
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    background-color: var(--el-mask-color);
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity var(--el-transition-duration);
    z-index: 2000
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/2)
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: var(--el-loading-fullscreen-spinner-size);
    width: var(--el-loading-fullscreen-spinner-size)
}

.el-loading-spinner {
    margin-top: calc((0px - var(--el-loading-spinner-size))/2);
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%
}

.el-loading-spinner .el-loading-text {
    color: var(--el-color-primary);
    font-size: 14px;
    margin: 3px 0
}

.el-loading-spinner .circular {
    animation: loading-rotate 2s linear infinite;
    display: inline;
    height: var(--el-loading-spinner-size);
    width: var(--el-loading-spinner-size)
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: var(--el-color-primary);
    stroke-linecap: round
}

.el-loading-spinner i {
    color: var(--el-color-primary)
}

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

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-main {
    --el-main-padding: 20px;
    box-sizing: border-box;
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
    padding: var(--el-main-padding)
}

:root {
    --el-menu-active-color: var(--el-color-primary);
    --el-menu-text-color: var(--el-text-color-primary);
    --el-menu-hover-text-color: var(--el-color-primary);
    --el-menu-bg-color: var(--el-fill-color-blank);
    --el-menu-hover-bg-color: var(--el-color-primary-light-9);
    --el-menu-item-height: 56px;
    --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
    --el-menu-horizontal-height: 60px;
    --el-menu-horizontal-sub-item-height: 36px;
    --el-menu-item-font-size: var(--el-font-size-base);
    --el-menu-item-hover-fill: var(--el-color-primary-light-9);
    --el-menu-border-color: var(--el-border-color);
    --el-menu-base-level-padding: 20px;
    --el-menu-level-padding: 20px;
    --el-menu-icon-width: 24px
}

.el-menu {
    background-color: var(--el-menu-bg-color);
    border-right: 1px solid var(--el-menu-border-color);
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative
}

.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title,
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title {
    padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level)*var(--el-menu-level-padding));
    white-space: nowrap
}

.el-menu:not(.el-menu--collapse) .el-sub-menu__title {
    padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))
}

.el-menu--horizontal {
    border-right: none;
    display: flex;
    flex-wrap: nowrap;
    height: var(--el-menu-horizontal-height)
}

.el-menu--horizontal.el-menu--popup-container {
    height: unset
}

.el-menu--horizontal.el-menu {
    border-bottom: 1px solid var(--el-menu-border-color)
}

.el-menu--horizontal>.el-menu-item {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--el-menu-text-color);
    display: inline-flex;
    height: 100%;
    justify-content: center;
    margin: 0
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-sub-menu:focus,
.el-menu--horizontal>.el-sub-menu:hover {
    outline: none
}

.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title {
    color: var(--el-menu-hover-text-color)
}

.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom: 2px solid var(--el-menu-active-color);
    color: var(--el-menu-active-color)
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title {
    border-bottom: 2px solid transparent;
    color: var(--el-menu-text-color);
    height: 100%
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
    background-color: var(--el-menu-bg-color)
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-sub-menu__title {
    align-items: center;
    background-color: var(--el-menu-bg-color);
    color: var(--el-menu-text-color);
    display: flex;
    height: var(--el-menu-horizontal-sub-item-height);
    line-height: var(--el-menu-horizontal-sub-item-height);
    padding: 0 10px
}

.el-menu--horizontal .el-menu .el-sub-menu__title {
    padding-right: 40px
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title {
    color: var(--el-menu-active-color)
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    background-color: var(--el-menu-hover-bg-color);
    color: var(--el-menu-hover-text-color);
    outline: none
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid var(--el-menu-active-color);
    color: var(--el-menu-active-color) !important
}

.el-menu--collapse {
    width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding)*2)
}

.el-menu--collapse>.el-menu-item [class^=el-icon],
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon],
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon] {
    margin: 0;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width)
}

.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,
.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow {
    display: none
}

.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span,
.el-menu--collapse>.el-menu-item>span,
.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span {
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-sub-menu {
    min-width: 200px
}

.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
    color: var(--el-menu-active-color)
}

.el-menu--popup {
    border: none;
    border-radius: var(--el-border-radius-small);
    box-shadow: var(--el-box-shadow-light);
    min-width: 200px;
    padding: 5px 0;
    z-index: 100
}

.el-menu .el-icon {
    flex-shrink: 0
}

.el-menu-item {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-menu-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-menu-item-font-size);
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    list-style: none;
    padding: 0 var(--el-menu-base-level-padding);
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: bottom
}

.el-menu-item i {
    color: inherit
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: none
}

.el-menu-item:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-menu-item.is-disabled {
    background: none !important;
    cursor: not-allowed;
    opacity: .25
}

.el-menu-item [class^=el-icon] {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width)
}

.el-menu-item.is-active {
    color: var(--el-menu-active-color)
}

.el-menu-item.is-active i {
    color: inherit
}

.el-menu-item .el-menu-tooltip__trigger {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    height: 100%;
    left: 0;
    padding: 0 var(--el-menu-base-level-padding);
    position: absolute;
    top: 0;
    width: 100%
}

.el-sub-menu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-sub-menu__title {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-menu-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-menu-item-font-size);
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    list-style: none;
    padding: 0 var(--el-menu-base-level-padding);
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
    white-space: nowrap
}

.el-sub-menu__title * {
    vertical-align: bottom
}

.el-sub-menu__title i {
    color: inherit
}

.el-sub-menu__title:focus,
.el-sub-menu__title:hover {
    outline: none
}

.el-sub-menu__title.is-disabled {
    background: none !important;
    cursor: not-allowed;
    opacity: .25
}

.el-sub-menu__title:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-sub-menu .el-menu {
    border: none
}

.el-sub-menu .el-menu-item {
    height: var(--el-menu-sub-item-height);
    line-height: var(--el-menu-sub-item-height)
}

.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
    display: none !important
}

.el-sub-menu.is-active .el-sub-menu__title {
    border-bottom-color: var(--el-menu-active-color)
}

.el-sub-menu.is-disabled .el-menu-item,
.el-sub-menu.is-disabled .el-sub-menu__title {
    background: none !important;
    cursor: not-allowed;
    opacity: .25
}

.el-sub-menu .el-icon {
    font-size: 18px;
    margin-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: var(--el-menu-icon-width)
}

.el-sub-menu .el-icon.el-sub-menu__icon-more {
    margin-right: 0 !important
}

.el-sub-menu .el-sub-menu__icon-arrow {
    font-size: 12px;
    margin-right: 0;
    margin-top: -6px;
    position: absolute;
    right: var(--el-menu-base-level-padding);
    top: 50%;
    transition: transform var(--el-transition-duration);
    width: inherit
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    color: var(--el-text-color-secondary);
    font-size: 12px;
    line-height: normal;
    padding: 7px 0 7px var(--el-menu-base-level-padding)
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
    opacity: 0;
    transition: var(--el-transition-duration-fast)
}

.el-message-box {
    --el-messagebox-title-color: var(--el-text-color-primary);
    --el-messagebox-width: 420px;
    --el-messagebox-border-radius: 4px;
    --el-messagebox-box-shadow: var(--el-box-shadow);
    --el-messagebox-font-size: var(--el-font-size-large);
    --el-messagebox-content-font-size: var(--el-font-size-base);
    --el-messagebox-content-color: var(--el-text-color-regular);
    --el-messagebox-error-font-size: 12px;
    --el-messagebox-padding-primary: 12px;
    --el-messagebox-font-line-height: var(--el-font-line-height-primary);
    backface-visibility: hidden;
    background-color: var(--el-bg-color);
    border-radius: var(--el-messagebox-border-radius);
    box-shadow: var(--el-messagebox-box-shadow);
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--el-messagebox-font-size);
    max-width: var(--el-messagebox-width);
    overflow: hidden;
    overflow-wrap: break-word;
    padding: var(--el-messagebox-padding-primary);
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.el-message-box:focus {
    outline: none !important
}

.el-overlay.is-message-box .el-overlay-message-box {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 16px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0
}

.el-overlay.is-message-box .el-overlay-message-box:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.el-message-box.is-draggable .el-message-box__header {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-message-box__header {
    padding-bottom: var(--el-messagebox-padding-primary)
}

.el-message-box__header.show-close {
    padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))
}

.el-message-box__title {
    color: var(--el-messagebox-title-color);
    font-size: var(--el-messagebox-font-size);
    line-height: var(--el-messagebox-font-line-height)
}

.el-message-box__headerbtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 40px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.el-message-box__headerbtn .el-message-box__close {
    color: var(--el-color-info);
    font-size: inherit
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: var(--el-color-primary)
}

.el-message-box__content {
    color: var(--el-messagebox-content-color);
    font-size: var(--el-messagebox-content-font-size)
}

.el-message-box__container {
    align-items: center;
    display: flex;
    gap: 12px
}

.el-message-box__input {
    padding-top: 12px
}

.el-message-box__input div.invalid>input,
.el-message-box__input div.invalid>input:focus {
    border-color: var(--el-color-error)
}

.el-message-box__status {
    font-size: 24px
}

.el-message-box__status.el-message-box-icon--success {
    --el-messagebox-color: var(--el-color-success);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--info {
    --el-messagebox-color: var(--el-color-info);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--warning {
    --el-messagebox-color: var(--el-color-warning);
    color: var(--el-messagebox-color)
}

.el-message-box__status.el-message-box-icon--error {
    --el-messagebox-color: var(--el-color-error);
    color: var(--el-messagebox-color)
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    line-height: var(--el-messagebox-font-line-height);
    margin: 0
}

.el-message-box__errormsg {
    color: var(--el-color-error);
    font-size: var(--el-messagebox-error-font-size);
    line-height: var(--el-messagebox-font-line-height)
}

.el-message-box__btns {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding-top: var(--el-messagebox-padding-primary)
}

.el-message-box--center .el-message-box__title {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    font-size: inherit
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__container {
    justify-content: center
}

.fade-in-linear-enter-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration)
}

.fade-in-linear-leave-active .el-overlay-message-box {
    animation: msgbox-fade-in var(--el-transition-duration) reverse
}

@keyframes msgbox-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 11px 15px;
    --el-message-close-size: 16px;
    --el-message-close-icon-color: var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary);
    align-items: center;
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration), transform .4s, top .4s;
    width: -moz-fit-content;
    width: fit-content
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-plain {
    background-color: var(--el-bg-color-overlay);
    border-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-message p {
    margin: 0
}

.el-message--success {
    --el-message-bg-color: var(--el-color-success-light-9);
    --el-message-border-color: var(--el-color-success-light-8);
    --el-message-text-color: var(--el-color-success)
}

.el-message--success .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--success {
    color: var(--el-message-text-color)
}

.el-message--info {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color: var(--el-color-info)
}

.el-message--info .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--info {
    color: var(--el-message-text-color)
}

.el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning)
}

.el-message--warning .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--warning {
    color: var(--el-message-text-color)
}

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error)
}

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

.el-message .el-message-icon--error {
    color: var(--el-message-text-color)
}

.el-message .el-message__badge {
    position: absolute;
    right: -8px;
    top: -8px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn {
    color: var(--el-message-close-icon-color);
    cursor: pointer;
    font-size: var(--el-message-close-size)
}

.el-message .el-message__closeBtn:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-color)
}

.el-message-fade-enter-from,
.el-message-fade-leave-to {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.el-notification {
    --el-notification-width: 330px;
    --el-notification-padding: 14px 26px 14px 13px;
    --el-notification-radius: 8px;
    --el-notification-shadow: var(--el-box-shadow-light);
    --el-notification-border-color: var(--el-border-color-lighter);
    --el-notification-icon-size: 24px;
    --el-notification-close-font-size: var(--el-message-close-size, 16px);
    --el-notification-group-margin-left: 13px;
    --el-notification-group-margin-right: 8px;
    --el-notification-content-font-size: var(--el-font-size-base);
    --el-notification-content-color: var(--el-text-color-regular);
    --el-notification-title-font-size: 16px;
    --el-notification-title-color: var(--el-text-color-primary);
    --el-notification-close-color: var(--el-text-color-secondary);
    --el-notification-close-hover-color: var(--el-text-color-regular);
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-notification-border-color);
    border-radius: var(--el-notification-radius);
    box-shadow: var(--el-notification-shadow);
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: var(--el-notification-padding);
    position: fixed;
    transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
    width: var(--el-notification-width);
    z-index: 9999
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: var(--el-notification-group-margin-left);
    margin-right: var(--el-notification-group-margin-right)
}

.el-notification__title {
    color: var(--el-notification-title-color);
    font-size: var(--el-notification-title-font-size);
    font-weight: 700;
    line-height: var(--el-notification-icon-size);
    margin: 0
}

.el-notification__content {
    color: var(--el-notification-content-color);
    font-size: var(--el-notification-content-font-size);
    line-height: 24px;
    margin: 6px 0 0
}

.el-notification__content p {
    margin: 0
}

.el-notification .el-notification__icon {
    font-size: var(--el-notification-icon-size);
    height: var(--el-notification-icon-size);
    width: var(--el-notification-icon-size)
}

.el-notification .el-notification__closeBtn {
    color: var(--el-notification-close-color);
    cursor: pointer;
    font-size: var(--el-notification-close-font-size);
    position: absolute;
    right: 15px;
    top: 18px
}

.el-notification .el-notification__closeBtn:hover {
    color: var(--el-notification-close-hover-color)
}

.el-notification .el-notification--success {
    --el-notification-icon-color: var(--el-color-success);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--info {
    --el-notification-icon-color: var(--el-color-info);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--warning {
    --el-notification-icon-color: var(--el-color-warning);
    color: var(--el-notification-icon-color)
}

.el-notification .el-notification--error {
    --el-notification-icon-color: var(--el-color-error);
    color: var(--el-notification-icon-color)
}

.el-notification-fade-enter-from.right {
    right: 0;
    transform: translate(100%)
}

.el-notification-fade-enter-from.left {
    left: 0;
    transform: translate(-100%)
}

.el-notification-fade-leave-to {
    opacity: 0
}

.el-overlay {
    background-color: var(--el-overlay-color-lighter);
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2000
}

.el-overlay .el-overlay-root {
    height: 0
}

.el-page-header.is-contentful .el-page-header__main {
    border-top: 1px solid var(--el-border-color-light);
    margin-top: 16px
}

.el-page-header__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    line-height: 24px
}

.el-page-header__left {
    align-items: center;
    display: flex;
    margin-right: 40px;
    position: relative
}

.el-page-header__back {
    align-items: center;
    cursor: pointer;
    display: flex
}

.el-page-header__left .el-divider--vertical {
    margin: 0 16px
}

.el-page-header__icon {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin-right: 10px
}

.el-page-header__icon .el-icon {
    font-size: inherit
}

.el-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.el-page-header__content {
    color: var(--el-text-color-primary);
    font-size: 18px
}

.el-page-header__breadcrumb {
    margin-bottom: 16px
}

.el-pagination {
    --el-pagination-font-size: 14px;
    --el-pagination-bg-color: var(--el-fill-color-blank);
    --el-pagination-text-color: var(--el-text-color-primary);
    --el-pagination-border-radius: 2px;
    --el-pagination-button-color: var(--el-text-color-primary);
    --el-pagination-button-width: 32px;
    --el-pagination-button-height: 32px;
    --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
    --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-pagination-button-bg-color: var(--el-fill-color);
    --el-pagination-hover-color: var(--el-color-primary);
    --el-pagination-font-size-small: 12px;
    --el-pagination-button-width-small: 24px;
    --el-pagination-button-height-small: 24px;
    --el-pagination-button-width-large: 40px;
    --el-pagination-button-height-large: 40px;
    --el-pagination-item-gap: 16px;
    align-items: center;
    color: var(--el-pagination-text-color);
    display: flex;
    font-size: var(--el-pagination-font-size);
    font-weight: 400;
    white-space: nowrap
}

.el-pagination .el-input__inner {
    -moz-appearance: textfield;
    text-align: center
}

.el-pagination .el-select {
    width: 128px
}

.el-pagination button {
    align-items: center;
    background: var(--el-pagination-bg-color);
    border: none;
    border-radius: var(--el-pagination-border-radius);
    box-sizing: border-box;
    color: var(--el-pagination-button-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-pagination-font-size);
    height: var(--el-pagination-button-height);
    justify-content: center;
    line-height: var(--el-pagination-button-height);
    min-width: var(--el-pagination-button-width);
    padding: 0 4px;
    text-align: center
}

.el-pagination button * {
    pointer-events: none
}

.el-pagination button:focus {
    outline: none
}

.el-pagination button.is-active,
.el-pagination button:hover {
    color: var(--el-pagination-hover-color)
}

.el-pagination button.is-active {
    cursor: default;
    font-weight: 700
}

.el-pagination button.is-active.is-disabled {
    color: var(--el-text-color-secondary);
    font-weight: 700
}

.el-pagination button.is-disabled,
.el-pagination button:disabled {
    background-color: var(--el-pagination-button-disabled-bg-color);
    color: var(--el-pagination-button-disabled-color);
    cursor: not-allowed
}

.el-pagination button:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700;
    width: inherit
}

.el-pagination>.is-first {
    margin-left: 0 !important
}

.el-pagination>.is-last {
    margin-right: 0 !important
}

.el-pagination .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__sizes,
.el-pagination__total {
    color: var(--el-text-color-regular);
    font-weight: 400;
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__total[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__jump {
    align-items: center;
    color: var(--el-text-color-regular);
    display: flex;
    font-weight: 400;
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination__jump[disabled=true] {
    color: var(--el-text-color-placeholder)
}

.el-pagination__goto {
    margin-right: 8px
}

.el-pagination__editor {
    box-sizing: border-box;
    text-align: center
}

.el-pagination__editor.el-input {
    width: 56px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination__classifier {
    margin-left: 8px
}

.el-pagination__rightwrapper {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    background-color: var(--el-pagination-button-bg-color);
    margin: 0 4px
}

.el-pagination.is-background .btn-next.is-active,
.el-pagination.is-background .btn-prev.is-active,
.el-pagination.is-background .el-pager li.is-active {
    background-color: var(--el-color-primary);
    color: var(--el-color-white)
}

.el-pagination.is-background .btn-next.is-disabled,
.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev.is-disabled,
.el-pagination.is-background .btn-prev:disabled,
.el-pagination.is-background .el-pager li.is-disabled,
.el-pagination.is-background .el-pager li:disabled {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-text-color-placeholder)
}

.el-pagination.is-background .btn-next.is-disabled.is-active,
.el-pagination.is-background .btn-next:disabled.is-active,
.el-pagination.is-background .btn-prev.is-disabled.is-active,
.el-pagination.is-background .btn-prev:disabled.is-active,
.el-pagination.is-background .el-pager li.is-disabled.is-active,
.el-pagination.is-background .el-pager li:disabled.is-active {
    background-color: var(--el-fill-color-dark);
    color: var(--el-text-color-secondary)
}

.el-pagination.is-background .btn-prev {
    margin-left: var(--el-pagination-item-gap)
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li {
    font-size: var(--el-pagination-font-size-small);
    height: var(--el-pagination-button-height-small);
    line-height: var(--el-pagination-button-height-small);
    min-width: var(--el-pagination-button-width-small)
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    font-size: var(--el-pagination-font-size-small)
}

.el-pagination--small .el-select {
    width: 100px
}

.el-pagination--large .btn-next,
.el-pagination--large .btn-prev,
.el-pagination--large .el-pager li {
    height: var(--el-pagination-button-height-large);
    line-height: var(--el-pagination-button-height-large);
    min-width: var(--el-pagination-button-width-large)
}

.el-pagination--large .el-select .el-input {
    width: 160px
}

.el-pager {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-pager,
.el-pager li {
    align-items: center;
    display: flex
}

.el-pager li {
    background: var(--el-pagination-bg-color);
    border: none;
    border-radius: var(--el-pagination-border-radius);
    box-sizing: border-box;
    color: var(--el-pagination-button-color);
    cursor: pointer;
    font-size: var(--el-pagination-font-size);
    height: var(--el-pagination-button-height);
    justify-content: center;
    line-height: var(--el-pagination-button-height);
    min-width: var(--el-pagination-button-width);
    padding: 0 4px;
    text-align: center
}

.el-pager li * {
    pointer-events: none
}

.el-pager li:focus {
    outline: none
}

.el-pager li.is-active,
.el-pager li:hover {
    color: var(--el-pagination-hover-color)
}

.el-pager li.is-active {
    cursor: default;
    font-weight: 700
}

.el-pager li.is-active.is-disabled {
    color: var(--el-text-color-secondary);
    font-weight: 700
}

.el-pager li.is-disabled,
.el-pager li:disabled {
    background-color: var(--el-pagination-button-disabled-bg-color);
    color: var(--el-pagination-button-disabled-color);
    cursor: not-allowed
}

.el-pager li:focus-visible {
    outline: 1px solid var(--el-pagination-hover-color);
    outline-offset: -1px
}

.el-popconfirm__main {
    align-items: center;
    display: flex
}

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    margin-top: 8px;
    text-align: right
}

.el-popover {
    --el-popover-bg-color: var(--el-bg-color-overlay);
    --el-popover-font-size: var(--el-font-size-base);
    --el-popover-border-color: var(--el-border-color-lighter);
    --el-popover-padding: 12px;
    --el-popover-padding-large: 18px 20px;
    --el-popover-title-font-size: 16px;
    --el-popover-title-text-color: var(--el-text-color-primary);
    --el-popover-border-radius: 4px
}

.el-popover.el-popper {
    background: var(--el-popover-bg-color);
    border: 1px solid var(--el-popover-border-color);
    border-radius: var(--el-popover-border-radius);
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: var(--el-popover-font-size);
    line-height: 1.4;
    min-width: 150px;
    overflow-wrap: break-word;
    padding: var(--el-popover-padding);
    z-index: var(--el-index-popper)
}

.el-popover.el-popper--plain {
    padding: var(--el-popover-padding-large)
}

.el-popover__title {
    color: var(--el-popover-title-text-color);
    font-size: var(--el-popover-title-font-size);
    line-height: 1;
    margin-bottom: 12px
}

.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.el-popover.el-popper.is-dark {
    --el-popover-bg-color: var(--el-text-color-primary);
    --el-popover-border-color: var(--el-text-color-primary);
    --el-popover-title-text-color: var(--el-bg-color);
    color: var(--el-bg-color)
}

.el-popover.el-popper:focus,
.el-popover.el-popper:focus:active {
    outline-width: 0
}

.el-progress {
    align-items: center;
    display: flex;
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    min-width: 50px
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: var(--el-color-success)
}

.el-progress.is-success .el-progress__text {
    color: var(--el-color-success)
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: var(--el-color-warning)
}

.el-progress.is-warning .el-progress__text {
    color: var(--el-color-warning)
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: var(--el-color-danger)
}

.el-progress.is-exception .el-progress__text {
    color: var(--el-color-danger)
}

.el-progress-bar {
    box-sizing: border-box;
    flex-grow: 1
}

.el-progress-bar__outer {
    background-color: var(--el-border-color-lighter);
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: var(--el-color-primary);
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s ease;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__inner--indeterminate {
    animation: indeterminate 3s infinite;
    transform: translateZ(0)
}

.el-progress-bar__inner--striped {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 75%, transparent 0, transparent);
    background-size: 1.25em 1.25em
}

.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
    animation: striped-flow 3s linear infinite
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

@keyframes indeterminate {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes striped-flow {
    0% {
        background-position: -100%
    }

    to {
        background-position: 100%
    }
}

.el-radio-button {
    --el-radio-button-checked-bg-color: var(--el-color-primary);
    --el-radio-button-checked-text-color: var(--el-color-white);
    --el-radio-button-checked-border-color: var(--el-color-primary);
    --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light)
}

.el-radio-button,
.el-radio-button__inner {
    display: inline-block;
    outline: none;
    position: relative
}

.el-radio-button__inner {
    -webkit-appearance: none;
    background: var(--el-button-bg-color, var(--el-fill-color-blank));
    border: var(--el-border);
    border-left: 0;
    border-radius: 0;
    box-sizing: border-box;
    color: var(--el-button-text-color, var(--el-text-color-regular));
    cursor: pointer;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
    line-height: 1;
    margin: 0;
    padding: 8px 15px;
    text-align: center;
    transition: var(--el-transition-all);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio-button__inner.is-round {
    padding: 8px 15px
}

.el-radio-button__inner:hover {
    color: var(--el-color-primary)
}

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

.el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: var(--el-border);
    border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
    box-shadow: none !important
}

.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner {
    background-color: var(--el-radio-button-checked-bg-color, var(--el-color-primary));
    border-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
    box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--el-color-primary));
    color: var(--el-radio-button-checked-text-color, var(--el-color-white))
}

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

.el-radio-button__original-radio:focus-visible+.el-radio-button__inner {
    border-left: var(--el-border);
    border-left-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
    border-radius: var(--el-border-radius-base);
    box-shadow: none;
    outline: 2px solid var(--el-radio-button-checked-border-color);
    outline-offset: 1px;
    z-index: 2
}

.el-radio-button__original-radio:disabled+.el-radio-button__inner {
    background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
    background-image: none;
    border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
    box-shadow: none;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner {
    background-color: var(--el-radio-button-disabled-checked-fill)
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: var(--el-border-radius-base)
}

.el-radio-button--large .el-radio-button__inner {
    border-radius: 0;
    font-size: var(--el-font-size-base);
    padding: 12px 19px
}

.el-radio-button--large .el-radio-button__inner.is-round {
    padding: 12px 19px
}

.el-radio-button--small .el-radio-button__inner {
    border-radius: 0;
    font-size: 12px;
    padding: 5px 11px
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 5px 11px
}

.el-radio-group {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 0
}

.el-radio {
    --el-radio-font-size: var(--el-font-size-base);
    --el-radio-text-color: var(--el-text-color-regular);
    --el-radio-font-weight: var(--el-font-weight-primary);
    --el-radio-input-height: 14px;
    --el-radio-input-width: 14px;
    --el-radio-input-border-radius: var(--el-border-radius-circle);
    --el-radio-input-bg-color: var(--el-fill-color-blank);
    --el-radio-input-border: var(--el-border);
    --el-radio-input-border-color: var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-radio-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-radio-font-weight);
    height: 32px;
    margin-right: 30px;
    outline: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-radio.el-radio--large {
    height: 40px
}

.el-radio.el-radio--small {
    height: 24px
}

.el-radio.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.el-radio.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-radio.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter);
    cursor: not-allowed
}

.el-radio.is-bordered.el-radio--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-radio.is-bordered.el-radio--large .el-radio__label {
    font-size: var(--el-font-size-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.is-bordered.el-radio--small {
    border-radius: var(--el-border-radius-base);
    padding: 0 11px 0 7px
}

.el-radio.is-bordered.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.is-bordered.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled .el-radio__inner:after {
    background-color: var(--el-disabled-bg-color);
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: var(--el-text-color-placeholder)
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    background: var(--el-color-primary);
    border-color: var(--el-color-primary)
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: var(--el-color-primary)
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner {
    background-color: var(--el-radio-input-bg-color);
    border: var(--el-radio-input-border);
    border-radius: var(--el-radio-input-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: var(--el-radio-input-height);
    position: relative;
    width: var(--el-radio-input-width)
}

.el-radio__inner:hover {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner:after {
    background-color: var(--el-color-white);
    border-radius: var(--el-radio-input-border-radius);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.el-radio__original:focus-visible+.el-radio__inner {
    border-radius: var(--el-radio-input-border-radius);
    outline: 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
}

.el-radio__label {
    font-size: var(--el-radio-font-size);
    padding-left: 8px
}

.el-radio.el-radio--large .el-radio__label {
    font-size: 14px
}

.el-radio.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-rate {
    --el-rate-height: 20px;
    --el-rate-font-size: var(--el-font-size-base);
    --el-rate-icon-size: 18px;
    --el-rate-icon-margin: 6px;
    --el-rate-void-color: var(--el-border-color-darker);
    --el-rate-fill-color: #f7ba2a;
    --el-rate-disabled-void-color: var(--el-fill-color);
    --el-rate-text-color: var(--el-text-color-primary);
    align-items: center;
    display: inline-flex;
    height: 32px
}

.el-rate:active,
.el-rate:focus {
    outline: none
}

.el-rate__item {
    color: var(--el-rate-void-color);
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    line-height: normal;
    position: relative;
    vertical-align: middle
}

.el-rate .el-rate__icon {
    display: inline-block;
    font-size: var(--el-rate-icon-size);
    margin-right: var(--el-rate-icon-margin);
    position: relative;
    transition: var(--el-transition-duration)
}

.el-rate .el-rate__icon.hover {
    transform: scale(1.15)
}

.el-rate .el-rate__icon .path2 {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate .el-rate__icon.is-active {
    color: var(--el-rate-fill-color)
}

.el-rate__decimal {
    color: var(--el-rate-fill-color);
    display: inline-block;
    overflow: hidden
}

.el-rate__decimal,
.el-rate__decimal--box {
    left: 0;
    position: absolute;
    top: 0
}

.el-rate__text {
    color: var(--el-rate-text-color);
    font-size: var(--el-rate-font-size);
    vertical-align: middle
}

.el-rate--large {
    height: 40px
}

.el-rate--small {
    height: 24px
}

.el-rate--small .el-rate__icon {
    font-size: 14px
}

.el-rate.is-disabled .el-rate__item {
    color: var(--el-rate-disabled-void-color);
    cursor: auto
}

.el-result {
    --el-result-padding: 40px 30px;
    --el-result-icon-font-size: 64px;
    --el-result-title-font-size: 20px;
    --el-result-title-margin-top: 20px;
    --el-result-subtitle-margin-top: 10px;
    --el-result-extra-margin-top: 30px;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--el-result-padding);
    text-align: center
}

.el-result__icon svg {
    height: var(--el-result-icon-font-size);
    width: var(--el-result-icon-font-size)
}

.el-result__title {
    margin-top: var(--el-result-title-margin-top)
}

.el-result__title p {
    color: var(--el-text-color-primary);
    font-size: var(--el-result-title-font-size);
    line-height: 1.3;
    margin: 0
}

.el-result__subtitle {
    margin-top: var(--el-result-subtitle-margin-top)
}

.el-result__subtitle p {
    color: var(--el-text-color-regular);
    font-size: var(--el-font-size-base);
    line-height: 1.3;
    margin: 0
}

.el-result__extra {
    margin-top: var(--el-result-extra-margin-top)
}

.el-result .icon-primary {
    --el-result-color: var(--el-color-primary);
    color: var(--el-result-color)
}

.el-result .icon-success {
    --el-result-color: var(--el-color-success);
    color: var(--el-result-color)
}

.el-result .icon-warning {
    --el-result-color: var(--el-color-warning);
    color: var(--el-result-color)
}

.el-result .icon-danger {
    --el-result-color: var(--el-color-danger);
    color: var(--el-result-color)
}

.el-result .icon-error {
    --el-result-color: var(--el-color-error);
    color: var(--el-result-color)
}

.el-result .icon-info {
    --el-result-color: var(--el-color-info);
    color: var(--el-result-color)
}

.el-row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.el-row.is-justify-center {
    justify-content: center
}

.el-row.is-justify-end {
    justify-content: flex-end
}

.el-row.is-justify-space-between {
    justify-content: space-between
}

.el-row.is-justify-space-around {
    justify-content: space-around
}

.el-row.is-justify-space-evenly {
    justify-content: space-evenly
}

.el-row.is-align-top {
    align-items: flex-start
}

.el-row.is-align-middle {
    align-items: center
}

.el-row.is-align-bottom {
    align-items: flex-end
}

.el-select-dropdown {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    z-index: calc(var(--el-index-top) + 1)
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty,
.el-select-dropdown__loading {
    color: var(--el-text-color-secondary);
    font-size: var(--el-select-font-size);
    margin: 0;
    padding: 10px 0;
    text-align: center
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 6px 0
}

.el-select-dropdown__list.el-vl__window {
    margin: 6px 0;
    padding: 0
}

.el-select-dropdown__header {
    border-bottom: 1px solid var(--el-border-color-light);
    padding: 10px
}

.el-select-dropdown__footer {
    border-top: 1px solid var(--el-border-color-light);
    padding: 10px
}

.el-select-dropdown__item {
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-base);
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 32px 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select-dropdown__item.is-hovering {
    background-color: var(--el-fill-color-light)
}

.el-select-dropdown__item.is-selected {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-select-dropdown__item.is-disabled {
    background-color: unset;
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
    background-color: var(--el-color-primary);
    background-position: 50%;
    background-repeat: no-repeat;
    border-right: none;
    border-top: none;
    content: "";
    height: 12px;
    mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    mask-size: 100% 100%;
    -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask-size: 100% 100%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
    background-color: var(--el-text-color-placeholder)
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.el-select-group__title {
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 34px;
    padding-left: 20px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    --el-select-border-color-hover: var(--el-border-color-hover);
    --el-select-disabled-color: var(--el-disabled-text-color);
    --el-select-disabled-border: var(--el-disabled-border-color);
    --el-select-font-size: var(--el-font-size-base);
    --el-select-close-hover-color: var(--el-text-color-secondary);
    --el-select-input-color: var(--el-text-color-placeholder);
    --el-select-multiple-input-color: var(--el-text-color-regular);
    --el-select-input-focus-border-color: var(--el-color-primary);
    --el-select-input-font-size: 14px;
    --el-select-width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: var(--el-select-width)
}

.el-select__wrapper {
    align-items: center;
    background-color: var(--el-fill-color-blank);
    border-radius: var(--el-border-radius-base);
    box-shadow: 0 0 0 1px var(--el-border-color) inset;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 6px;
    line-height: 24px;
    min-height: 32px;
    padding: 4px 12px;
    position: relative;
    text-align: left;
    transition: var(--el-transition-duration)
}

.el-select__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-text-color) inset
}

.el-select__wrapper.is-filterable {
    cursor: text
}

.el-select__wrapper.is-focused {
    box-shadow: 0 0 0 1px var(--el-color-primary) inset
}

.el-select__wrapper.is-hovering:not(.is-focused) {
    box-shadow: 0 0 0 1px var(--el-border-color-hover) inset
}

.el-select__wrapper.is-disabled {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-select__wrapper.is-disabled,
.el-select__wrapper.is-disabled:hover {
    box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
}

.el-select__wrapper.is-disabled.is-focus {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-select__wrapper.is-disabled .el-select__selected-item {
    color: var(--el-select-disabled-color)
}

.el-select__wrapper.is-disabled .el-select__caret,
.el-select__wrapper.is-disabled .el-tag {
    cursor: not-allowed
}

.el-select__prefix,
.el-select__suffix {
    align-items: center;
    color: var(--el-input-icon-color, var(--el-text-color-placeholder));
    display: flex;
    flex-shrink: 0;
    gap: 6px
}

.el-select__caret {
    color: var(--el-select-input-color);
    cursor: pointer;
    font-size: var(--el-select-input-font-size);
    transform: rotate(0);
    transition: var(--el-transition-duration)
}

.el-select__caret.is-reverse {
    transform: rotate(180deg)
}

.el-select__selection {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    position: relative
}

.el-select__selection.is-near {
    margin-left: -8px
}

.el-select__selection .el-tag {
    border-color: transparent;
    cursor: pointer
}

.el-select__selection .el-tag.el-tag--plain {
    border-color: var(--el-tag-border-color)
}

.el-select__selection .el-tag .el-tag__content {
    min-width: 0
}

.el-select__selected-item {
    display: flex;
    flex-wrap: wrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-select__tags-text {
    line-height: normal
}

.el-select__placeholder,
.el-select__tags-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-select__placeholder {
    color: var(--el-input-text-color, var(--el-text-color-regular));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-select__placeholder.is-transparent {
    color: var(--el-text-color-placeholder);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-select__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-select__popper.el-popper,
.el-select__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-select__input-wrapper {
    max-width: 100%
}

.el-select__input-wrapper.is-hidden {
    opacity: 0;
    position: absolute
}

.el-select__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-select-multiple-input-color);
    font-family: inherit;
    font-size: inherit;
    height: 24px;
    max-width: 100%;
    outline: none;
    padding: 0
}

.el-select__input.is-disabled {
    cursor: not-allowed
}

.el-select__input-calculator {
    left: 0;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre
}

.el-select--large .el-select__wrapper {
    font-size: 14px;
    gap: 6px;
    line-height: 24px;
    min-height: 40px;
    padding: 8px 16px
}

.el-select--large .el-select__selection {
    gap: 6px
}

.el-select--large .el-select__selection.is-near {
    margin-left: -8px
}

.el-select--large .el-select__prefix,
.el-select--large .el-select__suffix {
    gap: 6px
}

.el-select--large .el-select__input {
    height: 24px
}

.el-select--small .el-select__wrapper {
    font-size: 12px;
    gap: 4px;
    line-height: 20px;
    min-height: 24px;
    padding: 2px 8px
}

.el-select--small .el-select__selection {
    gap: 4px
}

.el-select--small .el-select__selection.is-near {
    margin-left: -6px
}

.el-select--small .el-select__prefix,
.el-select--small .el-select__suffix {
    gap: 4px
}

.el-select--small .el-select__input {
    height: 20px
}

.el-skeleton {
    --el-skeleton-circle-size: var(--el-avatar-size)
}

.el-skeleton__item {
    background: var(--el-skeleton-color);
    border-radius: var(--el-border-radius-base);
    display: inline-block;
    height: 16px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    height: var(--el-skeleton-circle-size);
    line-height: var(--el-skeleton-circle-size);
    width: var(--el-skeleton-circle-size)
}

.el-skeleton__button {
    border-radius: 4px;
    height: 40px;
    width: 64px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    height: var(--el-font-size-small);
    width: 100%
}

.el-skeleton__caption {
    height: var(--el-font-size-extra-small)
}

.el-skeleton__h1 {
    height: var(--el-font-size-extra-large)
}

.el-skeleton__h3 {
    height: var(--el-font-size-large)
}

.el-skeleton__h5 {
    height: var(--el-font-size-medium)
}

.el-skeleton__image {
    align-items: center;
    border-radius: 0;
    display: flex;
    justify-content: center;
    width: unset
}

.el-skeleton__image svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    height: 22%;
    width: 22%
}

.el-skeleton {
    --el-skeleton-color: var(--el-fill-color);
    --el-skeleton-to-color: var(--el-fill-color-darker)
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    background: var(--el-skeleton-color);
    height: 16px;
    margin-top: 16px
}

.el-skeleton.is-animated .el-skeleton__item {
    animation: el-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
    background-size: 400% 100%
}

.el-slider {
    --el-slider-main-bg-color: var(--el-color-primary);
    --el-slider-runway-bg-color: var(--el-border-color-light);
    --el-slider-stop-bg-color: var(--el-color-white);
    --el-slider-disabled-color: var(--el-text-color-placeholder);
    --el-slider-border-radius: 3px;
    --el-slider-height: 6px;
    --el-slider-button-size: 20px;
    --el-slider-button-wrapper-size: 36px;
    --el-slider-button-wrapper-offset: -15px;
    align-items: center;
    display: flex;
    height: 32px;
    width: 100%
}

.el-slider__runway {
    background-color: var(--el-slider-runway-bg-color);
    border-radius: var(--el-slider-border-radius);
    cursor: pointer;
    flex: 1;
    height: var(--el-slider-height);
    position: relative
}

.el-slider__runway.show-input {
    margin-right: 30px;
    width: auto
}

.el-slider__runway.is-disabled {
    cursor: default
}

.el-slider__runway.is-disabled .el-slider__bar {
    background-color: var(--el-slider-disabled-color)
}

.el-slider__runway.is-disabled .el-slider__button {
    border-color: var(--el-slider-disabled-color)
}

.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
    transform: scale(1)
}

.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
    cursor: not-allowed
}

.el-slider__input {
    flex-shrink: 0;
    width: 130px
}

.el-slider__bar {
    background-color: var(--el-slider-main-bg-color);
    border-bottom-left-radius: var(--el-slider-border-radius);
    border-top-left-radius: var(--el-slider-border-radius);
    height: var(--el-slider-height);
    position: absolute
}

.el-slider__button-wrapper {
    background-color: transparent;
    height: var(--el-slider-button-wrapper-size);
    line-height: normal;
    outline: none;
    position: absolute;
    text-align: center;
    top: var(--el-slider-button-wrapper-offset);
    transform: translate(-50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--el-slider-button-wrapper-size);
    z-index: 1
}

.el-slider__button-wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: grabbing
}

.el-slider__button {
    background-color: var(--el-color-white);
    border: 2px solid var(--el-slider-main-bg-color);
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: var(--el-slider-button-size);
    transition: var(--el-transition-duration-fast);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: var(--el-slider-button-size)
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: grab
}

.el-slider__button.dragging {
    cursor: grabbing
}

.el-slider__stop {
    background-color: var(--el-slider-stop-bg-color);
    border-radius: var(--el-border-radius-circle);
    height: var(--el-slider-height);
    position: absolute;
    transform: translate(-50%);
    width: var(--el-slider-height)
}

.el-slider__marks {
    height: 100%;
    left: 12px;
    top: 0;
    width: 18px
}

.el-slider__marks-text {
    color: var(--el-color-info);
    font-size: 14px;
    margin-top: 15px;
    position: absolute;
    transform: translate(-50%);
    white-space: pre
}

.el-slider.is-vertical {
    display: inline-flex;
    flex: 0;
    height: 100%;
    position: relative;
    width: auto
}

.el-slider.is-vertical .el-slider__runway {
    height: 100%;
    margin: 0 16px;
    width: var(--el-slider-height)
}

.el-slider.is-vertical .el-slider__bar {
    border-radius: 0 0 3px 3px;
    height: auto;
    width: var(--el-slider-height)
}

.el-slider.is-vertical .el-slider__button-wrapper {
    left: var(--el-slider-button-wrapper-offset);
    top: auto;
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__marks-text {
    left: 15px;
    margin-top: 0;
    transform: translateY(50%)
}

.el-slider--large {
    height: 40px
}

.el-slider--small {
    height: 24px
}

.el-space {
    display: inline-flex;
    vertical-align: top
}

.el-space__item {
    display: flex;
    flex-wrap: wrap
}

.el-space__item>* {
    flex: 1
}

.el-space--vertical {
    flex-direction: column
}

.el-time-spinner {
    white-space: nowrap;
    width: 100%
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    animation: rotate 2s linear infinite;
    height: 50px;
    width: 50px
}

.el-spinner-inner .path {
    stroke: var(--el-border-color-lighter);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-step {
    flex-shrink: 1;
    position: relative
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    flex-basis: auto !important;
    flex-grow: 0;
    flex-shrink: 0
}

.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    border-color: var(--el-text-color-primary);
    color: var(--el-text-color-primary)
}

.el-step__head.is-wait {
    border-color: var(--el-text-color-placeholder);
    color: var(--el-text-color-placeholder)
}

.el-step__head.is-success {
    border-color: var(--el-color-success);
    color: var(--el-color-success)
}

.el-step__head.is-error {
    border-color: var(--el-color-danger);
    color: var(--el-color-danger)
}

.el-step__head.is-finish {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-step__icon {
    align-items: center;
    background: var(--el-bg-color);
    box-sizing: border-box;
    display: inline-flex;
    font-size: 14px;
    height: 24px;
    justify-content: center;
    position: relative;
    transition: .15s ease-out;
    width: 24px;
    z-index: 1
}

.el-step__icon.is-text {
    border: 2px solid;
    border-color: inherit;
    border-radius: 50%
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    color: inherit;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    transform: translateY(1px)
}

.el-step__line {
    background-color: var(--el-text-color-placeholder);
    border-color: inherit;
    position: absolute
}

.el-step__line-inner {
    border: 1px solid;
    border-color: inherit;
    box-sizing: border-box;
    display: block;
    height: 0;
    transition: .15s ease-out;
    width: 0
}

.el-step__main {
    text-align: left;
    white-space: normal
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    color: var(--el-text-color-primary);
    font-weight: 700
}

.el-step__title.is-wait {
    color: var(--el-text-color-placeholder)
}

.el-step__title.is-success {
    color: var(--el-color-success)
}

.el-step__title.is-error {
    color: var(--el-color-danger)
}

.el-step__title.is-finish {
    color: var(--el-color-primary)
}

.el-step__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -5px;
    padding-right: 10%
}

.el-step__description.is-process {
    color: var(--el-text-color-primary)
}

.el-step__description.is-wait {
    color: var(--el-text-color-placeholder)
}

.el-step__description.is-success {
    color: var(--el-color-success)
}

.el-step__description.is-error {
    color: var(--el-color-danger)
}

.el-step__description.is-finish {
    color: var(--el-color-primary)
}

.el-step.is-horizontal {
    display: inline-block
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    left: 0;
    right: 0;
    top: 11px
}

.el-step.is-vertical {
    display: flex
}

.el-step.is-vertical .el-step__head {
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    flex-grow: 1;
    padding-left: 10px
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    bottom: 0;
    left: 11px;
    top: 0;
    width: 2px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    align-items: center;
    display: flex
}

.el-step.is-simple .el-step__head {
    font-size: 0;
    padding-right: 10px;
    width: auto
}

.el-step.is-simple .el-step__icon {
    background: transparent;
    font-size: 12px;
    height: 16px;
    width: 16px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    position: relative
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    overflow-wrap: break-word
}

.el-step.is-simple .el-step__arrow {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
    background: var(--el-text-color-placeholder);
    content: "";
    display: inline-block;
    height: 15px;
    position: absolute;
    width: 1px
}

.el-step.is-simple .el-step__arrow:before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-steps {
    display: flex
}

.el-steps--simple {
    background: var(--el-fill-color-light);
    border-radius: 4px;
    padding: 13px 8%
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    flex-flow: column;
    height: 100%
}

.el-switch {
    --el-switch-on-color: var(--el-color-primary);
    --el-switch-off-color: var(--el-border-color);
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    transition: var(--el-transition-duration-fast);
    vertical-align: middle
}

.el-switch__label.is-active {
    color: var(--el-color-primary)
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    display: inline-block;
    font-size: 14px;
    line-height: 1
}

.el-switch__label .el-icon {
    height: inherit
}

.el-switch__label .el-icon svg {
    vertical-align: middle
}

.el-switch__input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.el-switch__input:focus-visible~.el-switch__core {
    outline: 2px solid var(--el-switch-on-color);
    outline-offset: 1px
}

.el-switch__core {
    align-items: center;
    background: var(--el-switch-off-color);
    border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    min-width: 40px;
    outline: none;
    position: relative;
    transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration)
}

.el-switch__core .el-switch__inner {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    overflow: hidden;
    padding: 0 4px 0 18px;
    transition: all var(--el-transition-duration);
    width: 100%
}

.el-switch__core .el-switch__inner .is-icon,
.el-switch__core .el-switch__inner .is-text {
    color: var(--el-color-white);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-switch__core .el-switch__action {
    align-items: center;
    background-color: var(--el-color-white);
    border-radius: var(--el-border-radius-circle);
    color: var(--el-switch-off-color);
    display: flex;
    height: 16px;
    justify-content: center;
    left: 1px;
    position: absolute;
    transition: all var(--el-transition-duration);
    width: 16px
}

.el-switch.is-checked .el-switch__core {
    background-color: var(--el-switch-on-color);
    border-color: var(--el-switch-border-color, var(--el-switch-on-color))
}

.el-switch.is-checked .el-switch__core .el-switch__action {
    color: var(--el-switch-on-color);
    left: calc(100% - 17px)
}

.el-switch.is-checked .el-switch__core .el-switch__inner {
    padding: 0 18px 0 4px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter-from,
.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-switch--large {
    font-size: 14px;
    height: 40px;
    line-height: 24px
}

.el-switch--large .el-switch__label {
    font-size: 14px;
    height: 24px
}

.el-switch--large .el-switch__label * {
    font-size: 14px
}

.el-switch--large .el-switch__core {
    border-radius: 12px;
    height: 24px;
    min-width: 50px
}

.el-switch--large .el-switch__core .el-switch__inner {
    height: 20px;
    padding: 0 6px 0 22px
}

.el-switch--large .el-switch__core .el-switch__action {
    height: 20px;
    width: 20px
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 21px)
}

.el-switch--large.is-checked .el-switch__core .el-switch__inner {
    padding: 0 22px 0 6px
}

.el-switch--small {
    font-size: 12px;
    height: 24px;
    line-height: 16px
}

.el-switch--small .el-switch__label {
    font-size: 12px;
    height: 16px
}

.el-switch--small .el-switch__label * {
    font-size: 12px
}

.el-switch--small .el-switch__core {
    border-radius: 8px;
    height: 16px;
    min-width: 30px
}

.el-switch--small .el-switch__core .el-switch__inner {
    height: 12px;
    padding: 0 2px 0 14px
}

.el-switch--small .el-switch__core .el-switch__action {
    height: 12px;
    width: 12px
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 13px)
}

.el-switch--small.is-checked .el-switch__core .el-switch__inner {
    padding: 0 14px 0 2px
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    background-color: #fff;
    border: 1px solid var(--el-border-color-lighter);
    border-radius: 2px;
    box-shadow: var(--el-box-shadow-light);
    box-sizing: border-box
}

.el-table-filter__list {
    list-style: none;
    margin: 0;
    min-width: 100px;
    padding: 5px 0
}

.el-table-filter__list-item {
    cursor: pointer;
    font-size: var(--el-font-size-base);
    line-height: 36px;
    padding: 0 10px
}

.el-table-filter__list-item:hover {
    background-color: var(--el-color-primary-light-9);
    color: var(--el-color-primary)
}

.el-table-filter__list-item.is-active {
    background-color: var(--el-color-primary);
    color: #fff
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid var(--el-border-color-lighter);
    padding: 8px
}

.el-table-filter__bottom button {
    background: transparent;
    border: none;
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: var(--el-font-size-small);
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: var(--el-color-primary)
}

.el-table-filter__bottom button:focus {
    outline: none
}

.el-table-filter__bottom button.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    align-items: center;
    display: flex;
    height: unset;
    margin-bottom: 12px;
    margin-left: 5px;
    margin-right: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-table {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-bg-color);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-index: var(--el-index-normal);
    background-color: var(--el-table-bg-color);
    box-sizing: border-box;
    color: var(--el-table-text-color);
    font-size: 14px;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.el-table__inner-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.el-table__inner-wrapper:before {
    bottom: 0;
    height: 1px;
    left: 0
}

.el-table tbody:focus-visible {
    outline: none
}

.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell,
.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell {
    border-bottom-color: transparent
}

.el-table__empty-block {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 60px;
    position: sticky;
    text-align: center;
    width: 100%
}

.el-table__empty-text {
    color: var(--el-text-color-secondary);
    line-height: 60px;
    width: 50%
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table__expand-icon {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    position: relative;
    transition: transform var(--el-transition-duration-fast) ease-in-out
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    font-size: 12px
}

.el-table__expanded-cell {
    background-color: var(--el-table-expanded-cell-bg-color)
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-bottom: 0;
    border-right: 0
}

.el-table--fit .el-table__cell.gutter {
    border-right-width: 1px
}

.el-table--fit .el-table__inner-wrapper:before {
    width: 100%
}

.el-table thead {
    color: var(--el-table-header-text-color)
}

.el-table thead th {
    font-weight: 600
}

.el-table thead.is-group th.el-table__cell {
    background: var(--el-fill-color-light)
}

.el-table .el-table__cell {
    box-sizing: border-box;
    min-width: 0;
    padding: 8px 0;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    z-index: var(--el-table-index)
}

.el-table .el-table__cell.is-center {
    text-align: center
}

.el-table .el-table__cell.is-right {
    text-align: right
}

.el-table .el-table__cell.gutter {
    border-bottom-width: 0;
    border-right-width: 0;
    padding: 0;
    width: 15px
}

.el-table .el-table__cell.is-hidden>* {
    visibility: hidden
}

.el-table .cell {
    box-sizing: border-box;
    line-height: 23px;
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: normal
}

.el-table .cell.el-tooltip {
    min-width: 50px;
    white-space: nowrap
}

.el-table--large {
    font-size: var(--el-font-size-base)
}

.el-table--large .el-table__cell {
    padding: 12px 0
}

.el-table--large .cell {
    padding: 0 16px
}

.el-table--default {
    font-size: 14px
}

.el-table--default .el-table__cell {
    padding: 8px 0
}

.el-table--default .cell {
    padding: 0 12px
}

.el-table--small {
    font-size: 12px
}

.el-table--small .el-table__cell {
    padding: 4px 0
}

.el-table--small .cell {
    padding: 0 8px
}

.el-table tr {
    background-color: var(--el-table-tr-bg-color)
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
    border-bottom: var(--el-table-border)
}

.el-table th.el-table__cell.is-sortable {
    cursor: pointer
}

.el-table th.el-table__cell {
    background-color: var(--el-table-header-bg-color)
}

.el-table th.el-table__cell>.cell.highlight {
    color: var(--el-color-primary)
}

.el-table th.el-table__cell.required>div:before {
    background: #ff4d51;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 8px;
    margin-right: 5px;
    vertical-align: middle;
    width: 8px
}

.el-table td.el-table__cell div {
    box-sizing: border-box
}

.el-table td.el-table__cell.gutter {
    width: 0
}

.el-table--border .el-table__inner-wrapper:after,
.el-table--border:after,
.el-table--border:before,
.el-table__inner-wrapper:before {
    background-color: var(--el-table-border-color);
    content: "";
    position: absolute;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--border .el-table__inner-wrapper:after {
    height: 1px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--border:before {
    height: 100%;
    left: 0;
    top: -1px;
    width: 1px
}

.el-table--border:after {
    height: 100%;
    right: 0;
    top: -1px;
    width: 1px
}

.el-table--border .el-table__inner-wrapper {
    border-bottom: none;
    border-right: none
}

.el-table--border .el-table__footer-wrapper {
    flex-shrink: 0;
    position: relative
}

.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table--border th.el-table__cell.gutter:last-of-type {
    border-bottom: var(--el-table-border);
    border-bottom-width: 1px
}

.el-table--border th.el-table__cell {
    border-bottom: var(--el-table-border)
}

.el-table--hidden {
    visibility: hidden
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__body-wrapper tr td.el-table-fixed-column--left,
.el-table__body-wrapper tr td.el-table-fixed-column--right,
.el-table__body-wrapper tr th.el-table-fixed-column--left,
.el-table__body-wrapper tr th.el-table-fixed-column--right,
.el-table__footer-wrapper tr td.el-table-fixed-column--left,
.el-table__footer-wrapper tr td.el-table-fixed-column--right,
.el-table__footer-wrapper tr th.el-table-fixed-column--left,
.el-table__footer-wrapper tr th.el-table-fixed-column--right,
.el-table__header-wrapper tr td.el-table-fixed-column--left,
.el-table__header-wrapper tr td.el-table-fixed-column--right,
.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background: inherit;
    position: sticky !important;
    z-index: calc(var(--el-table-index) + 1)
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    bottom: -1px;
    box-shadow: none;
    content: "";
    overflow-x: hidden;
    overflow-y: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
    left: -10px
}

.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,
.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
    box-shadow: none;
    right: -10px
}

.el-table__body-wrapper tr td.el-table__fixed-right-patch,
.el-table__body-wrapper tr th.el-table__fixed-right-patch,
.el-table__footer-wrapper tr td.el-table__fixed-right-patch,
.el-table__footer-wrapper tr th.el-table__fixed-right-patch,
.el-table__header-wrapper tr td.el-table__fixed-right-patch,
.el-table__header-wrapper tr th.el-table__fixed-right-patch {
    background: #fff;
    position: sticky !important;
    right: 0;
    z-index: calc(var(--el-table-index) + 1)
}

.el-table__header-wrapper {
    flex-shrink: 0
}

.el-table__header-wrapper tr th.el-table-fixed-column--left,
.el-table__header-wrapper tr th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body,
.el-table__footer,
.el-table__header {
    border-collapse: separate;
    table-layout: fixed
}

.el-table__header-wrapper {
    overflow: hidden
}

.el-table__header-wrapper tbody td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color);
    color: var(--el-table-text-color)
}

.el-table__footer-wrapper {
    flex-shrink: 0;
    overflow: hidden
}

.el-table__footer-wrapper tfoot td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color);
    color: var(--el-table-text-color)
}

.el-table__body-wrapper .el-table-column--selection>.cell,
.el-table__header-wrapper .el-table-column--selection>.cell {
    align-items: center;
    display: inline-flex;
    height: 23px
}

.el-table__body-wrapper .el-table-column--selection .el-checkbox,
.el-table__header-wrapper .el-table-column--selection .el-checkbox {
    height: unset
}

.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: var(--el-table-border)
}

.el-table.is-scrolling-left th.el-table-fixed-column--left {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-right th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
    border-right: none
}

.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before {
    box-shadow: var(--el-table-fixed-right-column)
}

.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before {
    box-shadow: var(--el-table-fixed-left-column)
}

.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,
.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before {
    box-shadow: none
}

.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
    background-color: var(--el-table-header-bg-color)
}

.el-table__body-wrapper {
    flex: 1;
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper .el-scrollbar__bar {
    z-index: calc(var(--el-table-index) + 2)
}

.el-table .caret-wrapper {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    height: 14px;
    overflow: initial;
    position: relative;
    vertical-align: middle;
    width: 24px
}

.el-table .sort-caret {
    border: 5px solid transparent;
    height: 0;
    left: 7px;
    position: absolute;
    width: 0
}

.el-table .sort-caret.ascending {
    border-bottom-color: var(--el-text-color-placeholder);
    top: -5px
}

.el-table .sort-caret.descending {
    border-top-color: var(--el-text-color-placeholder);
    bottom: -3px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: var(--el-color-primary)
}

.el-table .descending .sort-caret.descending {
    border-top-color: var(--el-color-primary)
}

.el-table .hidden-columns {
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: var(--el-fill-color-lighter)
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table__body tr.hover-row.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,
.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,
.el-table__body tr.hover-row>td.el-table__cell,
.el-table__body tr>td.hover-cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table__body tr.current-row>td.el-table__cell {
    background-color: var(--el-table-current-row-bg-color)
}

.el-table.el-table--scrollable-y .el-table__body-header {
    position: sticky;
    top: 0;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table.el-table--scrollable-y .el-table__body-footer {
    bottom: 0;
    position: sticky;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table__column-resize-proxy {
    border-left: var(--el-table-border);
    bottom: 0;
    left: 200px;
    position: absolute;
    top: 0;
    width: 0;
    z-index: calc(var(--el-table-index) + 9)
}

.el-table__column-filter-trigger {
    cursor: pointer;
    display: inline-block
}

.el-table__column-filter-trigger i {
    color: var(--el-color-info);
    font-size: 14px;
    vertical-align: middle
}

.el-table__border-left-patch {
    height: 100%;
    top: 0;
    width: 1px
}

.el-table__border-bottom-patch,
.el-table__border-left-patch {
    background-color: var(--el-table-border-color);
    left: 0;
    position: absolute;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table__border-bottom-patch {
    height: 1px
}

.el-table__border-right-patch {
    background-color: var(--el-table-border-color);
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    z-index: calc(var(--el-table-index) + 2)
}

.el-table--enable-row-transition .el-table__body td.el-table__cell {
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    margin-right: 8px;
    text-align: center;
    width: 12px
}

.el-table .el-table.el-table--border .el-table__cell {
    border-right: var(--el-table-border)
}

.el-table:not(.el-table--border) .el-table__cell {
    border-right: none
}

.el-table:not(.el-table--border)>.el-table__inner-wrapper:after {
    content: none
}

.el-table-v2 {
    --el-table-border-color: var(--el-border-color-lighter);
    --el-table-border: 1px solid var(--el-table-border-color);
    --el-table-text-color: var(--el-text-color-regular);
    --el-table-header-text-color: var(--el-text-color-secondary);
    --el-table-row-hover-bg-color: var(--el-fill-color-light);
    --el-table-current-row-bg-color: var(--el-color-primary-light-9);
    --el-table-header-bg-color: var(--el-bg-color);
    --el-table-fixed-box-shadow: var(--el-box-shadow-light);
    --el-table-bg-color: var(--el-fill-color-blank);
    --el-table-tr-bg-color: var(--el-bg-color);
    --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
    --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
    --el-table-index: var(--el-index-normal);
    font-size: 14px
}

.el-table-v2 * {
    box-sizing: border-box
}

.el-table-v2__root {
    position: relative
}

.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
    opacity: 1
}

.el-table-v2__main {
    background-color: var(--el-bg-color);
    display: flex;
    flex-direction: column-reverse;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.el-table-v2__main .el-vl__horizontal,
.el-table-v2__main .el-vl__vertical {
    z-index: 2
}

.el-table-v2__left {
    background-color: var(--el-bg-color);
    box-shadow: 2px 0 4px #0000000f;
    display: flex;
    flex-direction: column-reverse;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0
}

.el-table-v2__left .el-virtual-scrollbar {
    opacity: 0
}

.el-table-v2__left .el-vl__horizontal,
.el-table-v2__left .el-vl__vertical {
    z-index: -1
}

.el-table-v2__right {
    background-color: var(--el-bg-color);
    box-shadow: -2px 0 4px #0000000f;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.el-table-v2__right .el-virtual-scrollbar {
    opacity: 0
}

.el-table-v2__right .el-vl__horizontal,
.el-table-v2__right .el-vl__vertical {
    z-index: -1
}

.el-table-v2__header-row,
.el-table-v2__row {
    padding-inline-end: var(--el-table-scrollbar-size)
}

.el-table-v2__header-wrapper {
    overflow: hidden
}

.el-table-v2__header {
    overflow: hidden;
    position: relative
}

.el-table-v2__footer {
    bottom: 0;
    overflow: hidden;
    right: 0
}

.el-table-v2__empty,
.el-table-v2__footer,
.el-table-v2__overlay {
    left: 0;
    position: absolute
}

.el-table-v2__overlay {
    bottom: 0;
    right: 0;
    top: 0;
    z-index: 9999
}

.el-table-v2__header-row {
    border-bottom: var(--el-table-border);
    display: flex
}

.el-table-v2__header-cell {
    align-items: center;
    background-color: var(--el-table-header-bg-color);
    color: var(--el-table-header-text-color);
    display: flex;
    font-weight: 700;
    height: 100%;
    overflow: hidden;
    padding: 0 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table-v2__header-cell.is-align-center {
    justify-content: center;
    text-align: center
}

.el-table-v2__header-cell.is-align-right {
    justify-content: flex-end;
    text-align: right
}

.el-table-v2__header-cell.is-sortable {
    cursor: pointer
}

.el-table-v2__header-cell:hover .el-icon {
    display: block
}

.el-table-v2__sort-icon {
    display: none;
    opacity: .6;
    transition: opacity, display var(--el-transition-duration)
}

.el-table-v2__sort-icon.is-sorting {
    display: block;
    opacity: 1
}

.el-table-v2__row {
    align-items: center;
    border-bottom: var(--el-table-border);
    display: flex;
    transition: background-color var(--el-transition-duration)
}

.el-table-v2__row.is-hovered,
.el-table-v2__row:hover {
    background-color: var(--el-table-row-hover-bg-color)
}

.el-table-v2__row-cell {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    padding: 0 8px
}

.el-table-v2__row-cell.is-align-center {
    justify-content: center;
    text-align: center
}

.el-table-v2__row-cell.is-align-right {
    justify-content: flex-end;
    text-align: right
}

.el-table-v2__expand-icon {
    cursor: pointer;
    margin: 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-table-v2__expand-icon svg {
    transition: transform var(--el-transition-duration)
}

.el-table-v2__expand-icon.is-expanded svg {
    transform: rotate(90deg)
}

.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-table-v2.is-dynamic .el-table-v2__row {
    align-items: stretch;
    overflow: hidden
}

.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
    overflow-wrap: break-word
}

.el-tabs {
    --el-tabs-header-height: 40px;
    display: flex
}

.el-tabs__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 0 15px;
    padding: 0;
    position: relative
}

.el-tabs__header-vertical {
    flex-direction: column
}

.el-tabs__active-bar {
    background-color: var(--el-color-primary);
    bottom: 0;
    height: 2px;
    left: 0;
    list-style: none;
    position: absolute;
    transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    z-index: 1
}

.el-tabs__new-tab {
    align-items: center;
    border: 1px solid var(--el-border-color);
    border-radius: 3px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: flex;
    font-size: 12px;
    height: 20px;
    justify-content: center;
    line-height: 20px;
    margin: 10px 0 10px 10px;
    text-align: center;
    transition: all .15s;
    width: 20px
}

.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    transform: scale(.8);
    width: inherit
}

.el-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle
}

.el-tabs__new-tab:hover {
    color: var(--el-color-primary)
}

.el-tabs__new-tab-vertical {
    margin-left: 0
}

.el-tabs__nav-wrap {
    flex: 1 auto;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative
}

.el-tabs__nav-wrap:after {
    background-color: var(--el-border-color-light);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-tabs__nav-wrap.is-scrollable {
    box-sizing: border-box;
    padding: 0 20px
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    width: 20px
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    display: flex;
    float: left;
    position: relative;
    transition: transform var(--el-transition-duration);
    white-space: nowrap;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-tabs__nav.is-stretch {
    display: flex;
    min-width: 100%
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    align-items: center;
    box-sizing: border-box;
    color: var(--el-text-color-primary);
    display: flex;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    height: var(--el-tabs-header-height);
    justify-content: center;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus-visible {
    border-radius: 3px;
    box-shadow: 0 0 2px 2px var(--el-color-primary) inset
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    margin-left: 5px;
    text-align: center;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs__item .is-icon-close:before {
    display: inline-block;
    transform: scale(.9)
}

.el-tabs__item .is-icon-close:hover {
    background-color: var(--el-text-color-placeholder);
    color: #fff
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
    color: var(--el-color-primary)
}

.el-tabs__item:hover {
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-tabs__content {
    flex-grow: 1;
    overflow: hidden;
    position: relative
}

.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 0
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid var(--el-border-color-light);
    height: var(--el-tabs-header-height)
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close {
    font-size: 12px;
    height: 14px;
    overflow: hidden;
    position: relative;
    right: -2px;
    transform-origin: 100% 50%;
    width: 0
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid var(--el-border-color-light);
    transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: var(--el-bg-color)
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: var(--el-fill-color-light);
    border-bottom: 1px solid var(--el-border-color-light);
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    border: 1px solid transparent;
    color: var(--el-text-color-secondary);
    margin-top: -1px;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    background-color: var(--el-bg-color-overlay);
    border-left-color: var(--el-border-color);
    border-right-color: var(--el-border-color);
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: var(--el-color-primary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: var(--el-disabled-text-color)
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom {
    flex-direction: column
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid var(--el-border-color)
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-bottom: 0;
    margin-top: -1px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    bottom: auto;
    height: auto;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    bottom: 0;
    right: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    bottom: auto;
    height: 100%;
    top: 0;
    width: 2px
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    flex-direction: column
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-left {
    justify-content: flex-end
}

.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-right {
    justify-content: flex-start
}

.el-tabs--left {
    flex-direction: row-reverse
}

.el-tabs--left .el-tabs__header.is-left {
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border-bottom: none;
    border-left: none;
    border-right: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid var(--el-border-color-light);
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #fff
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid var(--el-border-color-light);
    border-radius: 4px 0 0 4px;
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid var(--el-border-color)
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: rgb(209, 219, 229) transparent
}

.el-tabs--right .el-tabs__header.is-right {
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid var(--el-border-color-light)
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid var(--el-border-color-light);
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: 1px solid var(--el-border-color-light);
    border-bottom: none;
    border-left: 1px solid #fff;
    border-right: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-bottom: 1px solid var(--el-border-color-light);
    border-left: none;
    border-radius: 0 4px 4px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid var(--el-border-color)
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: rgb(209, 219, 229) transparent
}

.el-tabs--top {
    flex-direction: column-reverse
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter var(--el-transition-duration)
}

.slideInRight-leave {
    animation: slideInRight-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

.slideInLeft-enter {
    animation: slideInLeft-enter var(--el-transition-duration)
}

.slideInLeft-leave {
    animation: slideInLeft-leave var(--el-transition-duration);
    left: 0;
    position: absolute;
    right: 0
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }

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

@keyframes slideInRight-leave {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(100%);
        transform-origin: 0 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }

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

@keyframes slideInLeft-leave {
    0% {
        opacity: 1;
        transform: translate(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translate(-100%);
        transform-origin: 0 0
    }
}

.el-tag {
    --el-tag-font-size: 12px;
    --el-tag-border-radius: 4px;
    --el-tag-border-radius-rounded: 9999px;
    align-items: center;
    background-color: var(--el-tag-bg-color);
    border-color: var(--el-tag-border-color);
    border-radius: var(--el-tag-border-radius);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(--el-tag-text-color);
    display: inline-flex;
    font-size: var(--el-tag-font-size);
    height: 24px;
    justify-content: center;
    line-height: 1;
    padding: 0 9px;
    vertical-align: middle;
    white-space: nowrap;
    --el-icon-size: 14px
}

.el-tag,
.el-tag.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary-light-9);
    --el-tag-border-color: var(--el-color-primary-light-8);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-bg-color: var(--el-color-success-light-9);
    --el-tag-border-color: var(--el-color-success-light-8);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning-light-9);
    --el-tag-border-color: var(--el-color-warning-light-8);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger-light-9);
    --el-tag-border-color: var(--el-color-danger-light-8);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-bg-color: var(--el-color-error-light-9);
    --el-tag-border-color: var(--el-color-error-light-8);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-bg-color: var(--el-color-info-light-9);
    --el-tag-border-color: var(--el-color-info-light-8);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.is-round {
    border-radius: var(--el-tag-border-radius-rounded)
}

.el-tag .el-tag__close {
    color: var(--el-tag-text-color);
    flex-shrink: 0
}

.el-tag .el-tag__close:hover {
    background-color: var(--el-tag-hover-color);
    color: var(--el-color-white)
}

.el-tag.el-tag--primary {
    --el-tag-text-color: var(--el-color-primary)
}

.el-tag.el-tag--success {
    --el-tag-text-color: var(--el-color-success)
}

.el-tag.el-tag--warning {
    --el-tag-text-color: var(--el-color-warning)
}

.el-tag.el-tag--danger {
    --el-tag-text-color: var(--el-color-danger)
}

.el-tag.el-tag--error {
    --el-tag-text-color: var(--el-color-error)
}

.el-tag.el-tag--info {
    --el-tag-text-color: var(--el-color-info)
}

.el-tag .el-icon {
    border-radius: 50%;
    cursor: pointer;
    font-size: calc(var(--el-icon-size) - 2px);
    height: var(--el-icon-size);
    width: var(--el-icon-size)
}

.el-tag .el-tag__close {
    margin-left: 6px
}

.el-tag--dark {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--dark,
.el-tag--dark.el-tag--primary {
    --el-tag-bg-color: var(--el-color-primary);
    --el-tag-border-color: var(--el-color-primary);
    --el-tag-hover-color: var(--el-color-primary-light-3)
}

.el-tag--dark.el-tag--success {
    --el-tag-bg-color: var(--el-color-success);
    --el-tag-border-color: var(--el-color-success);
    --el-tag-hover-color: var(--el-color-success-light-3)
}

.el-tag--dark.el-tag--warning {
    --el-tag-bg-color: var(--el-color-warning);
    --el-tag-border-color: var(--el-color-warning);
    --el-tag-hover-color: var(--el-color-warning-light-3)
}

.el-tag--dark.el-tag--danger {
    --el-tag-bg-color: var(--el-color-danger);
    --el-tag-border-color: var(--el-color-danger);
    --el-tag-hover-color: var(--el-color-danger-light-3)
}

.el-tag--dark.el-tag--error {
    --el-tag-bg-color: var(--el-color-error);
    --el-tag-border-color: var(--el-color-error);
    --el-tag-hover-color: var(--el-color-error-light-3)
}

.el-tag--dark.el-tag--info {
    --el-tag-bg-color: var(--el-color-info);
    --el-tag-border-color: var(--el-color-info);
    --el-tag-hover-color: var(--el-color-info-light-3)
}

.el-tag--dark.el-tag--danger,
.el-tag--dark.el-tag--error,
.el-tag--dark.el-tag--info,
.el-tag--dark.el-tag--primary,
.el-tag--dark.el-tag--success,
.el-tag--dark.el-tag--warning {
    --el-tag-text-color: var(--el-color-white)
}

.el-tag--plain,
.el-tag--plain.el-tag--primary {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-primary-light-5);
    --el-tag-hover-color: var(--el-color-primary)
}

.el-tag--plain.el-tag--success {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-success-light-5);
    --el-tag-hover-color: var(--el-color-success)
}

.el-tag--plain.el-tag--warning {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-warning-light-5);
    --el-tag-hover-color: var(--el-color-warning)
}

.el-tag--plain.el-tag--danger {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-danger-light-5);
    --el-tag-hover-color: var(--el-color-danger)
}

.el-tag--plain.el-tag--error {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-error-light-5);
    --el-tag-hover-color: var(--el-color-error)
}

.el-tag--plain.el-tag--info {
    --el-tag-bg-color: var(--el-fill-color-blank);
    --el-tag-border-color: var(--el-color-info-light-5);
    --el-tag-hover-color: var(--el-color-info)
}

.el-tag.is-closable {
    padding-right: 5px
}

.el-tag--large {
    height: 32px;
    padding: 0 11px;
    --el-icon-size: 16px
}

.el-tag--large .el-tag__close {
    margin-left: 8px
}

.el-tag--large.is-closable {
    padding-right: 7px
}

.el-tag--small {
    height: 20px;
    padding: 0 7px;
    --el-icon-size: 12px
}

.el-tag--small .el-tag__close {
    margin-left: 4px
}

.el-tag--small.is-closable {
    padding-right: 3px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag.el-tag--primary.is-hit {
    border-color: var(--el-color-primary)
}

.el-tag.el-tag--success.is-hit {
    border-color: var(--el-color-success)
}

.el-tag.el-tag--warning.is-hit {
    border-color: var(--el-color-warning)
}

.el-tag.el-tag--danger.is-hit {
    border-color: var(--el-color-danger)
}

.el-tag.el-tag--error.is-hit {
    border-color: var(--el-color-error)
}

.el-tag.el-tag--info.is-hit {
    border-color: var(--el-color-info)
}

.el-text {
    --el-text-font-size: var(--el-font-size-base);
    --el-text-color: var(--el-text-color-regular);
    align-self: center;
    color: var(--el-text-color);
    font-size: var(--el-text-font-size);
    margin: 0;
    overflow-wrap: break-word;
    padding: 0
}

.el-text.is-truncated {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-text.is-line-clamp {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.el-text--large {
    --el-text-font-size: var(--el-font-size-medium)
}

.el-text--default {
    --el-text-font-size: var(--el-font-size-base)
}

.el-text--small {
    --el-text-font-size: var(--el-font-size-extra-small)
}

.el-text.el-text--primary {
    --el-text-color: var(--el-color-primary)
}

.el-text.el-text--success {
    --el-text-color: var(--el-color-success)
}

.el-text.el-text--warning {
    --el-text-color: var(--el-color-warning)
}

.el-text.el-text--danger {
    --el-text-color: var(--el-color-danger)
}

.el-text.el-text--error {
    --el-text-color: var(--el-color-error)
}

.el-text.el-text--info {
    --el-text-color: var(--el-color-info)
}

.el-text>.el-icon {
    vertical-align: -2px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    margin: 0;
    max-height: 200px
}

.time-select-item {
    font-size: 14px;
    line-height: 20px;
    padding: 8px 10px
}

.time-select-item.disabled {
    color: var(--el-datepicker-border-color);
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: var(--el-fill-color-light);
    cursor: pointer;
    font-weight: 700
}

.time-select .time-select-item.selected:not(.disabled) {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-timeline-item {
    padding-bottom: 20px;
    position: relative
}

.el-timeline-item__wrapper {
    padding-left: 28px;
    position: relative;
    top: -3px
}

.el-timeline-item__tail {
    border-left: 2px solid var(--el-timeline-node-color);
    height: 100%;
    left: 4px;
    position: absolute
}

.el-timeline-item .el-timeline-item__icon {
    color: var(--el-color-white);
    font-size: var(--el-font-size-small)
}

.el-timeline-item__node {
    align-items: center;
    background-color: var(--el-timeline-node-color);
    border-color: var(--el-timeline-node-color);
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-timeline-item__node--normal {
    height: var(--el-timeline-node-size-normal);
    left: -1px;
    width: var(--el-timeline-node-size-normal)
}

.el-timeline-item__node--large {
    height: var(--el-timeline-node-size-large);
    left: -2px;
    width: var(--el-timeline-node-size-large)
}

.el-timeline-item__node.is-hollow {
    background: var(--el-color-white);
    border-style: solid;
    border-width: 2px
}

.el-timeline-item__node--primary {
    background-color: var(--el-color-primary);
    border-color: var(--el-color-primary)
}

.el-timeline-item__node--success {
    background-color: var(--el-color-success);
    border-color: var(--el-color-success)
}

.el-timeline-item__node--warning {
    background-color: var(--el-color-warning);
    border-color: var(--el-color-warning)
}

.el-timeline-item__node--danger {
    background-color: var(--el-color-danger);
    border-color: var(--el-color-danger)
}

.el-timeline-item__node--info {
    background-color: var(--el-color-info);
    border-color: var(--el-color-info)
}

.el-timeline-item__dot {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.el-timeline-item__content {
    color: var(--el-text-color-primary)
}

.el-timeline-item__timestamp {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-small);
    line-height: 1
}

.el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.el-timeline-item__timestamp.is-bottom {
    margin-top: 8px
}

.el-timeline {
    --el-timeline-node-size-normal: 12px;
    --el-timeline-node-size-large: 14px;
    --el-timeline-node-color: var(--el-border-color-light);
    font-size: var(--el-font-size-base);
    list-style: none;
    margin: 0
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
}

.el-timeline .el-timeline-item__center {
    align-items: center;
    display: flex
}

.el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
    width: 100%
}

.el-timeline .el-timeline-item__center .el-timeline-item__tail {
    top: 0
}

.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
    height: calc(50% + 10px);
    top: calc(50% - 10px)
}

.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
    display: block;
    height: calc(50% - 10px)
}

.el-tooltip-v2__content {
    --el-tooltip-v2-padding: 5px 10px;
    --el-tooltip-v2-border-radius: 4px;
    --el-tooltip-v2-border-color: var(--el-border-color);
    background-color: var(--el-color-white);
    border: 1px solid var(--el-border-color);
    border-radius: var(--el-tooltip-v2-border-radius);
    color: var(--el-color-black);
    padding: var(--el-tooltip-v2-padding)
}

.el-tooltip-v2__arrow {
    color: var(--el-color-white);
    height: var(--el-tooltip-v2-arrow-height);
    left: var(--el-tooltip-v2-arrow-x);
    pointer-events: none;
    position: absolute;
    top: var(--el-tooltip-v2-arrow-y);
    width: var(--el-tooltip-v2-arrow-width)
}

.el-tooltip-v2__arrow:after,
.el-tooltip-v2__arrow:before {
    border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
    content: "";
    height: 0;
    position: absolute;
    width: 0
}

.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
    bottom: 0
}

.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before {
    border-bottom: 0;
    border-top-color: var(--el-color-white);
    border-top-width: var(--el-tooltip-v2-arrow-border-width);
    top: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after {
    border-bottom: 0;
    border-top-color: var(--el-border-color);
    border-top-width: var(--el-tooltip-v2-arrow-border-width);
    top: 100%;
    z-index: -1
}

.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
    top: 0
}

.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before {
    border-bottom-color: var(--el-color-white);
    border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
    border-top: 0;
    bottom: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after {
    border-bottom-color: var(--el-border-color);
    border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
    border-top: 0;
    bottom: 100%;
    z-index: -1
}

.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
    right: 0
}

.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before {
    border-left-color: var(--el-color-white);
    border-left-width: var(--el-tooltip-v2-arrow-border-width);
    border-right: 0;
    left: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after {
    border-left-color: var(--el-border-color);
    border-left-width: var(--el-tooltip-v2-arrow-border-width);
    border-right: 0;
    left: 100%;
    z-index: -1
}

.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
    left: 0
}

.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before {
    border-left: 0;
    border-right-color: var(--el-color-white);
    border-right-width: var(--el-tooltip-v2-arrow-border-width);
    right: calc(100% - 1px)
}

.el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after {
    border-left: 0;
    border-right-color: var(--el-border-color);
    border-right-width: var(--el-tooltip-v2-arrow-border-width);
    right: 100%;
    z-index: -1
}

.el-tooltip-v2__content.is-dark {
    --el-tooltip-v2-border-color: transparent;
    color: var(--el-color-white)
}

.el-tooltip-v2__content.is-dark,
.el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
    background-color: var(--el-color-black);
    border-color: transparent
}

.el-transfer {
    --el-transfer-border-color: var(--el-border-color-lighter);
    --el-transfer-border-radius: var(--el-border-radius-base);
    --el-transfer-panel-width: 200px;
    --el-transfer-panel-header-height: 40px;
    --el-transfer-panel-header-bg-color: var(--el-fill-color-light);
    --el-transfer-panel-footer-height: 40px;
    --el-transfer-panel-body-height: 278px;
    --el-transfer-item-height: 30px;
    --el-transfer-filter-height: 32px;
    font-size: var(--el-font-size-base)
}

.el-transfer__buttons {
    display: inline-block;
    padding: 0 30px;
    vertical-align: middle
}

.el-transfer__button {
    vertical-align: top
}

.el-transfer__button:nth-child(2) {
    margin: 0 0 0 10px
}

.el-transfer__button i,
.el-transfer__button span {
    font-size: 14px
}

.el-transfer__button .el-icon+span {
    margin-left: 0
}

.el-transfer-panel {
    background: var(--el-bg-color-overlay);
    box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: var(--el-transfer-panel-width)
}

.el-transfer-panel__body {
    border-bottom: 1px solid var(--el-transfer-border-color);
    border-bottom-left-radius: var(--el-transfer-border-radius);
    border-bottom-right-radius: var(--el-transfer-border-radius);
    border-left: 1px solid var(--el-transfer-border-color);
    border-right: 1px solid var(--el-transfer-border-color);
    height: var(--el-transfer-panel-body-height);
    overflow: hidden
}

.el-transfer-panel__body.is-with-footer {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-transfer-panel__list {
    box-sizing: border-box;
    height: var(--el-transfer-panel-body-height);
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 6px 0
}

.el-transfer-panel__list.is-filterable {
    height: calc(100% - var(--el-transfer-filter-height) - 30px);
    padding-top: 0
}

.el-transfer-panel__item {
    display: block !important;
    height: var(--el-transfer-item-height);
    line-height: var(--el-transfer-item-height);
    padding-left: 15px
}

.el-transfer-panel__item+.el-transfer-panel__item {
    margin-left: 0
}

.el-transfer-panel__item.el-checkbox {
    color: var(--el-text-color-regular)
}

.el-transfer-panel__item:hover {
    color: var(--el-color-primary)
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    box-sizing: border-box;
    display: block;
    line-height: var(--el-transfer-item-height);
    overflow: hidden;
    padding-left: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    box-sizing: border-box;
    padding: 15px;
    text-align: center
}

.el-transfer-panel__filter .el-input__inner {
    border-radius: calc(var(--el-transfer-filter-height)/2);
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    height: var(--el-transfer-filter-height);
    width: 100%
}

.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-transfer-panel .el-transfer-panel__header {
    align-items: center;
    background: var(--el-transfer-panel-header-bg-color);
    border: 1px solid var(--el-transfer-border-color);
    border-top-left-radius: var(--el-transfer-border-radius);
    border-top-right-radius: var(--el-transfer-border-radius);
    box-sizing: border-box;
    color: var(--el-color-black);
    display: flex;
    height: var(--el-transfer-panel-header-height);
    margin: 0;
    padding-left: 15px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    align-items: center;
    display: flex;
    position: relative;
    width: 100%
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    color: var(--el-text-color-primary);
    font-size: 16px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    color: var(--el-text-color-secondary);
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.el-transfer-panel .el-transfer-panel__footer {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-transfer-border-color);
    border-bottom-left-radius: var(--el-transfer-border-radius);
    border-bottom-right-radius: var(--el-transfer-border-radius);
    height: var(--el-transfer-panel-footer-height);
    margin: 0;
    padding: 0
}

.el-transfer-panel .el-transfer-panel__footer:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    color: var(--el-text-color-regular);
    padding-left: 20px
}

.el-transfer-panel .el-transfer-panel__empty {
    color: var(--el-text-color-secondary);
    height: var(--el-transfer-item-height);
    line-height: var(--el-transfer-item-height);
    margin: 0;
    padding: 6px 15px 0;
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    border-radius: 3px;
    height: 14px;
    width: 14px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    left: 4px;
    width: 3px
}

.el-tree {
    --el-tree-node-content-height: 26px;
    --el-tree-node-hover-bg-color: var(--el-fill-color-light);
    --el-tree-text-color: var(--el-text-color-regular);
    --el-tree-expand-icon-color: var(--el-text-color-placeholder);
    background: var(--el-fill-color-blank);
    color: var(--el-tree-text-color);
    cursor: default;
    font-size: var(--el-font-size-base);
    position: relative
}

.el-tree__empty-block {
    height: 100%;
    min-height: 60px;
    position: relative;
    text-align: center;
    width: 100%
}

.el-tree__empty-text {
    color: var(--el-text-color-secondary);
    font-size: var(--el-font-size-base);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.el-tree__drop-indicator {
    background-color: var(--el-color-primary);
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.el-tree-node {
    outline: none;
    white-space: nowrap
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: var(--el-tree-node-hover-bg-color)
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: var(--el-color-primary);
    color: #fff
}

.el-tree-node__content {
    --el-checkbox-height: var(--el-tree-node-content-height);
    align-items: center;
    cursor: pointer;
    display: flex;
    height: var(--el-tree-node-content-height)
}

.el-tree-node__content>.el-tree-node__expand-icon {
    box-sizing: content-box;
    padding: 6px
}

.el-tree-node__content>label.el-checkbox {
    margin-right: 8px
}

.el-tree-node__content:hover {
    background-color: var(--el-tree-node-hover-bg-color)
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    color: var(--el-tree-expand-icon-color);
    cursor: pointer;
    font-size: 12px;
    transform: rotate(0);
    transition: transform var(--el-transition-duration) ease-in-out
}

.el-tree-node__expand-icon.expanded {
    transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default;
    visibility: hidden
}

.el-tree-node__expand-icon.is-hidden {
    visibility: hidden
}

.el-tree-node__loading-icon {
    color: var(--el-tree-expand-icon-color);
    font-size: var(--el-font-size-base);
    margin-right: 8px
}

.el-tree-node>.el-tree-node__children {
    background-color: transparent;
    overflow: hidden
}

.el-tree-node.is-expanded>.el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: var(--el-color-primary-light-9)
}

.el-tree-select {
    --el-tree-node-content-height: 26px;
    --el-tree-node-hover-bg-color: var(--el-fill-color-light);
    --el-tree-text-color: var(--el-text-color-regular);
    --el-tree-expand-icon-color: var(--el-text-color-placeholder)
}

.el-tree-select__popper .el-tree-node__expand-icon {
    margin-left: 8px
}

.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after {
    content: none
}

.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item {
    padding-left: 32px
}

.el-tree-select__popper .el-select-dropdown__item {
    background: transparent !important;
    flex: 1;
    height: 20px;
    line-height: 20px;
    padding-left: 0
}

.el-upload {
    --el-upload-dragger-padding-horizontal: 40px;
    --el-upload-dragger-padding-vertical: 10px;
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    outline: none
}

.el-upload.is-disabled {
    cursor: not-allowed
}

.el-upload.is-disabled:focus {
    color: inherit
}

.el-upload.is-disabled:focus,
.el-upload.is-disabled:focus .el-upload-dragger {
    border-color: var(--el-border-color-darker)
}

.el-upload.is-disabled .el-upload-dragger {
    background-color: var(--el-disabled-bg-color);
    cursor: not-allowed
}

.el-upload.is-disabled .el-upload-dragger .el-upload__text {
    color: var(--el-text-color-placeholder)
}

.el-upload.is-disabled .el-upload-dragger .el-upload__text em {
    color: var(--el-disabled-text-color)
}

.el-upload.is-disabled .el-upload-dragger:hover {
    border-color: var(--el-border-color-darker)
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    color: var(--el-text-color-regular);
    font-size: 12px;
    margin-top: 7px
}

.el-upload iframe {
    filter: alpha(opacity=0);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.el-upload--picture-card {
    --el-upload-picture-card-size: 148px;
    align-items: center;
    background-color: var(--el-fill-color-lighter);
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: var(--el-upload-picture-card-size);
    justify-content: center;
    vertical-align: top;
    width: var(--el-upload-picture-card-size)
}

.el-upload--picture-card>i {
    color: var(--el-text-color-secondary);
    font-size: 28px
}

.el-upload--picture-card:hover {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-upload.is-drag {
    display: block
}

.el-upload:focus {
    color: var(--el-color-primary)
}

.el-upload:focus,
.el-upload:focus .el-upload-dragger {
    border-color: var(--el-color-primary)
}

.el-upload-dragger {
    background-color: var(--el-fill-color-blank);
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
    position: relative;
    text-align: center
}

.el-upload-dragger .el-icon--upload {
    color: var(--el-text-color-placeholder);
    font-size: 67px;
    line-height: 50px;
    margin-bottom: 16px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: var(--el-border);
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: var(--el-color-primary);
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: var(--el-color-primary)
}

.el-upload-dragger.is-dragover {
    background-color: var(--el-color-primary-light-9);
    border: 2px dashed var(--el-color-primary);
    padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px)
}

.el-upload-list {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    position: relative
}

.el-upload-list__item {
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    font-size: 14px;
    margin-bottom: 5px;
    position: relative;
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item .el-icon--upload-success {
    color: var(--el-color-success)
}

.el-upload-list__item .el-icon--close {
    color: var(--el-text-color-regular);
    cursor: pointer;
    display: none;
    opacity: .75;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity var(--el-transition-duration)
}

.el-upload-list__item .el-icon--close:hover {
    color: var(--el-color-primary);
    opacity: 1
}

.el-upload-list__item .el-icon--close-tip {
    color: var(--el-color-primary);
    cursor: pointer;
    display: none;
    font-size: 12px;
    font-style: normal;
    opacity: 1;
    position: absolute;
    right: 5px;
    top: 1px
}

.el-upload-list__item:hover {
    background-color: var(--el-fill-color-light)
}

.el-upload-list__item:hover .el-icon--close {
    display: inline-flex
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item .el-upload-list__item-info {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4px;
    width: calc(100% - 30px)
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: inline-flex
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: var(--el-color-primary);
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon--close-tip,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip {
    display: none
}

.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label {
    display: none;
    opacity: 0
}

.el-upload-list__item-name {
    align-items: center;
    color: var(--el-text-color-regular);
    display: inline-flex;
    font-size: var(--el-font-size-base);
    padding: 0 4px;
    text-align: center;
    transition: color var(--el-transition-duration)
}

.el-upload-list__item-name .el-icon {
    color: var(--el-text-color-secondary);
    margin-right: 6px
}

.el-upload-list__item-file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-upload-list__item-status-label {
    align-items: center;
    display: none;
    height: 100%;
    justify-content: center;
    line-height: inherit;
    position: absolute;
    right: 5px;
    top: 0;
    transition: opacity var(--el-transition-duration)
}

.el-upload-list__item-delete {
    color: var(--el-text-color-regular);
    display: none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0
}

.el-upload-list__item-delete:hover {
    color: var(--el-color-primary)
}

.el-upload-list--picture-card {
    --el-upload-list-picture-card-size: 148px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.el-upload-list--picture-card .el-upload-list__item {
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    height: var(--el-upload-list-picture-card-size);
    margin: 0 8px 8px 0;
    overflow: hidden;
    padding: 0;
    width: var(--el-upload-list-picture-card-size)
}

.el-upload-list--picture-card .el-upload-list__item .el-icon--check,
.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item .el-icon--close {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block;
    opacity: 0
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    background: var(--el-color-success);
    height: 24px;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    align-items: center;
    background-color: var(--el-overlay-color-lighter);
    color: #fff;
    cursor: default;
    display: inline-flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity var(--el-transition-duration);
    width: 100%
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    cursor: pointer;
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 16px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    color: inherit;
    font-size: inherit;
    position: static
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-flex
}

.el-upload-list--picture-card .el-progress {
    bottom: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    align-items: center;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px;
    z-index: 0
}

.el-upload-list--picture .el-upload-list__item .el-icon--check,
.el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
    color: #fff
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: inline-flex;
    opacity: 0
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item .el-icon--close {
    top: 5px;
    transform: translateY(0)
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    align-items: center;
    background-color: var(--el-color-white);
    display: inline-flex;
    height: 70px;
    justify-content: center;
    -o-object-fit: contain;
    object-fit: contain;
    position: relative;
    width: 70px;
    z-index: 1
}

.el-upload-list--picture .el-upload-list__item-status-label {
    background: var(--el-color-success);
    height: 26px;
    position: absolute;
    right: -17px;
    text-align: center;
    top: -7px;
    transform: rotate(45deg);
    width: 46px
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    cursor: default;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.el-upload-cover:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    height: 100%;
    width: 100%
}

.el-upload-cover__label {
    background: var(--el-color-success);
    height: 24px;
    right: -15px;
    text-align: center;
    top: -6px;
    transform: rotate(45deg);
    width: 40px
}

.el-upload-cover__label i {
    color: #fff;
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-cover__progress {
    display: inline-block;
    position: static;
    vertical-align: middle;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.el-upload-cover__interact {
    background-color: var(--el-overlay-color-light);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.el-upload-cover__interact .btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 60px;
    transition: var(--el-transition-md-fade);
    vertical-align: middle
}

.el-upload-cover__interact .btn i {
    margin-top: 0
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    background-color: #fff;
    bottom: 0;
    color: var(--el-text-color-primary);
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-vl__wrapper {
    position: relative
}

.el-vl__wrapper.always-on .el-virtual-scrollbar,
.el-vl__wrapper:hover .el-virtual-scrollbar {
    opacity: 1
}

.el-vl__window {
    scrollbar-width: none
}

.el-vl__window::-webkit-scrollbar {
    display: none
}

.el-virtual-scrollbar {
    opacity: 0;
    transition: opacity .34s ease-out
}

.el-virtual-scrollbar.always-on {
    opacity: 1
}

.el-vg__wrapper {
    position: relative
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px);
    border-radius: var(--el-popper-border-radius);
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    overflow-wrap: break-word;
    padding: 5px 11px;
    position: absolute;
    visibility: visible;
    z-index: 2000
}

.el-popper.is-dark {
    color: var(--el-bg-color)
}

.el-popper.is-dark,
.el-popper.is-dark .el-popper__arrow:before {
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-dark .el-popper__arrow:before {
    right: 0
}

.el-popper.is-light,
.el-popper.is-light .el-popper__arrow:before {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow,
.el-popper__arrow:before {
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    background: var(--el-text-color-primary);
    box-sizing: border-box;
    content: " ";
    transform: rotate(45deg)
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-top-color: transparent !important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.el-statistic {
    --el-statistic-title-font-weight: 400;
    --el-statistic-title-font-size: var(--el-font-size-extra-small);
    --el-statistic-title-color: var(--el-text-color-regular);
    --el-statistic-content-font-weight: 400;
    --el-statistic-content-font-size: var(--el-font-size-extra-large);
    --el-statistic-content-color: var(--el-text-color-primary)
}

.el-statistic__head {
    color: var(--el-statistic-title-color);
    font-size: var(--el-statistic-title-font-size);
    font-weight: var(--el-statistic-title-font-weight);
    line-height: 20px;
    margin-bottom: 4px
}

.el-statistic__content {
    color: var(--el-statistic-content-color);
    font-size: var(--el-statistic-content-font-size);
    font-weight: var(--el-statistic-content-font-weight)
}

.el-statistic__value {
    display: inline-block
}

.el-statistic__prefix {
    display: inline-block;
    margin-right: 4px
}

.el-statistic__suffix {
    display: inline-block;
    margin-left: 4px
}

.el-tour {
    --el-tour-width: 520px;
    --el-tour-padding-primary: 12px;
    --el-tour-font-line-height: var(--el-font-line-height-primary);
    --el-tour-title-font-size: 16px;
    --el-tour-title-text-color: var(--el-text-color-primary);
    --el-tour-title-font-weight: 400;
    --el-tour-close-color: var(--el-color-info);
    --el-tour-font-size: 14px;
    --el-tour-color: var(--el-text-color-primary);
    --el-tour-bg-color: var(--el-bg-color);
    --el-tour-border-radius: 4px
}

.el-tour__hollow {
    transition: all var(--el-transition-duration) ease
}

.el-tour__content {
    border-radius: var(--el-tour-border-radius);
    box-shadow: var(--el-box-shadow-light);
    outline: none;
    overflow-wrap: break-word;
    padding: var(--el-tour-padding-primary);
    width: var(--el-tour-width)
}

.el-tour__arrow,
.el-tour__content {
    background: var(--el-tour-bg-color);
    box-sizing: border-box
}

.el-tour__arrow {
    height: 10px;
    pointer-events: none;
    position: absolute;
    transform: rotate(45deg);
    width: 10px
}

.el-tour__content[data-side^=top] .el-tour__arrow {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-tour__content[data-side^=bottom] .el-tour__arrow {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-tour__content[data-side^=left] .el-tour__arrow {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-tour__content[data-side^=right] .el-tour__arrow {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-tour__content[data-side^=top] .el-tour__arrow {
    bottom: -5px
}

.el-tour__content[data-side^=bottom] .el-tour__arrow {
    top: -5px
}

.el-tour__content[data-side^=left] .el-tour__arrow {
    right: -5px
}

.el-tour__content[data-side^=right] .el-tour__arrow {
    left: -5px
}

.el-tour__closebtn {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: var(--el-message-close-size, 16px);
    height: 40px;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.el-tour__closebtn .el-tour__close {
    color: var(--el-tour-close-color);
    font-size: inherit
}

.el-tour__closebtn:focus .el-tour__close,
.el-tour__closebtn:hover .el-tour__close {
    color: var(--el-color-primary)
}

.el-tour__header {
    padding-bottom: var(--el-tour-padding-primary)
}

.el-tour__header.show-close {
    padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))
}

.el-tour__title {
    color: var(--el-tour-title-text-color);
    font-size: var(--el-tour-title-font-size);
    font-weight: var(--el-tour-title-font-weight);
    line-height: var(--el-tour-font-line-height)
}

.el-tour__body {
    color: var(--el-tour-text-color);
    font-size: var(--el-tour-font-size)
}

.el-tour__body img,
.el-tour__body video {
    max-width: 100%
}

.el-tour__footer {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding-top: var(--el-tour-padding-primary)
}

.el-tour__content .el-tour-indicators {
    display: inline-block;
    flex: 1
}

.el-tour__content .el-tour-indicator {
    background: var(--el-color-info-light-9);
    border-radius: 50%;
    display: inline-block;
    height: 6px;
    margin-right: 6px;
    width: 6px
}

.el-tour__content .el-tour-indicator.is-active {
    background: var(--el-color-primary)
}

.el-tour.el-tour--primary {
    --el-tour-title-text-color: #fff;
    --el-tour-text-color: #fff;
    --el-tour-bg-color: var(--el-color-primary);
    --el-tour-close-color: #fff
}

.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,
.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
    color: var(--el-tour-title-text-color)
}

.el-tour.el-tour--primary .el-button--default {
    background: #fff;
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-tour.el-tour--primary .el-button--primary {
    border-color: #fff
}

.el-tour.el-tour--primary .el-tour-indicator {
    background: #ffffff26
}

.el-tour.el-tour--primary .el-tour-indicator.is-active {
    background: #fff
}

.el-tour-parent--hidden {
    overflow: hidden
}

.el-anchor {
    --el-anchor-bg-color: var(--el-bg-color);
    --el-anchor-padding-indent: 14px;
    --el-anchor-line-height: 22px;
    --el-anchor-font-size: 12px;
    --el-anchor-color: var(--el-text-color-secondary);
    --el-anchor-active-color: var(--el-color-primary);
    --el-anchor-marker-bg-color: var(--el-color-primary);
    background-color: var(--el-anchor-bg-color);
    position: relative
}

.el-anchor__marker {
    background-color: var(--el-anchor-marker-bg-color);
    border-radius: 4px;
    opacity: 0;
    position: absolute;
    z-index: 0
}

.el-anchor.el-anchor--vertical .el-anchor__marker {
    height: 14px;
    left: 0;
    top: 8px;
    transition: top .25s ease-in-out, opacity .25s;
    width: 4px
}

.el-anchor.el-anchor--vertical .el-anchor__list {
    padding-left: var(--el-anchor-padding-indent)
}

.el-anchor.el-anchor--vertical.el-anchor--underline:before {
    background-color: #0505050f;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 2px
}

.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
    border-radius: unset;
    width: 2px
}

.el-anchor.el-anchor--horizontal .el-anchor__marker {
    bottom: 0;
    height: 2px;
    transition: left .25s ease-in-out, opacity .25s, width .25s;
    width: 20px
}

.el-anchor.el-anchor--horizontal .el-anchor__list {
    display: flex;
    padding-bottom: 4px
}

.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
    padding-left: 16px
}

.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
    padding-left: 0
}

.el-anchor.el-anchor--horizontal.el-anchor--underline:before {
    background-color: #0505050f;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%
}

.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
    border-radius: unset;
    height: 2px
}

.el-anchor__item {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.el-anchor__link {
    cursor: pointer;
    font-size: var(--el-anchor-font-size);
    line-height: var(--el-anchor-line-height);
    max-width: 100%;
    outline: none;
    overflow: hidden;
    padding: 4px 0;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: color var(--el-transition-duration);
    white-space: nowrap
}

.el-anchor__link,
.el-anchor__link:focus,
.el-anchor__link:hover {
    color: var(--el-anchor-color)
}

.el-anchor__link.is-active {
    color: var(--el-anchor-active-color)
}

.el-anchor .el-anchor__list .el-anchor__item a {
    display: inline-block
}

.el-segmented {
    --el-segmented-color: var(--el-text-color-regular);
    --el-segmented-bg-color: var(--el-fill-color-light);
    --el-segmented-padding: 2px;
    --el-segmented-item-selected-color: var(--el-color-white);
    --el-segmented-item-selected-bg-color: var(--el-color-primary);
    --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
    --el-segmented-item-hover-color: var(--el-text-color-primary);
    --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
    --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
    --el-segmented-item-disabled-color: var(--el-text-color-placeholder);
    align-items: stretch;
    background: var(--el-segmented-bg-color);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    color: var(--el-segmented-color);
    display: inline-flex;
    font-size: 14px;
    min-height: 32px;
    padding: var(--el-segmented-padding)
}

.el-segmented__group {
    align-items: stretch;
    display: flex;
    position: relative;
    width: 100%
}

.el-segmented__item-selected {
    background: var(--el-segmented-item-selected-bg-color);
    border-radius: calc(var(--el-border-radius-base) - 2px);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 10px
}

.el-segmented__item-selected.is-disabled {
    background: var(--el-segmented-item-selected-disabled-bg-color)
}

.el-segmented__item-selected.is-focus-visible:before {
    border-radius: inherit;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 2px solid var(--el-segmented-item-selected-bg-color);
    outline-offset: 1px;
    position: absolute
}

.el-segmented__item {
    align-items: center;
    border-radius: calc(var(--el-border-radius-base) - 2px);
    cursor: pointer;
    display: flex;
    flex: 1;
    padding: 0 11px
}

.el-segmented__item:not(.is-disabled):not(.is-selected):hover {
    background: var(--el-segmented-item-hover-bg-color);
    color: var(--el-segmented-item-hover-color)
}

.el-segmented__item:not(.is-disabled):not(.is-selected):active {
    background: var(--el-segmented-item-active-bg-color)
}

.el-segmented__item.is-selected,
.el-segmented__item.is-selected.is-disabled {
    color: var(--el-segmented-item-selected-color)
}

.el-segmented__item.is-disabled {
    color: var(--el-segmented-item-disabled-color);
    cursor: not-allowed
}

.el-segmented__item-input {
    height: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0
}

.el-segmented__item-label {
    flex: 1;
    line-height: normal;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap;
    z-index: 1
}

.el-segmented.is-block {
    display: flex
}

.el-segmented.is-block .el-segmented__item {
    min-width: 0
}

.el-segmented--large {
    border-radius: var(--el-border-radius-base);
    font-size: 16px;
    min-height: 40px
}

.el-segmented--large .el-segmented__item,
.el-segmented--large .el-segmented__item-selected {
    border-radius: calc(var(--el-border-radius-base) - 2px)
}

.el-segmented--large .el-segmented__item {
    padding: 0 11px
}

.el-segmented--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    font-size: 14px;
    min-height: 24px
}

.el-segmented--small .el-segmented__item,
.el-segmented--small .el-segmented__item-selected {
    border-radius: calc(var(--el-border-radius-base) - 3px)
}

.el-segmented--small .el-segmented__item {
    padding: 0 7px
}

.el-mention {
    position: relative;
    width: 100%
}

.el-mention__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-mention__popper.el-popper,
.el-mention__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light)
}

.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-mention-dropdown {
    --el-mention-font-size: var(--el-font-size-base);
    --el-mention-bg-color: var(--el-bg-color-overlay);
    --el-mention-shadow: var(--el-box-shadow-light);
    --el-mention-border: 1px solid var(--el-border-color-light);
    --el-mention-option-color: var(--el-text-color-regular);
    --el-mention-option-height: 34px;
    --el-mention-option-min-width: 100px;
    --el-mention-option-hover-background: var(--el-fill-color-light);
    --el-mention-option-selected-color: var(--el-color-primary);
    --el-mention-option-disabled-color: var(--el-text-color-placeholder);
    --el-mention-option-loading-color: var(--el-text-color-secondary);
    --el-mention-option-loading-padding: 10px 0;
    --el-mention-max-height: 174px;
    --el-mention-padding: 6px 0;
    --el-mention-header-padding: 10px;
    --el-mention-footer-padding: 10px
}

.el-mention-dropdown__item {
    box-sizing: border-box;
    color: var(--el-mention-option-color);
    cursor: pointer;
    font-size: var(--el-mention-font-size);
    height: var(--el-mention-option-height);
    line-height: var(--el-mention-option-height);
    min-width: var(--el-mention-option-min-width);
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-mention-dropdown__item.is-hovering {
    background-color: var(--el-mention-option-hover-background)
}

.el-mention-dropdown__item.is-selected {
    color: var(--el-mention-option-selected-color);
    font-weight: 700
}

.el-mention-dropdown__item.is-disabled {
    background-color: unset;
    color: var(--el-mention-option-disabled-color);
    cursor: not-allowed
}

.el-mention-dropdown {
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    z-index: calc(var(--el-index-top) + 1)
}

.el-mention-dropdown__loading {
    color: var(--el-mention-option-loading-color);
    font-size: 12px;
    margin: 0;
    min-width: var(--el-mention-option-min-width);
    padding: 10px 0;
    text-align: center
}

.el-mention-dropdown__wrap {
    max-height: var(--el-mention-max-height)
}

.el-mention-dropdown__list {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: var(--el-mention-padding)
}

.el-mention-dropdown__header {
    border-bottom: var(--el-mention-border);
    padding: var(--el-mention-header-padding)
}

.el-mention-dropdown__footer {
    border-top: var(--el-mention-border);
    padding: var(--el-mention-footer-padding)
}

[data-v-1aeb24c0] .el-dialog {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    margin: 0 auto
}

[data-v-1aeb24c0] .el-dialog .el-dialog__body {
    display: flex;
    justify-content: center;
    align-items: center
}

.xyz-in[data-v-8244b5f7],
.xyz-in-to[data-v-8244b5f7] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important
}

.home[data-v-8244b5f7] {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    background: var(--theme-color3)
}

.home .content_box[data-v-8244b5f7] {
    position: relative;
    display: flex;
    /* overflow-y: auto */
}

.home .content_box .mian[data-v-8244b5f7] {
    width: 100%;
    /* overflow-y: auto */
}

.home .content_box .mian .container[data-v-8244b5f7] {
    width: 100%;
    padding-bottom: .1rem;
    background: var(--theme-color3);
    min-height: 100vh
}

.home .tablebar[data-v-8244b5f7] {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: transparent !important
}

.loadin_mask[data-v-8244b5f7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: #0006;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.loadin_mask img[data-v-8244b5f7] {
    width: 3rem
}

.sidebar[data-v-8244b5f7] * {
    transition: .2s all ease
}

.sidebarCom_transition[data-v-8244b5f7] {
    padding-left: 0;
    width: 0 !important
}

.home_index[data-v-81dd7dce] {
    background: var(--theme-color3)
}

.router-view[data-v-81dd7dce] {
    transition: transform .5s ease
}

.router-view-enter[data-v-81dd7dce] {
    transform: translate(100%)
}

.router-view-enter-active[data-v-81dd7dce] {
    transform: translate(0)
}

.router-view-leave-active[data-v-81dd7dce] {
    transform: translate(-100%)
}

.myLink[data-v-9d41372d] {
    width: 100%;
    padding: .26rem .2rem .46rem;
    background: var(--theme-color6);
    border-radius: .35rem
}

.myLink .title[data-v-9d41372d] {
    margin-bottom: .3rem;
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.myLink .box_link[data-v-9d41372d] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.2rem;
    gap: .25rem;
    width: 100%;
    margin-bottom: .6rem
}

.myLink .box_link .share_link[data-v-9d41372d] {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: var(--theme-neutral5);
    border-radius: .2rem;
    display: flex;
    align-items: center;
    padding: .4rem .3rem;
    border: .03px solid var(--theme-color7)
}

.myLink .box_link .share_link span[data-v-9d41372d] {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.myLink .box_link span[data-v-9d41372d] {
    font-size: .36rem;
    line-height: .36rem;
    color: var(--theme-dec4)
}

.myLink .box_link .btn[data-v-9d41372d] {
    position: absolute;
    right: .25rem;
    padding: .2rem;
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.myLink .box_link .btn img[data-v-9d41372d] {
    width: .35rem;
    height: .37rem
}

.myLink .QuickShare[data-v-9d41372d] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 16.67%);
    margin-top: .4rem
}

.myLink .QuickShare .item[data-v-9d41372d] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .22rem
}

.myLink .QuickShare .item img[data-v-9d41372d] {
    width: 1rem;
    height: 1rem
}

.myLink .QuickShare .item p[data-v-9d41372d] {
    color: var(--theme-color2);
    font-size: .28rem
}

.desc[data-v-f09b2ae8] {
    font-weight: 400;
    font-size: .35rem;
    box-sizing: border-box;
    padding: .7rem 0 .5rem
}

.desc .desc-title[data-v-f09b2ae8] {
    display: flex;
    justify-content: center;
    font-family: OswaldBold
}

.desc .desc-title .title[data-v-f09b2ae8] {
    width: 100%;
    color: var(--theme-neutral1);
    font-size: .36rem;
    display: flex
}

.desc .desc-title img[data-v-f09b2ae8] {
    width: 1.95rem;
    height: .06rem
}

.desc .desc-list[data-v-f09b2ae8] {
    font-size: .28rem;
    color: var(--theme-neutral2);
    line-height: .36rem
}

.desc .desc-list .desc-item[data-v-f09b2ae8] {
    margin-top: .3rem
}

.Subordinates[data-v-f226d9e6] {
    padding: .35rem;
    background: var(--theme-color6);
    color: var(--theme-neutral1);
    border-radius: .35rem
}

.Subordinates p[data-v-f226d9e6] {
    font-size: .36rem;
    text-align: center
}

.Subordinates .img-box[data-v-f226d9e6] {
    margin-top: .5rem;
    font-size: .34rem;
    position: relative
}

.Subordinates .img-box img[data-v-f226d9e6] {
    width: 100%
}

.Subordinates .img-box .voce[data-v-f226d9e6] {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%);
    font-size: .36rem
}

.Subordinates .img-box .text div[data-v-f226d9e6] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 2.1rem;
    font-size: .32rem;
    color: var(--theme-color2)
}

.my_reward[data-v-f163de0d] {
    padding: .58rem .4rem;
    background: var(--card-background-color);
    border: .05rem solid #DCD9D2;
    border-radius: .2rem
}

.my_reward .my_reward_column[data-v-f163de0d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .71rem;
    padding: 0 .3rem 0 .4rem
}

.my_reward .my_reward_column span[data-v-f163de0d]:nth-child(1) {
    font-size: .41rem;
    color: var(--theme-neutral1)
}

.my_reward .my_reward_column span[data-v-f163de0d]:nth-child(2) {
    cursor: pointer;
    display: inline-block;
    padding: 14px 20px;
    font-size: .32rem;
    font-weight: 600;
    background: var(--gift-bg);
    color: var(--font-color1);
    border-radius: .2rem
}

.my_reward .my_reward_b[data-v-f163de0d] {
    display: flex;
    flex-direction: column
}

.my_reward .my_reward_b .my_reward_b_r[data-v-f163de0d] {
    margin-bottom: 1.1rem
}

.my_reward .my_reward_b .my_reward_b_l[data-v-f163de0d],
.my_reward .my_reward_b .my_reward_b_r[data-v-f163de0d] {
    display: flex;
    justify-content: space-evenly;
    width: 100%
}

.my_reward .my_reward_b .my_reward_b_l .my_reward_b_l_box[data-v-f163de0d],
.my_reward .my_reward_b .my_reward_b_r .my_reward_b_l_box[data-v-f163de0d] {
    text-align: center
}

.my_reward .my_reward_b .my_reward_b_l .my_reward_b_l_box .my_reward_b_l_box_top[data-v-f163de0d],
.my_reward .my_reward_b .my_reward_b_r .my_reward_b_l_box .my_reward_b_l_box_top[data-v-f163de0d] {
    margin-bottom: 4px;
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.my_reward .my_reward_b .my_reward_b_l .my_reward_b_l_box .my_reward_b_l_box_top span[data-v-f163de0d],
.my_reward .my_reward_b .my_reward_b_r .my_reward_b_l_box .my_reward_b_l_box_top span[data-v-f163de0d] {
    font-size: .495rem;
    font-weight: 600;
    color: var(--theme-neutral1)
}

.my_reward .my_reward_b .my_reward_b_l .my_reward_b_l_box .my_reward_b_l_box_bottom[data-v-f163de0d],
.my_reward .my_reward_b .my_reward_b_r .my_reward_b_l_box .my_reward_b_l_box_bottom[data-v-f163de0d] {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.my_reward .my_reward_b .my_reward_b_r[data-v-f163de0d] {
    position: relative
}

.my_reward .my_reward_b .my_reward_b_r[data-v-f163de0d]:after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translate(-50%);
    width: calc(100% - 24px);
    height: 2px;
    background: #474a54
}

.my_reward .my_reward_b .my_reward_b_r .my_reward_b_l_box:nth-child(2) .my_reward_b_l_box_top[data-v-f163de0d] {
    color: var(--theme-neutral1)
}

.my_reward .my_reward_b .my_reward_b_r .my_reward_b_l_box:nth-child(2) .my_reward_b_l_box_top span[data-v-f163de0d] {
    color: var(--theme-neutral1)
}

.commissions[data-v-57fb4bf9] {
    box-sizing: border-box
}

.commissions .btns[data-v-57fb4bf9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .3rem;
    border-bottom: .05rem solid var(--theme-color11)
}

.commissions .btns .btn[data-v-57fb4bf9] {
    width: 50%;
    height: 1.11rem;
    font-size: .4rem;
    font-weight: 100;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: .05rem solid transparent
}

.commissions .btns .check[data-v-57fb4bf9] {
    color: var(--theme-neutral1);
    font-weight: 600;
    border-color: var(--secondary-color);
    position: relative
}

.commissions .btns .check[data-v-57fb4bf9]:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--secondary-color);
    position: absolute;
    bottom: 0
}

.commissions .commissions-title[data-v-57fb4bf9] {
    color: var(--theme-neutral1);
    font-weight: 100;
    font-size: .36rem;
    margin-bottom: .39rem
}

.commissions ul[data-v-57fb4bf9] {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.commissions ul li[data-v-57fb4bf9] {
    width: 100%;
    box-sizing: border-box;
    background: var(--theme-color11);
    border-radius: .2rem;
    display: flex;
    overflow: hidden;
    height: 2.2rem
}

.commissions ul li .t_box[data-v-57fb4bf9] {
    display: flex;
    width: 1.79rem;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.commissions ul li .t_box .title[data-v-57fb4bf9] {
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.commissions ul li .t_box img[data-v-57fb4bf9] {
    cursor: pointer;
    width: .44rem
}

.commissions ul li .t_box[data-v-57fb4bf9] .el_popover_style {
    border: none;
    border-radius: var(--common-el_popover_style-border-radius);
    font-size: .36rem;
    background: var(--theme-card-background);
    width: 7.5rem !important
}

.commissions ul li .t_box[data-v-57fb4bf9] .el_popover_style .popover_content .popover_content_header {
    margin-bottom: 12px;
    font-size: .32rem;
    font-weight: 700;
    color: var(--common-el_popover_style-title-font-color)
}

.commissions ul li .t_box[data-v-57fb4bf9] .el_popover_style .popover_content .popover_content_txt {
    font-size: .32rem;
    font-weight: 400;
    color: var(--common-el_popover_style-text-font-color)
}

.commissions ul li .t_box[data-v-57fb4bf9] .el_popover_style .el-popper__arrow:before {
    background: var(--secondary-color);
    border: none
}

.commissions ul li .b_box[data-v-57fb4bf9] {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .3rem;
    color: var(--theme-color2);
    font-size: .32rem;
    line-height: .4rem
}

.invitationInformation .invitationInformationBody[data-v-5c33015b] {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.el-date-table {
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: var(--el-datepicker-text-color)
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td {
    box-sizing: border-box;
    cursor: pointer;
    height: 30px;
    padding: 4px 0;
    position: relative;
    text-align: center;
    width: 32px
}

.el-date-table td .el-date-table-cell {
    box-sizing: border-box;
    height: 30px;
    padding: 3px 0
}

.el-date-table td .el-date-table-cell .el-date-table-cell__text {
    border-radius: 50%;
    display: block;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 24px
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: var(--el-datepicker-off-text-color)
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-date-table td.today.end-date .el-date-table-cell__text,
.el-date-table td.today.start-date .el-date-table-cell__text {
    color: #fff
}

.el-date-table td.available:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-date-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-date-table td.end-date .el-date-table-cell,
.el-date-table td.start-date .el-date-table-cell {
    color: #fff
}

.el-date-table td.end-date .el-date-table-cell__text,
.el-date-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color)
}

.el-date-table td.start-date .el-date-table-cell {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    margin-left: 5px
}

.el-date-table td.end-date .el-date-table-cell {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    margin-right: 5px
}

.el-date-table td.disabled .el-date-table-cell {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed;
    opacity: 1
}

.el-date-table td.selected .el-date-table-cell {
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px
}

.el-date-table td.selected .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    border-radius: 15px;
    color: #fff
}

.el-date-table td.week {
    color: var(--el-datepicker-header-text-color);
    font-size: 80%
}

.el-date-table td:focus {
    outline: none
}

.el-date-table th {
    border-bottom: 1px solid var(--el-border-color-lighter);
    color: var(--el-datepicker-header-text-color);
    font-weight: 400;
    padding: 5px
}

.el-month-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-month-table td {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 68px
}

.el-month-table td .el-date-table-cell {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-month-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-month-table td.today.end-date .el-date-table-cell__text,
.el-month-table td.today.start-date .el-date-table-cell__text {
    color: #fff
}

.el-month-table td.disabled .el-date-table-cell__text {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-month-table td.disabled .el-date-table-cell__text:hover {
    color: var(--el-text-color-placeholder)
}

.el-month-table td .el-date-table-cell__text {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 54px
}

.el-month-table td .el-date-table-cell__text:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-month-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-month-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-month-table td.end-date .el-date-table-cell,
.el-month-table td.start-date .el-date-table-cell {
    color: #fff
}

.el-month-table td.end-date .el-date-table-cell__text,
.el-month-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-month-table td.start-date .el-date-table-cell {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px;
    margin-left: 3px
}

.el-month-table td.end-date .el-date-table-cell {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px;
    margin-right: 3px
}

.el-month-table td.current:not(.disabled) .el-date-table-cell {
    border-radius: 24px;
    margin-left: 3px;
    margin-right: 3px
}

.el-month-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-month-table td:focus-visible {
    outline: none
}

.el-month-table td:focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-year-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: -1px
}

.el-year-table .el-icon {
    color: var(--el-datepicker-icon-color)
}

.el-year-table td {
    cursor: pointer;
    padding: 8px 0;
    position: relative;
    text-align: center;
    width: 68px
}

.el-year-table td .el-date-table-cell {
    box-sizing: border-box;
    height: 48px;
    padding: 6px 0
}

.el-year-table td.today .el-date-table-cell__text {
    color: var(--el-color-primary);
    font-weight: 700
}

.el-year-table td.today.end-date .el-date-table-cell__text,
.el-year-table td.today.start-date .el-date-table-cell__text {
    color: #fff
}

.el-year-table td.disabled .el-date-table-cell__text {
    background-color: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-year-table td.disabled .el-date-table-cell__text:hover {
    color: var(--el-text-color-placeholder)
}

.el-year-table td .el-date-table-cell__text {
    border-radius: 18px;
    color: var(--el-datepicker-text-color);
    display: block;
    height: 36px;
    left: 50%;
    line-height: 36px;
    margin: 0 auto;
    position: absolute;
    transform: translate(-50%);
    width: 60px
}

.el-year-table td .el-date-table-cell__text:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-year-table td.in-range .el-date-table-cell {
    background-color: var(--el-datepicker-inrange-bg-color)
}

.el-year-table td.in-range .el-date-table-cell:hover {
    background-color: var(--el-datepicker-inrange-hover-bg-color)
}

.el-year-table td.end-date .el-date-table-cell,
.el-year-table td.start-date .el-date-table-cell {
    color: #fff
}

.el-year-table td.end-date .el-date-table-cell__text,
.el-year-table td.start-date .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-year-table td.start-date .el-date-table-cell {
    border-bottom-left-radius: 24px;
    border-top-left-radius: 24px
}

.el-year-table td.end-date .el-date-table-cell {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.el-year-table td.current:not(.disabled) .el-date-table-cell__text {
    background-color: var(--el-datepicker-active-color);
    color: #fff
}

.el-year-table td:focus-visible {
    outline: none
}

.el-year-table td:focus-visible .el-date-table-cell__text {
    outline: 2px solid var(--el-datepicker-active-color);
    outline-offset: 1px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    display: inline-block;
    max-height: 192px;
    overflow: auto;
    position: relative;
    vertical-align: top;
    width: 50%
}

.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    overflow: hidden;
    text-align: center
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: default
}

.el-time-spinner__arrow {
    color: var(--el-text-color-secondary);
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--el-index-normal)
}

.el-time-spinner__arrow:hover {
    color: var(--el-color-primary)
}

.el-time-spinner__arrow.arrow-up {
    top: 10px
}

.el-time-spinner__arrow.arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    list-style: none;
    margin: 0
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    height: 80px;
    width: 100%
}

.el-time-spinner__item {
    color: var(--el-text-color-regular);
    font-size: 12px;
    height: 32px;
    line-height: 32px
}

.el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
    background: var(--el-fill-color-light);
    cursor: pointer
}

.el-time-spinner__item.is-active:not(.is-disabled) {
    color: var(--el-text-color-primary);
    font-weight: 700
}

.el-time-spinner__item.is-disabled {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

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

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
    transform-origin: center bottom
}

.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from,
.el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-picker__popper {
    --el-datepicker-border-color: var(--el-disabled-border-color)
}

.el-picker__popper.el-popper {
    background: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-picker__popper.el-popper,
.el-picker__popper.el-popper .el-popper__arrow:before {
    border: 1px solid var(--el-datepicker-border-color)
}

.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent;
    border-top-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-right-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent;
    border-left-color: transparent
}

.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent;
    border-top-color: transparent
}

.el-date-editor {
    --el-date-editor-width: 220px;
    --el-date-editor-monthrange-width: 300px;
    --el-date-editor-daterange-width: 350px;
    --el-date-editor-datetimerange-width: 400px;
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.el-date-editor.el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
}

.el-date-editor.el-input__wrapper:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-date-editor.el-input,
.el-date-editor.el-input__wrapper {
    height: var(--el-input-height, var(--el-component-size));
    width: var(--el-date-editor-width)
}

.el-date-editor--monthrange {
    --el-date-editor-width: var(--el-date-editor-monthrange-width)
}

.el-date-editor--daterange,
.el-date-editor--timerange {
    --el-date-editor-width: var(--el-date-editor-daterange-width)
}

.el-date-editor--datetimerange {
    --el-date-editor-width: var(--el-date-editor-datetimerange-width)
}

.el-date-editor--dates .el-input__wrapper {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .clear-icon,
.el-date-editor .close-icon {
    cursor: pointer
}

.el-date-editor .clear-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__icon {
    color: var(--el-text-color-placeholder);
    float: left;
    font-size: 14px;
    height: inherit
}

.el-date-editor .el-range__icon svg {
    vertical-align: middle
}

.el-date-editor .el-range-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: var(--el-text-color-regular);
    display: inline-block;
    font-size: var(--el-font-size-base);
    height: 30px;
    line-height: 30px;
    margin: 0;
    outline: none;
    padding: 0;
    text-align: center;
    width: 39%
}

.el-date-editor .el-range-input::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-date-editor .el-range-separator {
    align-items: center;
    color: var(--el-text-color-primary);
    display: inline-flex;
    flex: 1;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    margin: 0;
    overflow-wrap: break-word;
    padding: 0 5px
}

.el-date-editor .el-range__close-icon {
    color: var(--el-text-color-placeholder);
    cursor: pointer;
    font-size: 14px;
    height: inherit;
    width: unset
}

.el-date-editor .el-range__close-icon:hover {
    color: var(--el-text-color-secondary)
}

.el-date-editor .el-range__close-icon svg {
    vertical-align: middle
}

.el-date-editor .el-range__close-icon--hidden {
    opacity: 0;
    visibility: hidden
}

.el-range-editor.el-input__wrapper {
    align-items: center;
    display: inline-flex;
    padding: 0 10px
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-range-editor--large {
    line-height: var(--el-component-size-large)
}

.el-range-editor--large.el-input__wrapper {
    height: var(--el-component-size-large)
}

.el-range-editor--large .el-range-separator {
    font-size: 14px;
    line-height: 40px
}

.el-range-editor--large .el-range-input {
    font-size: 14px;
    height: 38px;
    line-height: 38px
}

.el-range-editor--small {
    line-height: var(--el-component-size-small)
}

.el-range-editor--small.el-input__wrapper {
    height: var(--el-component-size-small)
}

.el-range-editor--small .el-range-separator {
    font-size: 12px;
    line-height: 24px
}

.el-range-editor--small .el-range-input {
    font-size: 12px;
    height: 22px;
    line-height: 22px
}

.el-range-editor.is-disabled {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled,
.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: var(--el-disabled-border-color)
}

.el-range-editor.is-disabled input {
    background-color: var(--el-disabled-bg-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-range-editor.is-disabled input::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-range-editor.is-disabled input::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-range-editor.is-disabled .el-range-separator {
    color: var(--el-disabled-text-color)
}

.el-picker-panel {
    background: var(--el-bg-color-overlay);
    border-radius: var(--el-border-radius-base);
    color: var(--el-text-color-regular);
    line-height: 30px
}

.el-picker-panel .el-time-panel {
    background-color: var(--el-bg-color-overlay);
    border: 1px solid var(--el-datepicker-border-color);
    box-shadow: var(--el-box-shadow-light);
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    clear: both;
    content: "";
    display: table
}

.el-picker-panel__content {
    margin: 15px;
    position: relative
}

.el-picker-panel__footer {
    background-color: var(--el-bg-color-overlay);
    border-top: 1px solid var(--el-datepicker-inner-border-color);
    font-size: 0;
    padding: 4px 12px;
    position: relative;
    text-align: right
}

.el-picker-panel__shortcut {
    background-color: transparent;
    border: 0;
    color: var(--el-datepicker-text-color);
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 28px;
    outline: none;
    padding-left: 12px;
    text-align: left;
    width: 100%
}

.el-picker-panel__shortcut:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__shortcut.active {
    background-color: #e6f1fe;
    color: var(--el-datepicker-active-color)
}

.el-picker-panel__btn {
    background-color: transparent;
    border: 1px solid var(--el-fill-color-darker);
    border-radius: 2px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    outline: none;
    padding: 0 20px
}

.el-picker-panel__btn[disabled] {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    background: transparent;
    border: 0;
    color: var(--el-datepicker-icon-color);
    cursor: pointer;
    font-size: 12px;
    margin-top: 8px;
    outline: none
}

.el-picker-panel__icon-btn:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn:focus-visible {
    color: var(--el-datepicker-hover-text-color)
}

.el-picker-panel__icon-btn.is-disabled {
    color: var(--el-text-color-disabled)
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__icon-btn .el-icon {
    cursor: pointer;
    font-size: inherit
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    background-color: var(--el-bg-color-overlay);
    border-right: 1px solid var(--el-datepicker-inner-border-color);
    bottom: 0;
    box-sizing: border-box;
    overflow: auto;
    padding-top: 6px;
    position: absolute;
    top: 0;
    width: 110px
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-date-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    border-bottom: 1px solid var(--el-border-color-lighter);
    margin-bottom: 0;
    padding-bottom: 12px
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    padding: 0 5px;
    text-align: center
}

.el-date-picker__header-label:hover {
    color: var(--el-datepicker-hover-text-color)
}

.el-date-picker__header-label:focus-visible {
    color: var(--el-datepicker-hover-text-color);
    outline: none
}

.el-date-picker__header-label.active {
    color: var(--el-datepicker-active-color)
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    cursor: pointer;
    float: left;
    line-height: 30px;
    margin-left: 10px
}

.el-date-picker .el-time-panel {
    position: absolute
}

.el-date-range-picker {
    --el-datepicker-text-color: var(--el-text-color-regular);
    --el-datepicker-off-text-color: var(--el-text-color-placeholder);
    --el-datepicker-header-text-color: var(--el-text-color-regular);
    --el-datepicker-icon-color: var(--el-text-color-primary);
    --el-datepicker-border-color: var(--el-disabled-border-color);
    --el-datepicker-inner-border-color: var(--el-border-color-light);
    --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
    --el-datepicker-active-color: var(--el-color-primary);
    --el-datepicker-hover-text-color: var(--el-color-primary);
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    height: 28px;
    position: relative;
    text-align: center
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 16px;
    width: 50%
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid var(--el-datepicker-inner-border-color)
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    border-bottom: 1px solid var(--el-datepicker-inner-border-color);
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 8px 5px 5px;
    position: relative;
    width: 100%
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    color: var(--el-datepicker-icon-color);
    display: table-cell;
    font-size: 20px;
    vertical-align: middle
}

.el-date-range-picker__time-picker-wrap {
    display: table-cell;
    padding: 0 5px;
    position: relative
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    background: #fff;
    position: absolute;
    right: 0;
    top: 13px;
    z-index: 1
}

.el-date-range-picker__time-picker-wrap .el-time-panel {
    position: absolute
}

.el-time-range-picker {
    overflow: visible;
    width: 354px
}

.el-time-range-picker__content {
    padding: 10px;
    position: relative;
    text-align: center;
    z-index: 1
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%
}

.el-time-range-picker__header {
    font-size: 14px;
    margin-bottom: 5px;
    text-align: center
}

.el-time-range-picker__body {
    border: 1px solid var(--el-datepicker-border-color);
    border-radius: 2px
}

.el-time-panel {
    border-radius: 2px;
    box-sizing: content-box;
    left: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 180px;
    z-index: var(--el-index-top)
}

.el-time-panel__content {
    font-size: 0;
    overflow: hidden;
    position: relative
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    box-sizing: border-box;
    content: "";
    height: 32px;
    left: 0;
    margin-top: -16px;
    padding-top: 6px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50%;
    z-index: -1
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    border-bottom: 1px solid var(--el-border-color-light);
    border-top: 1px solid var(--el-border-color-light);
    margin-left: 12%;
    margin-right: 12%;
    padding-left: 50%
}

.el-time-panel__content.has-seconds:after {
    left: 66.6666666667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.3333333333%
}

.el-time-panel__footer {
    border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
    box-sizing: border-box;
    height: 36px;
    line-height: 25px;
    padding: 4px;
    text-align: right
}

.el-time-panel__btn {
    background-color: transparent;
    border: none;
    color: var(--el-text-color-primary);
    cursor: pointer;
    font-size: 12px;
    line-height: 28px;
    margin: 0 5px;
    outline: none;
    padding: 0 5px
}

.el-time-panel__btn.confirm {
    color: var(--el-timepicker-active-color, var(--el-color-primary));
    font-weight: 800
}

.el-scrollbar {
    --el-scrollbar-opacity: .3;
    --el-scrollbar-bg-color: var(--el-text-color-secondary);
    --el-scrollbar-hover-opacity: .5;
    --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
    height: 100%;
    overflow: hidden;
    position: relative
}

.el-scrollbar__wrap {
    height: 100%;
    overflow: auto
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none
}

.el-scrollbar__thumb {
    background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
    border-radius: inherit;
    cursor: pointer;
    display: block;
    height: 0;
    opacity: var(--el-scrollbar-opacity, .3);
    position: relative;
    transition: var(--el-transition-duration) background-color;
    width: 0
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
    opacity: var(--el-scrollbar-hover-opacity, .5)
}

.el-scrollbar__bar {
    border-radius: 4px;
    bottom: 2px;
    position: absolute;
    right: 2px;
    z-index: 1
}

.el-scrollbar__bar.is-vertical {
    top: 2px;
    width: 6px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-scrollbar-fade-enter-active {
    transition: opacity .34s ease-out
}

.el-scrollbar-fade-leave-active {
    transition: opacity .12s ease-out
}

.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
    opacity: 0
}

.el-button {
    --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: var(--el-border-color);
    --el-button-bg-color: var(--el-fill-color-blank);
    --el-button-text-color: var(--el-text-color-regular);
    --el-button-disabled-text-color: var(--el-disabled-text-color);
    --el-button-disabled-bg-color: var(--el-fill-color-blank);
    --el-button-disabled-border-color: var(--el-border-color-light);
    --el-button-divide-border-color: rgba(255, 255, 255, .5);
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-color-primary-light-9);
    --el-button-hover-border-color: var(--el-color-primary-light-7);
    --el-button-active-text-color: var(--el-button-hover-text-color);
    --el-button-active-border-color: var(--el-color-primary);
    --el-button-active-bg-color: var(--el-button-hover-bg-color);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-hover-link-text-color: var(--el-color-info);
    --el-button-active-color: var(--el-text-color-primary);
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    box-sizing: border-box;
    color: var(--el-button-text-color);
    cursor: pointer;
    display: inline-flex;
    font-weight: var(--el-button-font-weight);
    height: 32px;
    justify-content: center;
    line-height: 1;
    outline: none;
    text-align: center;
    transition: .1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.el-button:hover {
    background-color: var(--el-button-hover-bg-color);
    border-color: var(--el-button-hover-border-color);
    color: var(--el-button-hover-text-color);
    outline: none
}

.el-button:active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none
}

.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s
}

.el-button>span {
    align-items: center;
    display: inline-flex
}

.el-button+.el-button {
    margin-left: 12px
}

.el-button {
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base)
}

.el-button,
.el-button.is-round {
    padding: 8px 15px
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon]+span {
    margin-left: 6px
}

.el-button [class*=el-icon] svg {
    vertical-align: bottom
}

.el-button.is-plain {
    --el-button-hover-text-color: var(--el-color-primary);
    --el-button-hover-bg-color: var(--el-fill-color-blank);
    --el-button-hover-border-color: var(--el-color-primary)
}

.el-button.is-active {
    background-color: var(--el-button-active-bg-color);
    border-color: var(--el-button-active-border-color);
    color: var(--el-button-active-text-color);
    outline: none
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
    background-color: var(--el-button-disabled-bg-color);
    background-image: none;
    border-color: var(--el-button-disabled-border-color);
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed
}

.el-button.is-loading {
    pointer-events: none;
    position: relative
}

.el-button.is-loading:before {
    background-color: var(--el-mask-color-extra-light);
    border-radius: inherit;
    bottom: -1px;
    content: "";
    left: -1px;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    z-index: 1
}

.el-button.is-round {
    border-radius: var(--el-border-radius-round)
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 8px;
    width: 32px
}

.el-button.is-text {
    background-color: transparent;
    border: 0 solid transparent;
    color: var(--el-button-text-color)
}

.el-button.is-text.is-disabled {
    background-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-text:not(.is-disabled):hover {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled):focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px;
    transition: outline-offset 0s, outline 0s
}

.el-button.is-text:not(.is-disabled):active {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg {
    background-color: var(--el-fill-color-light)
}

.el-button.is-text:not(.is-disabled).is-has-bg:hover {
    background-color: var(--el-fill-color)
}

.el-button.is-text:not(.is-disabled).is-has-bg:active {
    background-color: var(--el-fill-color-dark)
}

.el-button__text--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button.is-link {
    background: transparent;
    border-color: transparent;
    color: var(--el-button-text-color);
    height: auto;
    padding: 2px
}

.el-button.is-link:hover {
    color: var(--el-button-hover-link-text-color)
}

.el-button.is-link.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-link:not(.is-disabled):active,
.el-button.is-link:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent
}

.el-button.is-link:not(.is-disabled):active {
    color: var(--el-button-active-color)
}

.el-button--text {
    background: transparent;
    border-color: transparent;
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    background-color: transparent !important;
    border-color: transparent !important;
    color: var(--el-button-disabled-text-color)
}

.el-button--text:not(.is-disabled):hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-light-3)
}

.el-button--text:not(.is-disabled):active {
    background-color: transparent;
    border-color: transparent;
    color: var(--el-color-primary-dark-2)
}

.el-button__link--expand {
    letter-spacing: .3em;
    margin-right: -.3em
}

.el-button--primary {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-primary);
    --el-button-border-color: var(--el-color-primary);
    --el-button-outline-color: var(--el-color-primary-light-5);
    --el-button-active-color: var(--el-color-primary-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-primary-light-5);
    --el-button-hover-bg-color: var(--el-color-primary-light-3);
    --el-button-hover-border-color: var(--el-color-primary-light-3);
    --el-button-active-bg-color: var(--el-color-primary-dark-2);
    --el-button-active-border-color: var(--el-color-primary-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-primary-light-5);
    --el-button-disabled-border-color: var(--el-color-primary-light-5)
}

.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
    --el-button-text-color: var(--el-color-primary);
    --el-button-bg-color: var(--el-color-primary-light-9);
    --el-button-border-color: var(--el-color-primary-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-primary);
    --el-button-hover-border-color: var(--el-color-primary);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary-light-5)
}

.el-button--success {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-success);
    --el-button-border-color: var(--el-color-success);
    --el-button-outline-color: var(--el-color-success-light-5);
    --el-button-active-color: var(--el-color-success-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-success-light-5);
    --el-button-hover-bg-color: var(--el-color-success-light-3);
    --el-button-hover-border-color: var(--el-color-success-light-3);
    --el-button-active-bg-color: var(--el-color-success-dark-2);
    --el-button-active-border-color: var(--el-color-success-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-success-light-5);
    --el-button-disabled-border-color: var(--el-color-success-light-5)
}

.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
    --el-button-text-color: var(--el-color-success);
    --el-button-bg-color: var(--el-color-success-light-9);
    --el-button-border-color: var(--el-color-success-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-success);
    --el-button-hover-border-color: var(--el-color-success);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8);
    color: var(--el-color-success-light-5)
}

.el-button--warning {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-warning);
    --el-button-border-color: var(--el-color-warning);
    --el-button-outline-color: var(--el-color-warning-light-5);
    --el-button-active-color: var(--el-color-warning-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-warning-light-5);
    --el-button-hover-bg-color: var(--el-color-warning-light-3);
    --el-button-hover-border-color: var(--el-color-warning-light-3);
    --el-button-active-bg-color: var(--el-color-warning-dark-2);
    --el-button-active-border-color: var(--el-color-warning-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-warning-light-5);
    --el-button-disabled-border-color: var(--el-color-warning-light-5)
}

.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
    --el-button-text-color: var(--el-color-warning);
    --el-button-bg-color: var(--el-color-warning-light-9);
    --el-button-border-color: var(--el-color-warning-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-warning);
    --el-button-hover-border-color: var(--el-color-warning);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning-light-5)
}

.el-button--danger {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-danger);
    --el-button-border-color: var(--el-color-danger);
    --el-button-outline-color: var(--el-color-danger-light-5);
    --el-button-active-color: var(--el-color-danger-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-danger-light-5);
    --el-button-hover-bg-color: var(--el-color-danger-light-3);
    --el-button-hover-border-color: var(--el-color-danger-light-3);
    --el-button-active-bg-color: var(--el-color-danger-dark-2);
    --el-button-active-border-color: var(--el-color-danger-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-danger-light-5);
    --el-button-disabled-border-color: var(--el-color-danger-light-5)
}

.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
    --el-button-text-color: var(--el-color-danger);
    --el-button-bg-color: var(--el-color-danger-light-9);
    --el-button-border-color: var(--el-color-danger-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-danger);
    --el-button-hover-border-color: var(--el-color-danger);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger-light-5)
}

.el-button--info {
    --el-button-text-color: var(--el-color-white);
    --el-button-bg-color: var(--el-color-info);
    --el-button-border-color: var(--el-color-info);
    --el-button-outline-color: var(--el-color-info-light-5);
    --el-button-active-color: var(--el-color-info-dark-2);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-link-text-color: var(--el-color-info-light-5);
    --el-button-hover-bg-color: var(--el-color-info-light-3);
    --el-button-hover-border-color: var(--el-color-info-light-3);
    --el-button-active-bg-color: var(--el-color-info-dark-2);
    --el-button-active-border-color: var(--el-color-info-dark-2);
    --el-button-disabled-text-color: var(--el-color-white);
    --el-button-disabled-bg-color: var(--el-color-info-light-5);
    --el-button-disabled-border-color: var(--el-color-info-light-5)
}

.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
    --el-button-text-color: var(--el-color-info);
    --el-button-bg-color: var(--el-color-info-light-9);
    --el-button-border-color: var(--el-color-info-light-5);
    --el-button-hover-text-color: var(--el-color-white);
    --el-button-hover-bg-color: var(--el-color-info);
    --el-button-hover-border-color: var(--el-color-info);
    --el-button-active-text-color: var(--el-color-white)
}

.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8);
    color: var(--el-color-info-light-5)
}

.el-button--large {
    --el-button-size: 40px;
    height: var(--el-button-size)
}

.el-button--large [class*=el-icon]+span {
    margin-left: 8px
}

.el-button--large {
    border-radius: var(--el-border-radius-base);
    font-size: var(--el-font-size-base);
    padding: 12px 19px
}

.el-button--large.is-round {
    padding: 12px 19px
}

.el-button--large.is-circle {
    padding: 12px;
    width: var(--el-button-size)
}

.el-button--small {
    --el-button-size: 24px;
    height: var(--el-button-size)
}

.el-button--small [class*=el-icon]+span {
    margin-left: 4px
}

.el-button--small {
    border-radius: calc(var(--el-border-radius-base) - 1px);
    font-size: 12px;
    padding: 5px 11px
}

.el-button--small.is-round {
    padding: 5px 11px
}

.el-button--small.is-circle {
    padding: 5px;
    width: var(--el-button-size)
}

.top[data-v-5ee93456] {
    width: 100%;
    display: flex;
    gap: .2rem;
    flex-wrap: wrap;
    box-sizing: border-box
}

.top .tabs_top[data-v-5ee93456] {
    display: flex;
    justify-content: space-around;
    width: 100%
}

.top .tabs_top .tab_item[data-v-5ee93456] {
    padding: .3rem 0 .28rem;
    font-size: .32rem;
    color: var(--theme-neutral2)
}

.top .tabs_top .check[data-v-5ee93456] {
    position: relative;
    color: var(--theme-neutral1)
}

.top .tabs_top .check[data-v-5ee93456]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .04rem;
    background: linear-gradient(-90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.top .item[data-v-5ee93456] {
    background: var(--theme-color3);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-neutral2);
    font-size: .32rem;
    min-width: 1.65rem;
    height: .87rem;
    border-radius: .15rem;
    cursor: pointer;
    padding: 0 .2rem 0 0;
    border: solid .01rem var(--theme-color11) !important
}

.top .item .left[data-v-5ee93456] {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    margin-right: 3px
}

.top .item .left img[data-v-5ee93456] {
    width: .4rem
}

.top .item .left[data-v-5ee93456] .el-input__wrapper {
    background: transparent;
    border: none;
    box-shadow: none
}

.top .item .rit[data-v-5ee93456] {
    display: flex;
    justify-content: center
}

.top .item .rit img[data-v-5ee93456] {
    width: .48rem
}

.top .item[data-v-5ee93456]:last-child {
    width: calc(100% - 1.1rem);
    height: .9rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border: .01rem solid var(--theme-color1)
}

.date-box[data-v-5ee93456] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem
}

.date-box p[data-v-5ee93456] {
    font-size: .3rem;
    color: var(--theme-neutral1)
}

.box[data-v-5ee93456] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: var(--border-radius);
    width: 100%
}

.box div[data-v-5ee93456] {
    width: 100%
}

.box .txt[data-v-5ee93456] {
    width: 10%;
    font-size: .34rem;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    color: var(--theme-neutral2)
}

.box .picker_box[data-v-5ee93456] {
    display: flex;
    align-items: center;
    justify-content: center
}

.box .picker_box img[data-v-5ee93456] {
    transform: translate(-.4rem);
    width: .24rem !important
}

[data-v-5ee93456] .el-input__inner {
    color: var(--theme-neutral1)
}

[data-v-5ee93456] .el-input__inner::placeholder {
    color: var(--theme-neutral2) !important
}

.bottom[data-v-c882012a] {
    margin-top: .5rem;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    color: var(--theme-neutral1)
}

.bottom .bottomTitle[data-v-c882012a],
.bottom .titleb[data-v-c882012a] {
    font-size: .36rem;
    font-weight: 700;
    display: flex;
    justify-content: space-between
}

.bottom .bottomTitle .jump[data-v-c882012a],
.bottom .titleb .jump[data-v-c882012a] {
    display: flex;
    align-items: center;
    padding: .22rem .47rem;
    font-size: .32rem;
    border-radius: .4rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3)
}

.bottom .bottomTitle .jump img[data-v-c882012a],
.bottom .titleb .jump img[data-v-c882012a] {
    display: none;
    margin-left: .1rem;
    width: .3rem
}

.bottom .bottomTitle[data-v-c882012a] {
    display: flex;
    align-items: center;
    padding: .15rem .2rem;
    border-radius: .2rem .2rem 0rem 0rem;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.bottom .titleb[data-v-c882012a] {
    margin: .6rem 0 .4rem
}

.bottom .bottomItem[data-v-c882012a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0 .2rem;
    background: var(--theme-color6);
    border-radius: 0rem 0rem .2rem .2rem;
    border: .01rem solid var(--theme-color6)
}

.bottom .bottomItem>div[data-v-c882012a] {
    position: relative;
    width: 100%
}

.bottom .bottomItem>div[data-v-c882012a]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: .02rem;
    height: 1rem;
    background: var(--theme-color11);
    border-radius: .02rem
}

.bottom .bottomItem>div[data-v-c882012a]:nth-last-child(1):after {
    display: none
}

.bottom .bottomItem>div span[data-v-c882012a] {
    margin-bottom: .15rem;
    font-size: .45rem;
    color: var(--theme-dec4)
}

.bottom .bottomItem>div p[data-v-c882012a] {
    margin-bottom: .27rem;
    color: var(--theme-color2);
    font-size: .32rem;
    font-weight: 700
}

.bottom .bottomItem>div .fontBox[data-v-c882012a] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.bottom .bottomItem2[data-v-c882012a] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: .2rem;
    box-sizing: border-box
}

.bottom .bottomItem2 .title[data-v-c882012a] {
    padding-left: .36rem;
    font-size: .4rem;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    line-height: .9rem;
    box-sizing: border-box
}

.bottom .bottomItem2 .bottomItem2-item[data-v-c882012a] {
    display: flex;
    flex-direction: column;
    border-radius: .35rem;
    overflow: hidden;
    background: var(--theme-color3)
}

.bottom .bottomItem2 .bottomItem2-item .box[data-v-c882012a] {
    width: 100%;
    padding: .6rem 0;
    box-sizing: border-box;
    display: flex;
    background: var(--theme-color6)
}

.bottom .bottomItem2 .bottomItem2-item .box div[data-v-c882012a] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.bottom .bottomItem2 .bottomItem2-item .box div span[data-v-c882012a] {
    color: var(--theme-color2);
    font-size: .28rem;
    margin-top: .2rem
}

.bottom .bottomItem2 .bottomItem2-item .box div p[data-v-c882012a] {
    color: var(--theme-dec4);
    font-size: .45rem
}

.bottom .bottomItem2 .bottomItem2-item .box div[data-v-c882012a]:after {
    content: "";
    display: block;
    width: .02rem;
    height: .8rem;
    background: var(--theme-color11);
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translate(50%, 50%);
    opacity: .6
}

.bottom .bottomItem2 .bottomItem2-item .box div[data-v-c882012a]:nth-of-type(3):after {
    display: none
}

[data-v-86954b47] .el-input__prefix {
    display: none
}

[data-v-86954b47] .el-picker__popper.el-popper {
    background: var(--theme-color11);
    border: .05rem solid var(--theme-color11) !important
}

[data-v-86954b47] .el-picker-panel {
    background: var(--DataStatistics-el-picker__popper-background);
    color: var(--theme-neutral1)
}

[data-v-86954b47] .el-date-table th,
[data-v-86954b47] .el-picker-panel__icon-btn,
[data-v-86954b47] .el-date-picker__header-label {
    color: var(--theme-neutral1)
}

[data-v-86954b47] .el-popper__arrow:before {
    display: none
}

[data-v-86954b47] .el-input__wrapper {
    cursor: pointer;
    padding: 0
}

[data-v-86954b47] .el-input__inner::placeholder {
    color: var(--theme-neutral1)
}

[data-v-86954b47] .el-date-editor.el-input {
    width: auto
}

.DataStatistics[data-v-86954b47] {
    width: 100%;
    box-sizing: border-box
}

[data-v-86954b47] .el-input__inner {
    text-align: center;
    font-size: .32rem
}

.FQA[data-v-5f6806f1] {
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.FQA .item1[data-v-5f6806f1] {
    background: var(--theme-color6);
    border-radius: .2rem;
    color: var(--theme-neutral1);
    padding: .35rem .4rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .29rem;
    white-space: pre-wrap
}

.FQA .item1[data-v-5f6806f1]:nth-child(-n+4) {
    text-align: center
}

.FQA .item1 .afiliado[data-v-5f6806f1] {
    width: 7.94rem;
    margin: auto
}

.FQA .item1 .user[data-v-5f6806f1] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .53rem;
    position: relative;
    margin-bottom: .4rem
}

.FQA .item1 .user .voce[data-v-5f6806f1] {
    position: absolute;
    left: .5rem;
    bottom: -.4rem
}

.FQA .item1 .user div[data-v-5f6806f1] {
    width: 100%;
    margin-top: .2rem;
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.FQA .item1 .user div p[data-v-5f6806f1]:nth-child(1) {
    color: var(--theme-color2) !important
}

.FQA .item1 .user div p[data-v-5f6806f1] {
    color: var(--theme-neutral1) !important;
    white-space: nowrap
}

.FQA .item1 .user img[data-v-5f6806f1] {
    width: 1.62rem
}

.FQA .item1 .money[data-v-5f6806f1] {
    display: flex;
    justify-content: space-between
}

.FQA .item1 .money p[data-v-5f6806f1]:nth-of-type(1) {
    width: 100%;
    color: var(--theme-color2)
}

.FQA .item1 .money p[data-v-5f6806f1]:nth-of-type(2) {
    color: var(--theme-dec4)
}

.FQA .item1 .awrre[data-v-5f6806f1] {
    display: flex;
    justify-content: center;
    gap: .68rem;
    margin-top: .3rem
}

.FQA .item1 .awrre img[data-v-5f6806f1] {
    width: 1.08rem;
    height: 2.24rem
}

.FQA .item1 .awrre .awrreitem1[data-v-5f6806f1] {
    position: relative;
    margin-top: .4rem
}

.FQA .item1 .awrre .awrreitem1 img[data-v-5f6806f1] {
    width: 1.8rem;
    height: 2.18rem
}

.FQA .item1 .awrre .awrreitem1 .txt[data-v-5f6806f1] {
    position: absolute;
    top: 10%;
    left: -70%;
    width: 3rem;
    text-align: center;
    transform: rotate(-48deg);
    font-size: .26rem
}

.FQA .item1 .awrre .awrreitem1 .txt2[data-v-5f6806f1] {
    font-size: .26rem;
    position: absolute;
    bottom: -3%;
    left: -17%;
    width: 3rem;
    text-align: center;
    transform: rotate(315deg)
}

.FQA .item1 .awrre .awrreitem2[data-v-5f6806f1] {
    position: relative;
    margin-top: .4rem
}

.FQA .item1 .awrre .awrreitem2 img[data-v-5f6806f1] {
    width: 1.78rem;
    height: 2.22rem
}

.FQA .item1 .awrre .awrreitem2 .txt[data-v-5f6806f1] {
    position: absolute;
    top: 8%;
    left: 2%;
    width: 3rem;
    text-align: center;
    transform: rotate(45deg);
    font-size: .26rem
}

.FQA .item1 .awrre .awrreitem2 .txt2[data-v-5f6806f1] {
    font-size: .26rem;
    position: absolute;
    bottom: 6%;
    left: -66%;
    width: 3rem;
    text-align: center;
    transform: rotate(403deg)
}

.FQA .item1_bottom .font1[data-v-5f6806f1] {
    color: var(--theme-neutral2)
}

.FQA .red[data-v-5f6806f1] {
    width: 100%;
    color: var(--theme-dec4);
    width: fit-content;
    margin: auto;
    font-size: .32rem
}

.FQA .font1[data-v-5f6806f1] {
    font-size: .32rem;
    line-height: .36rem;
    color: var(--theme-color2)
}

.FQA .font2[data-v-5f6806f1] {
    font-size: .36rem;
    text-align: center
}

.FQA .font3[data-v-5f6806f1] {
    font-size: .36rem;
    font-weight: 100;
    line-height: .4rem;
    color: var(--theme-neutral2)
}

.FQA .img-box[data-v-5f6806f1] {
    margin-top: .3rem;
    font-size: .34rem;
    position: relative
}

.FQA .img-box img[data-v-5f6806f1] {
    width: 100%
}

.FQA .img-box .voce[data-v-5f6806f1] {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    transform: translate(-50%)
}

.FQA .img-box .text div[data-v-5f6806f1] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 2.3rem
}

.FQA .img-box .text div span[data-v-5f6806f1] {
    font-size: .32rem;
    color: var(--theme-color2)
}

.FQA .jt-box1[data-v-5f6806f1] {
    width: 100%;
    text-align: center;
    font-size: .26rem
}

.FQA .jt-box1 img[data-v-5f6806f1] {
    width: 100%;
    padding: .2rem 1rem
}

.FQA .jt-box1 .warp[data-v-5f6806f1] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.FQA .jt-box1 .warp .txt[data-v-5f6806f1] {
    margin-bottom: .35rem
}

.FQA .jt-box1 .warp p[data-v-5f6806f1] {
    margin-bottom: .1rem;
    color: var(--theme-neutral1) !important
}

.FQA .jt-box1 .warp .font1[data-v-5f6806f1] {
    display: flex;
    flex-direction: column
}

.FQA .jt-box1 .warp2 .warp-box[data-v-5f6806f1] {
    display: flex;
    justify-content: space-between
}

.FQA .jt-box1 .warp2 .warp-box div[data-v-5f6806f1] {
    margin-top: .2rem
}

.FQA .jt-box1 .warp2 .warp-box .red[data-v-5f6806f1] {
    margin-top: .15rem
}

.FQA .jt-box1 .warp2 .warp-box p[data-v-5f6806f1] {
    margin-bottom: .1rem
}

.FQA .BBox[data-v-5f6806f1] {
    display: flex;
    justify-content: space-between
}

.FQA .BBox>div[data-v-5f6806f1] {
    border: .01rem solid var(--theme-color7)
}

.FQA .BBox div[data-v-5f6806f1] {
    background: var(--theme-color11);
    width: 2.6rem;
    overflow: hidden;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    color: var(--font-color1);
    line-height: .28rem;
    font-size: .28rem
}

.FQA .BBox div .img_box[data-v-5f6806f1] {
    position: relative;
    width: 1.36rem;
    height: 1.34rem;
    margin: .12rem 0 .1rem
}

.FQA .BBox div .img_box img[data-v-5f6806f1] {
    width: 100%;
    height: 100%
}

.FQA .BBox div .img_box span[data-v-5f6806f1] {
    position: absolute;
    top: .1rem;
    left: 0;
    font-weight: 700;
    font-size: .24rem
}

.FQA .BBox div .btn[data-v-5f6806f1] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 1.02rem;
    margin-top: .16rem;
    border-radius: 0;
    font-size: .32rem;
    background-color: var(--theme-color7)
}

.FQA .BBox div .btn>p[data-v-5f6806f1]:last-child {
    margin-top: .17rem;
    font-weight: 600;
    color: var(--theme-dec4)
}

.FQA .awwer2[data-v-5f6806f1] {
    display: flex;
    justify-content: center
}

.FQA .awwer2 img[data-v-5f6806f1] {
    width: 1.08rem;
    height: 2.24rem
}

.FQA .awwer2>img[data-v-5f6806f1]:nth-child(2) {
    width: 1.78rem;
    height: 2.22rem;
    margin-left: .43rem;
    margin-right: 2.34rem
}

.FQA .awwer2Txt[data-v-5f6806f1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-size: .27rem;
    color: var(--theme-neutral1);
    text-align: center
}

.refer[data-v-b0463473] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--theme-color3)
}

.refer .refer-box[data-v-b0463473] {
    padding: .36rem .2rem
}

.refer .recom[data-v-b0463473] {
    padding: .23rem .3rem .35rem;
    box-sizing: border-box;
    background: var(--57ac6c3e) no-repeat;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: .2rem
}

.refer .recom .recom-box1[data-v-b0463473] {
    color: var(--theme-neutral1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

.refer .recom .recom-box1 .head[data-v-b0463473] {
    display: flex;
    align-items: center;
    font-size: .36rem
}

.refer .recom .recom-box1 .head img[data-v-b0463473] {
    width: 1.3rem;
    margin-right: .4rem
}

.refer .recom .recom-box1 .jump[data-v-b0463473] {
    display: flex;
    align-items: center;
    font-size: .28rem;
    height: .6rem;
    padding: .15rem .22rem;
    background: var(--theme-color2);
    border-radius: .3rem;
    color: var(--theme-color3)
}

.refer .recom .recom-box1 .jump img[data-v-b0463473] {
    margin-left: .14rem;
    width: .15rem;
    transform: rotate(180deg)
}

.refer .recom .recom-box2[data-v-b0463473] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%
}

.refer .recom .recom-box2 .fontBox[data-v-b0463473] {
    position: relative;
    width: 50%;
    display: flex;
    flex-direction: column-reverse;
    gap: .3rem;
    text-align: center;
    margin-top: .35rem
}

.refer .recom .recom-box2 .fontBox[data-v-b0463473]:nth-child(1):after {
    content: "";
    position: absolute;
    width: .04rem;
    height: 1rem;
    right: 0;
    top: 0;
    background: var(--theme-color2);
    opacity: .5;
    border-radius: .02rem
}

.refer .recom .recom-box2 .fontBox span[data-v-b0463473]:nth-of-type(1) {
    font-size: .42rem;
    margin-bottom: .1rem;
    color: var(--theme-dec4)
}

.refer .recom .recom-box2 .fontBox span[data-v-b0463473]:nth-of-type(2) {
    font-size: .36rem;
    color: var(--theme-color2)
}

.refer .tabs-box[data-v-b0463473] {
    box-sizing: border-box;
    margin: .3rem auto
}

.refer .tabs[data-v-b0463473] {
    width: 100%;
    height: 1.04rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: var(--theme-color6);
    box-sizing: border-box;
    border-radius: .2rem
}

.refer .tabs div[data-v-b0463473] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: var(--theme-neutral2);
    font-size: .36rem;
    text-align: center;
    padding: 0 .1rem;
    border-radius: .2rem
}

.refer .tabs .check[data-v-b0463473] {
    border-radius: .2rem;
    color: var(--theme-neutral1);
    font-weight: 600;
    background: linear-gradient(90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.refer .referBody[data-v-b0463473] {
    padding-bottom: var(--footer-padding)
}

.title[data-v-6930e182] {
    display: flex;
    align-items: center;
    gap: .06rem;
    border-top-left-radius: .35rem;
    border-top-right-radius: .35rem;
    background: linear-gradient(0deg, #0b8635, #17612e);
    padding: .2rem .19rem
}

.title p[data-v-6930e182] {
    font-size: var(--font-title2);
    color: var(--theme-neutral1)
}

.title img[data-v-6930e182] {
    width: .7rem;
    height: .7rem;
    margin-right: .13rem
}

.rewardsUpStatus[data-v-a346e8c4] {
    text-align: center
}

.rewardsUpStatus .title_date[data-v-a346e8c4] {
    margin-bottom: .12rem;
    font-size: .32rem;
    color: var(--theme-neutral1);
    font-weight: 600
}

.rewardsUpStatus .txt[data-v-a346e8c4] {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.rewardsUpStatus .txt span[data-v-a346e8c4] {
    color: #fea002
}

.rewardsUpStatus .txt .span_color_2[data-v-a346e8c4] {
    color: var(--theme-neutral1)
}

.pop[data-v-312fef67] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 0 0 .35rem .35rem;
    box-sizing: border-box;
    background: var(--theme-color6)
}

.title[data-v-312fef67] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.2rem;
    position: relative;
    border-radius: .35rem .35rem 0rem 0rem;
    padding: 0 .2rem .12rem .27rem;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.title p[data-v-312fef67] {
    font-size: .4rem;
    color: var(--theme-neutral1);
    font-size: .42rem
}

.title img[data-v-312fef67] {
    cursor: pointer;
    width: .4rem;
    margin-left: .3rem;
    opacity: 1;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%)
}

.body[data-v-312fef67] {
    max-height: 60vh;
    overflow-y: scroll;
    border-radius: 24px;
    padding: .3rem .2rem .58rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.body .bodyItem[data-v-312fef67] {
    padding: .34rem .2rem;
    box-sizing: border-box;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    background: var(--theme-color11)
}

.body .bodyItem p[data-v-312fef67] {
    color: var(--theme-neutral1);
    font-size: .32rem
}

.body .bodyItem p span[data-v-312fef67] {
    color: var(--theme-neutral1)
}

.body .bodyItem p .time[data-v-312fef67] {
    color: var(--theme-dec4)
}

.body .bodyItem p .green[data-v-312fef67] {
    color: #75ed3d
}

.body .bodyItem p .red[data-v-312fef67] {
    color: #ed7163
}

.body .bodyItem img[data-v-312fef67] {
    margin-right: .2rem;
    width: .4rem
}

.rewardsMiddleStatus img[data-v-04671996] {
    width: 100%
}

.rewardsDownStatus[data-v-cd43be33] {
    text-align: center
}

.rewardsDownStatus .btn[data-v-cd43be33] {
    color: var(--font-color1)
}

.rewardsDownStatus .btn .sl_box_shadow_green[data-v-cd43be33] {
    padding: .1rem .15rem;
    display: inline-block;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient1))
}

.rewardsDownStatus .btn .sl_box_shadow_green div[data-v-cd43be33] {
    display: flex;
    align-items: center
}

.rewardsDownStatus .btn .sl_box_shadow_green div span[data-v-cd43be33] {
    margin-right: 6px;
    font-size: .32rem;
    font-weight: 700;
    color: var(--theme-dec5)
}

.rewardsDownStatus .btn .sl_box_shadow_green div img[data-v-cd43be33] {
    width: .5rem
}

.rewardsDownStatus .btn .total_num[data-v-cd43be33] {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.rewardsDownStatus .thelock img[data-v-cd43be33] {
    width: 20px
}

.rewardsDownStatus .claim .txt[data-v-cd43be33] {
    margin-bottom: 4px;
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.rewardsDownStatus .claim .txt span[data-v-cd43be33] {
    color: #75ed3d
}

.rewardsDownStatus .claim .time_box[data-v-cd43be33] {
    display: flex;
    align-items: center;
    justify-content: center
}

.rewardsDownStatus .claim .time_box img[data-v-cd43be33] {
    cursor: pointer;
    margin-left: .1rem;
    width: .4rem;
    transform: translateY(2px)
}

.rewardsDownStatus .claim[data-v-cd43be33] .el-statistic .el-statistic__number {
    font-size: .32rem;
    font-weight: 600;
    color: #fff
}

.rewardsDownStatus[data-v-cd43be33] .el-overlay {
    background: #00000080
}

@media (max-width: 768px) {
    .rewardsDownStatus .btn .sl_box_shadow_green[data-v-cd43be33] {
        padding: .15rem .3rem
    }

    .rewardsDownStatus .btn .sl_box_shadow_green div span[data-v-cd43be33] {
        font-size: .3rem
    }

    .rewardsDownStatus .btn .sl_box_shadow_green div img[data-v-cd43be33] {
        width: 12px
    }

    .rewardsDownStatus .btn .total_num[data-v-cd43be33] {
        font-size: 12px
    }

    .rewardsDownStatus .thelock img[data-v-cd43be33] {
        width: 20px
    }

    .rewardsDownStatus .claim .txt[data-v-cd43be33] {
        font-size: 12px
    }

    .rewardsDownStatus .claim .time_box img[data-v-cd43be33] {
        margin-left: 6px;
        width: 16px
    }

    .rewardsDownStatus .claim[data-v-cd43be33] .el-statistic .el-statistic__number {
        font-size: .32rem
    }
}

.el_popover_style {
    border: none !important;
    border-radius: 12px !important;
    font-size: .32rem !important;
    box-shadow: 0 0 12px #0006 !important
}

.el_popover_style .popover_content {
    padding: 5px 0
}

.el_popover_style .popover_content .popover_content_txt {
    width: 100%;
    font-size: .3rem;
    font-weight: 400
}

.el_popover_style .el-popper__arrow:before {
    border: none !important
}

.rewardsCom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 4.5rem;
    box-sizing: border-box;
    border-radius: .12rem;
    padding: .3rem .1rem;
    width: 100%;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.rewardsCom.rewardsCom_border {
    border-color: var(--theme-dec3)
}

.rewardsCom .rewardsCom_ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 10px;
    row-gap: 4px;
    justify-items: center;
    margin-right: -6px;
    overflow: scroll
}

.rewardsCom .rewardsCom_ul>li {
    margin-right: 6px;
    width: calc(14.2857% - 6px)
}

.rewardsCom .gold_img {
    display: block;
    margin: 0 auto;
    padding: .5rem 0 .3rem;
    width: 1rem
}

:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel {
    position: relative;
    text-align: center;
    box-sizing: border-box;
    touch-action: pan-y;
    overscroll-behavior: none
}

.carousel.is-dragging {
    touch-action: none
}

.carousel * {
    box-sizing: border-box
}

.carousel__track {
    display: flex;
    padding: 0 !important;
    position: relative
}

.carousel__viewport {
    overflow: hidden
}

.carousel__sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.carousel__icon {
    width: var(--vc-icn-width);
    height: var(--vc-icn-width);
    fill: currentColor
}

.carousel__prev,
.carousel__next {
    box-sizing: content-box;
    background: var(--vc-nav-background);
    border-radius: var(--vc-nav-border-radius);
    width: var(--vc-nav-width);
    height: var(--vc-nav-height);
    text-align: center;
    font-size: var(--vc-nav-height);
    padding: 0;
    color: var(--vc-nav-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border: 0;
    cursor: pointer;
    margin: 0 10px;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__next--disabled,
.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel__prev {
    left: 0
}

.carousel__next {
    right: 0
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0
}

.carousel--rtl .carousel__next {
    right: auto;
    left: 0
}

@media (hover: hover) {

    .carousel__prev:hover,
    .carousel__next:hover {
        color: var(--vc-nav-color-hover)
    }
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    line-height: 0;
    margin: 10px 0 0;
    padding: 0
}

.carousel__pagination-button {
    display: block;
    border: 0;
    margin: 0;
    cursor: pointer;
    padding: var(--vc-pgn-margin);
    background: transparent
}

.carousel__pagination-button:after {
    display: block;
    content: "";
    width: var(--vc-pgn-width);
    height: var(--vc-pgn-height);
    border-radius: var(--vc-pgn-border-radius);
    background-color: var(--vc-pgn-background-color)
}

.carousel__pagination-button--active:after {
    background-color: var(--vc-pgn-active-color)
}

@media (hover: hover) {
    .carousel__pagination-button:hover:after {
        background-color: var(--vc-pgn-active-color)
    }
}

.carousel__slide {
    scroll-snap-stop: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateZ(0)
}

.calendarCarousel[data-v-9f755ec3] {
    position: relative;
    border-radius: .2rem;
    margin-top: .5rem;
    padding: 0 1rem;
    min-height: 4.9rem
}

.calendarCarousel[data-v-9f755ec3] .carousel__slide {
    padding: .1rem
}

.calendarCarousel .bodyBox[data-v-9f755ec3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.9rem;
    height: 4.9rem;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .2rem
}

.calendarCarousel .bodyBox .bodyBox_item[data-v-9f755ec3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.39rem;
    height: 5.64rem;
    border-radius: .2rem
}

.calendarCarousel .bodyBox span[data-v-9f755ec3] {
    color: var(--theme-neutral1);
    font-size: 16px
}

.calendarCarousel .bodyBox .pendingRewards_ul_li_no_data .date[data-v-9f755ec3] {
    text-align: center;
    margin-bottom: .64rem
}

.calendarCarousel .bodyBox .pendingRewards_ul_li_no_data .date .title_date[data-v-9f755ec3] {
    margin-bottom: .65rem;
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.calendarCarousel .bodyBox .pendingRewards_ul_li_no_data .date .txt[data-v-9f755ec3] {
    font-size: .42rem;
    font-weight: 700;
    color: var(--theme-dec4)
}

.calendarCarousel .bodyBox .pendingRewards_ul_li_no_data .date .txt span[data-v-9f755ec3] {
    color: var(--theme-dec4);
    font-size: .36rem;
    font-weight: 700
}

.calendarCarousel .bodyBox .pendingRewards_ul_li_no_data .no_data[data-v-9f755ec3] {
    text-align: center;
    font-size: .32rem;
    font-weight: 400;
    color: var(--theme-neutral1);
    line-height: .34rem
}

.calendarCarousel .arrowBox img[data-v-9f755ec3] {
    width: .37rem;
    height: .37rem
}

.calendarCarousel .arrowBox div[data-v-9f755ec3] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .8rem;
    height: 1rem;
    background: var(--theme-black1);
    border-radius: .2rem
}

.calendarCarousel .arrowBox>div[data-v-9f755ec3]:first-child {
    left: 0
}

.calendarCarousel .arrowBox>div[data-v-9f755ec3]:last-child {
    right: 0
}

.calendarCarousel .arrowBox>div:last-child img[data-v-9f755ec3] {
    transform: rotate(180deg)
}

.pendingRewardsMax[data-v-c9085cd7] {
    background-color: var(--theme-color6);
    overflow: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.pendingRewardsMax .dialog_close_btn[data-v-c9085cd7] {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 1rem;
    width: 1.31rem;
    height: .61rem;
    border-radius: .14rem;
    display: flex;
    align-items: center
}

.pendingRewardsMax .dialog_close_btn img[data-v-c9085cd7] {
    width: .37rem;
    height: .37rem;
    margin-left: .38rem
}

.pendingRewardsMax .pendingRewards_title[data-v-c9085cd7] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: .3rem
}

.pendingRewardsMax .pendingRewards_title .l_box[data-v-c9085cd7] {
    font-size: .38rem;
    font-weight: 600;
    color: var(--theme-neutral1);
    display: flex;
    align-items: center
}

.pendingRewardsMax .pendingRewards_title .l_box span[data-v-c9085cd7] {
    font-size: .54rem;
    font-weight: 600;
    color: var(--theme-dec4);
    margin-left: .1rem
}

.pendingRewardsMax .pendingRewards_title .r_box[data-v-c9085cd7] {
    margin-top: .2rem;
    display: flex;
    align-items: center
}

.pendingRewardsMax .pendingRewards_title .r_box .img_box[data-v-c9085cd7] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    background: var(--theme-black1);
    border-radius: .6rem;
    color: var(--theme-neutral1)
}

.pendingRewardsMax .pendingRewards_title .r_box .img_box .btn[data-v-c9085cd7] {
    width: .8rem;
    height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .15rem
}

.pendingRewardsMax .pendingRewards_title .r_box .img_box img[data-v-c9085cd7] {
    cursor: pointer;
    width: .37rem;
    height: .37rem
}

.pendingRewardsMax .pendingRewards_title .r_box .img_box img.img_2[data-v-c9085cd7] {
    transform: rotate(-180deg)
}

.pendingRewardsMax .pendingRewards_title .r_box .close_img[data-v-c9085cd7] {
    cursor: pointer;
    opacity: .5;
    width: 20px;
    height: 20px
}

.pendingRewardsMax .pendingRewards[data-v-c9085cd7] {
    padding: .3rem;
    border-radius: .2rem;
    width: 100%;
    max-width: 500px;
    height: 60vh;
    overflow: auto
}

.pendingRewardsMax .pendingRewards .year_txt[data-v-c9085cd7] {
    font-size: var(--font-title2);
    color: var(--theme-neutral1);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul[data-v-c9085cd7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: .32rem;
    row-gap: .4rem;
    overflow-y: auto;
    height: 100%;
    color: var(--theme-neutral1)
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul .pendingRewards_ul_li_no_data[data-v-c9085cd7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 4.9rem;
    padding: 22px 10px 15px;
    box-sizing: border-box;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .2rem
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul .pendingRewards_ul_li_no_data .date[data-v-c9085cd7] {
    text-align: center
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul .pendingRewards_ul_li_no_data .date .title_date[data-v-c9085cd7] {
    margin-bottom: .5rem;
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul .pendingRewards_ul_li_no_data .date .txt[data-v-c9085cd7] {
    font-size: .42rem;
    font-weight: 700;
    color: var(--theme-neutral1)
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul .pendingRewards_ul_li_no_data .date .txt span[data-v-c9085cd7] {
    color: var(--theme-dec4)
}

.pendingRewardsMax .pendingRewards .pendingRewards_ul .pendingRewards_ul_li_no_data .no_data[data-v-c9085cd7] {
    text-align: center;
    font-size: .32rem;
    color: var(--theme-neutral1);
    line-height: .38rem
}

.calendar[data-v-86e506f9] {
    width: 100%;
    padding: .35rem .3rem;
    background: var(--theme-color6);
    border-bottom-right-radius: .35rem;
    border-bottom-left-radius: .35rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box
}

.calendar .cardBg[data-v-86e506f9] {
    background: var(--theme-color3);
    border: .03rem solid var(--theme-color7);
    border-radius: .2rem
}

.calendar .bouns[data-v-86e506f9] {
    margin-top: .3rem;
    padding: .34rem .28rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .33rem
}

.calendar .bouns p[data-v-86e506f9] {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.calendar .bouns p[data-v-86e506f9]:first-child {
    color: var(--theme-dec4)
}

.calendar .bouns p span[data-v-86e506f9] {
    color: var(--theme-neutral1)
}

.calendar .bouns .check[data-v-86e506f9] {
    color: var(--theme-dec4)
}

.calendar .bouns .check span[data-v-86e506f9] {
    color: var(--theme-neutral1)
}

.calendar .paginationBox[data-v-86e506f9] {
    margin-top: .45rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .32rem
}

.calendar .paginationBox p[data-v-86e506f9] {
    color: var(--theme-neutral1)
}

.calendar .paginationBox span[data-v-86e506f9] {
    color: var(--theme-dec4)
}

.calendar .bottom[data-v-86e506f9] {
    margin-top: .35rem;
    margin-bottom: .3rem;
    color: var(--theme-color2);
    text-decoration: underline
}

.calendar .bottom p[data-v-86e506f9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.calendar .bottom p span[data-v-86e506f9] {
    font-size: .32rem;
    margin-right: .12rem
}

.calendar .bottom img[data-v-86e506f9] {
    width: .3rem;
    height: .3rem;
    transform: rotate(180deg)
}

.vipBonusCabinet[data-v-1de29edb] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: .25rem .2rem;
    background: var(--theme-color6);
    border-radius: .2rem;
    gap: .15rem
}

.vipBonusCabinet .bounsPop_box[data-v-1de29edb] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 2.5rem
}

.vipBonusCabinet .mask[data-v-1de29edb] {
    background-color: var(--mask-color)
}

.vipBonusCabinet .dialog_close_btn[data-v-1de29edb] {
    position: absolute;
    right: 0;
    top: 1rem;
    width: 1.31rem;
    height: .61rem;
    border-radius: .14rem;
    display: flex;
    align-items: center
}

.vipBonusCabinet .dialog_close_btn img[data-v-1de29edb] {
    width: .37rem;
    height: .37rem;
    margin-left: .38rem
}

.vipBonusCabinet .item[data-v-1de29edb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--theme-color11);
    border-radius: .15rem;
    padding: .4rem .06rem .18rem .24rem
}

.vipBonusCabinet .item img[data-v-1de29edb] {
    width: 30%
}

.vipBonusCabinet .item .itemLeft[data-v-1de29edb] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .2rem;
    height: 1.5rem
}

.vipBonusCabinet .item .itemLeft div[data-v-1de29edb] {
    display: flex
}

.vipBonusCabinet .item .itemLeft span[data-v-1de29edb] {
    color: var(--theme-neutral1);
    font-size: .32rem;
    margin-right: .15rem
}

.vipBonusCabinet .item .btn[data-v-1de29edb] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3);
    width: 2.5rem;
    height: .8rem;
    border-radius: .12rem
}

.vipBonusCabinet .item .btn img[data-v-1de29edb] {
    width: .31rem;
    height: .31rem;
    margin-right: .18rem
}

.vipBonusCabinet .item .btn p[data-v-1de29edb] {
    color: var(--theme-dec3);
    font-size: .28rem;
    text-align: center
}

.vipBonusCabinet .item .btn .loding[data-v-1de29edb] {
    width: .8rem;
    height: .8rem
}

.vipBonusCabinet .item .btn>.btnMask[data-v-1de29edb] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #00000080;
    border-radius: .12rem
}

.vipBonusCabinet .item .btn>.btnMask[data-v-1de29edb]:after {
    content: "";
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.vipBonusCabinet .no_bonus_box[data-v-1de29edb] {
    background: var(--theme-dec1) !important;
    display: flex;
    gap: 5px;
    box-sizing: border-box;
    height: 52px
}

.vipBonusCabinet .no_bonus_box .btn_mask[data-v-1de29edb] {
    display: none !important
}

.vipBonusCabinet .no_bonus_box p[data-v-1de29edb] {
    color: #b2b6c5 !important
}

[data-v-2da5b654] .el-dialog {
    background: none !important;
    box-shadow: none !important
}

.dialog_close_btn[data-v-2da5b654] {
    position: absolute;
    right: 0;
    top: -.7rem;
    width: 1.31rem;
    height: .61rem;
    border-radius: .14rem;
    display: flex;
    align-items: center
}

.dialog_close_btn img[data-v-2da5b654] {
    width: .37rem;
    height: .37rem;
    margin-left: .38rem
}

.bounsPop_box[data-v-2da5b654] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: .2rem
}

.pop_box[data-v-2da5b654] {
    position: relative;
    width: 100%
}

.btn>.btnMask[data-v-2da5b654] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #00000080;
    border-radius: .47rem
}

.btn>.btnMask[data-v-2da5b654]:after {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: .47rem
}

.vipBox2[data-v-2da5b654] {
    width: 100%;
    background: var(--theme-color3);
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .45rem .35rem;
    box-sizing: border-box;
    color: var(--theme-neutral1)
}

.vipBox2 .top[data-v-2da5b654] {
    border-radius: .3rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.vipBox2 .title[data-v-2da5b654] {
    display: flex;
    align-items: center;
    gap: .2rem
}

.vipBox2 .title p[data-v-2da5b654] {
    font-size: .36rem;
    height: .4rem
}

.vipBox2 .title span[data-v-2da5b654] {
    font-size: .42rem
}

.vipBox2 .vip_img[data-v-2da5b654] {
    width: 3rem;
    padding: .2rem 0
}

.vipBox2 .progressTxt[data-v-2da5b654] {
    display: flex;
    align-items: center;
    margin: 14px 0 2px;
    font-size: .36rem
}

.vipBox2 .progressTxt p[data-v-2da5b654] {
    color: var(--theme-dec4)
}

.vipBox2 .progressTxtBottomTxt[data-v-2da5b654] {
    color: var(--theme-neutral1);
    font-size: .32rem;
    margin-top: .24rem;
    margin-bottom: .49rem
}

.vipBox2 .vipInfo[data-v-2da5b654] {
    box-sizing: border-box;
    width: 100%;
    border-radius: .2rem;
    column-gap: .35rem;
    color: var(--theme-neutral1)
}

.vipBox2 .vipInfo .vipInfo_title[data-v-2da5b654] {
    font-size: .36rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .15rem .15rem 0rem 0rem
}

.vipBox2 .vipInfo .vipInfoTxt[data-v-2da5b654] {
    padding: .35rem .26rem;
    display: flex;
    flex-direction: column;
    gap: .32rem;
    background: var(--theme-color6);
    border-radius: 0rem 0rem .15rem .15rem
}

.vipBox2 .vipInfo .vipInfo_item[data-v-2da5b654] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .34rem
}

.vipBox2 .vipInfo .vipInfo_bottomBox[data-v-2da5b654] {
    border-radius: 0 0 .3rem .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .34rem
}

.vipBox2 .vipInfo .vipInfo_bottom[data-v-2da5b654] {
    font-size: .34rem;
    text-align: center;
    color: var(--theme-dec4)
}

.vipBox2 .bottom[data-v-2da5b654] {
    margin-top: .4rem;
    width: 100%
}

.vipBox2 .bottom .btn[data-v-2da5b654] {
    width: 100%;
    height: 1rem;
    position: relative;
    border-radius: .47rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .46rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2))
}

.vipBox2 .bottom .btn.btn_f .sl_box_shadow[data-v-2da5b654] {
    background: transparent !important;
    box-shadow: none
}

.vipBox2 .bottom .btn.btn_f .sl_box_shadow div img[data-v-2da5b654] {
    display: none
}

.vipBox2 .bottom .btn p[data-v-2da5b654] {
    color: var(--theme-dec3);
    font-size: .4rem;
    font-weight: 700
}

.vipBox2 .bottom .btn img[data-v-2da5b654] {
    width: .5rem;
    margin-right: 8px
}

[data-v-2da5b654] .el-progress--circle {
    width: 4.32rem;
    height: 4.32rem;
    margin: 0;
    display: flex;
    justify-content: center
}

[data-v-2da5b654] .el-progress path:first-child {
    stroke: var(--theme-color11)
}

[data-v-2da5b654] .el-progress-bar {
    width: 3.7rem
}

[data-v-2da5b654] .el-progress-bar__outer {
    background-color: var(--theme-color6)
}

.vipCarousel[data-v-0cbe4393] {
    width: 100%;
    padding: .35rem .3rem;
    background: var(--theme-color6);
    border-bottom-right-radius: .35rem;
    border-bottom-left-radius: .35rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    position: relative
}

.vipCarousel .toVip[data-v-0cbe4393] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-color2);
    gap: .1rem
}

.vipCarousel .toVip img[data-v-0cbe4393] {
    width: .3rem;
    height: .3rem;
    transform: rotate(180deg)
}

.vipCarousel .arrowBox img[data-v-0cbe4393] {
    width: .37rem;
    height: .37rem
}

.vipCarousel .arrowBox div[data-v-0cbe4393] {
    position: absolute;
    top: calc(35% - 2.5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    width: .9rem;
    height: 1rem;
    background: var(--theme-color6);
    border-radius: .2rem
}

.vipCarousel .arrowBox>div[data-v-0cbe4393]:first-child {
    left: 1.2rem
}

.vipCarousel .arrowBox>div[data-v-0cbe4393]:last-child {
    right: 1.2rem
}

.vipCarousel .arrowBox>div:last-child img[data-v-0cbe4393] {
    transform: rotate(180deg)
}

[data-v-0cbe4393] .carousel__prev {
    margin: 0 .1rem;
    padding-bottom: .2rem
}

[data-v-0cbe4393] .carousel__next {
    margin: 0 .1rem;
    padding-bottom: .6rem
}

.receive_bonus_contentBox[data-v-c4b4e882] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10vh
}

.receive_bonus_content[data-v-c4b4e882] {
    width: 7.3rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px;
    box-sizing: border-box;
    background: #252633;
    border-radius: 8px
}

.receive_bonus_content img[data-v-c4b4e882]:nth-child(1) {
    width: 1rem
}

.receive_bonus_content span[data-v-c4b4e882]:nth-child(2) {
    font-size: .4rem;
    font-weight: 700;
    color: #fff
}

.receive_bonus_content img[data-v-c4b4e882]:nth-child(3) {
    width: .4rem;
    opacity: .5
}

.vipIndex[data-v-d6f96acc] {
    width: 100%;
    background: var(--theme-color3)
}

.vipIndex .vipBody[data-v-d6f96acc] {
    width: 100%;
    padding: .25rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.maxBox[data-v-e013bd0d] {
    width: 100%;
    height: 100%;
    position: relative;
    animation: dialog-scale-e013bd0d .3s ease-in-out alternate
}

.rechargeBubblePopBox[data-v-e013bd0d] {
    overflow-y: auto;
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    margin: auto;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3rem .4rem 0
}

.rechargeBubblePopBox .close[data-v-e013bd0d] {
    position: absolute;
    top: 1.8rem;
    right: .7rem;
    z-index: 4
}

.rechargeBubblePopBox .close img[data-v-e013bd0d] {
    width: .77rem
}

.rechargeBubblePopBox .peopleImg[data-v-e013bd0d] {
    width: calc(100% - .8rem);
    position: absolute;
    top: 0rem;
    z-index: 2
}

.line[data-v-e013bd0d] {
    width: 100%;
    border-bottom: .04rem dashed var(--theme-color13);
    margin: .35rem 0
}

.rechargeBubblePop[data-v-e013bd0d] {
    border-radius: .35rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.55rem .15rem .4rem;
    box-sizing: border-box;
    position: relative
}

.rechargeBubblePop .title[data-v-e013bd0d] {
    position: relative;
    margin-top: .65rem;
    margin-bottom: .35rem;
    width: 7rem;
    text-align: center;
    color: var(--theme-neutral1);
    font-size: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.rechargeBubblePop .title img[data-v-e013bd0d] {
    width: .59rem;
    height: .61rem;
    margin-right: .23rem
}

.rechargeBubblePop .time[data-v-e013bd0d] {
    position: absolute;
    top: 2.45rem;
    z-index: 3;
    box-sizing: border-box;
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .2rem
}

.rechargeBubblePop .time .text[data-v-e013bd0d] {
    width: 100%;
    opacity: 1;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .2rem
}

.rechargeBubblePop .time .text .value[data-v-e013bd0d] {
    font-weight: 700;
    font-size: .8rem;
    flex: 1;
    display: flex;
    justify-content: space-around;
    color: var(--theme-color3);
    background: linear-gradient(180deg, var(--theme-color13) 6.396484375%, var(--theme-color3) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rechargeBubblePop .time .text .timeTitle[data-v-e013bd0d] {
    font-size: .4rem;
    border-radius: .1rem;
    text-align: center
}

.rechargeBubblePop .time .timeText[data-v-e013bd0d] {
    width: 50%;
    font-weight: 400;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--theme-neutral2)
}

.rechargeBubblePop .contentReward[data-v-e013bd0d] {
    position: relative;
    width: 90%;
    margin-top: .45rem;
    height: auto;
    overflow: hidden;
    border-radius: .25rem
}

.rechargeBubblePop .contentReward .contentRewardTitle[data-v-e013bd0d] {
    display: flex;
    color: var(--theme-neutral1);
    width: 100%;
    background: var(--theme-color6)
}

.rechargeBubblePop .contentReward .contentRewardTitle p[data-v-e013bd0d] {
    width: 50%;
    text-align: center;
    font-size: .36rem;
    line-height: .9rem
}

.rechargeBubblePop .contentReward .itemBox[data-v-e013bd0d] {
    overflow-y: auto
}

.rechargeBubblePop .contentReward .itemBox[data-v-e013bd0d]::-webkit-scrollbar {
    display: unset
}

.rechargeBubblePop .contentReward .itemBox[data-v-e013bd0d]::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.rechargeBubblePop .contentReward .itemBox[data-v-e013bd0d]::-webkit-scrollbar {
    width: .1rem;
    height: .3rem
}

.rechargeBubblePop .contentReward .itemBox[data-v-e013bd0d]::-webkit-scrollbar-track {
    width: .1rem;
    background: #ffffff1a;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.rechargeBubblePop .contentReward .item[data-v-e013bd0d] {
    display: flex;
    color: var(--theme-neutral1);
    width: 100%;
    background: var(--theme-color11)
}

.rechargeBubblePop .contentReward .item[data-v-e013bd0d]:last-child {
    padding-bottom: .2rem
}

.rechargeBubblePop .contentReward .item p[data-v-e013bd0d] {
    width: 50%;
    text-align: center;
    font-size: .28rem;
    height: .6rem;
    line-height: .6rem;
    color: var(--theme-color2);
    display: flex;
    justify-content: center;
    white-space: nowrap
}

.rechargeBubblePop .contentReward .item p img[data-v-e013bd0d] {
    width: .4rem;
    margin-right: .3rem
}

.rechargeBubblePop .contentReward .item>p[data-v-e013bd0d]:last-child {
    color: var(--theme-dec4);
    font-size: .28rem;
    font-weight: 400
}

.rechargeBubblePop .btn[data-v-e013bd0d] {
    position: relative;
    font-size: .36rem;
    width: 90%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .28rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .54rem;
    color: var(--theme-dec3)
}

.rechargeBubblePop .btn img[data-v-e013bd0d] {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.rechargeBubblePop .btn span[data-v-e013bd0d] {
    position: relative
}

.rechargeBubblePop .rulesTitle[data-v-e013bd0d] {
    width: 90%;
    border-radius: .3rem;
    font-size: .36rem;
    color: var(--theme-neutral1);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.rechargeBubblePop .rulesItem[data-v-e013bd0d] {
    margin-top: .25rem;
    width: 90%;
    display: flex;
    flex-direction: column
}

.rechargeBubblePop .rulesItem p[data-v-e013bd0d] {
    font-size: .32rem;
    color: var(--theme-neutral2);
    line-height: .36rem
}

@keyframes dialog-scale-e013bd0d {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

.vague_mask_dialog[data-v-c698265c] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(3px);
    background: #0009;
    z-index: 1000;
    -webkit-backdrop-filter: blur(6px)
}

.maxbox[data-v-3b860329] {
    width: 100%;
    height: 100%;
    position: relative;
    animation: dialog-scale-3b860329 .3s ease-in-out alternate
}

.rechargeBubblePopBox[data-v-3b860329] {
    overflow-y: auto;
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    margin: auto;
    width: 100%;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 3rem .4rem 0
}

.rechargeBubblePopBox .close[data-v-3b860329] {
    position: absolute;
    top: 1.8rem;
    right: .7rem;
    z-index: 4
}

.rechargeBubblePopBox .close img[data-v-3b860329] {
    width: .77rem
}

.rechargeBubblePopBox .peopleImg[data-v-3b860329] {
    width: calc(100% - .8rem);
    position: absolute;
    top: 0rem;
    z-index: 2
}

.line[data-v-3b860329] {
    width: 100%;
    border-bottom: .04rem dashed var(--theme-color13);
    margin: .35rem 0
}

.rechargeBubblePop[data-v-3b860329] {
    border-radius: .35rem;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.55rem .15rem .4rem;
    box-sizing: border-box;
    position: relative
}

.rechargeBubblePop .title[data-v-3b860329] {
    position: relative;
    margin-top: .65rem;
    margin-bottom: .35rem;
    width: 7rem;
    text-align: center;
    color: var(--theme-neutral1);
    font-size: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.rechargeBubblePop .title img[data-v-3b860329] {
    width: .59rem;
    height: .61rem;
    margin-right: .23rem
}

.rechargeBubblePop .time[data-v-3b860329] {
    position: absolute;
    top: 2.45rem;
    z-index: 3;
    box-sizing: border-box;
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .2rem
}

.rechargeBubblePop .time .text[data-v-3b860329] {
    width: 100%;
    opacity: 1;
    position: relative;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .2rem
}

.rechargeBubblePop .time .text .value[data-v-3b860329] {
    font-weight: 700;
    font-size: .8rem;
    flex: 1;
    display: flex;
    justify-content: space-around;
    color: var(--theme-color3);
    background: linear-gradient(180deg, var(--theme-color13) 6.396484375%, var(--theme-color3) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rechargeBubblePop .time .text .timeTitle[data-v-3b860329] {
    font-size: .4rem;
    border-radius: .1rem;
    text-align: center
}

.rechargeBubblePop .time .timeText[data-v-3b860329] {
    width: 50%;
    font-weight: 400;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--theme-neutral2)
}

.rechargeBubblePop .contentReward[data-v-3b860329] {
    position: relative;
    width: 90%;
    margin-top: .45rem;
    height: auto;
    overflow: hidden;
    border-radius: .25rem
}

.rechargeBubblePop .contentReward .contentRewardTitle[data-v-3b860329] {
    display: flex;
    color: var(--theme-neutral1);
    width: 100%;
    background: var(--theme-color6)
}

.rechargeBubblePop .contentReward .contentRewardTitle p[data-v-3b860329] {
    width: 50%;
    text-align: center;
    font-size: .36rem;
    line-height: .9rem
}

.rechargeBubblePop .contentReward .itemBox[data-v-3b860329] {
    overflow-y: auto
}

.rechargeBubblePop .contentReward .itemBox[data-v-3b860329]::-webkit-scrollbar {
    display: unset
}

.rechargeBubblePop .contentReward .itemBox[data-v-3b860329]::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.rechargeBubblePop .contentReward .itemBox[data-v-3b860329]::-webkit-scrollbar {
    width: .1rem;
    height: .3rem
}

.rechargeBubblePop .contentReward .itemBox[data-v-3b860329]::-webkit-scrollbar-track {
    width: .1rem;
    background: #ffffff1a;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em
}

.rechargeBubblePop .contentReward .item[data-v-3b860329] {
    display: flex;
    color: var(--theme-neutral1);
    width: 100%;
    background: var(--theme-color11)
}

.rechargeBubblePop .contentReward .item[data-v-3b860329]:last-child {
    padding-bottom: .2rem
}

.rechargeBubblePop .contentReward .item p[data-v-3b860329] {
    width: 50%;
    text-align: center;
    font-size: .28rem;
    height: .6rem;
    line-height: .6rem;
    color: var(--theme-color2);
    display: flex;
    justify-content: center;
    white-space: nowrap
}

.rechargeBubblePop .contentReward .item p img[data-v-3b860329] {
    width: .4rem;
    margin-right: .3rem
}

.rechargeBubblePop .contentReward .item>p[data-v-3b860329]:last-child {
    color: var(--theme-dec4);
    font-size: .28rem;
    font-weight: 400
}

.rechargeBubblePop .btn[data-v-3b860329] {
    position: relative;
    font-size: .36rem;
    width: 90%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .28rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .54rem;
    color: var(--theme-dec3)
}

.rechargeBubblePop .btn img[data-v-3b860329] {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.rechargeBubblePop .btn span[data-v-3b860329] {
    position: relative
}

.rechargeBubblePop .rulesTitle[data-v-3b860329] {
    width: 90%;
    border-radius: .3rem;
    font-size: .36rem;
    color: var(--theme-neutral1);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem
}

.rechargeBubblePop .rulesItem[data-v-3b860329] {
    margin-top: .25rem;
    width: 90%;
    display: flex;
    flex-direction: column
}

.rechargeBubblePop .rulesItem p[data-v-3b860329] {
    font-size: .32rem;
    color: var(--theme-neutral2);
    line-height: .36rem
}

@keyframes dialog-scale-3b860329 {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

[data-v-bab3c3f4] .el-dialog {
    margin-top: 8vh !important
}

.rechargeBubble[data-v-bab3c3f4] {
    background-color: #0000;
    overflow: unset;
    width: 1.57rem;
    height: 1.37rem;
    position: relative;
    z-index: 81
}

.rechargeBubble .body[data-v-bab3c3f4] {
    position: absolute;
    width: 1.37rem;
    height: 1.37rem;
    right: 0
}

.rechargeBubble .body img[data-v-bab3c3f4] {
    position: absolute;
    width: 1.37rem;
    height: 1.37rem
}

.rechargeBubble .body .time[data-v-bab3c3f4] {
    position: absolute;
    top: -.08rem;
    left: 0;
    width: 1.37rem;
    height: 1.37rem;
    line-height: 1.6rem;
    text-align: center;
    color: var(--theme-neutral1);
    color: #123566;
    font-size: .4rem;
    font-weight: 700
}

.rechargeBubble .nextDayFixdBox[data-v-bab3c3f4] {
    position: absolute;
    width: 1.9rem;
    height: 1.9rem;
    right: 0
}

.rechargeBubble .nextDayFixdBox img[data-v-bab3c3f4] {
    width: 1.37rem;
    margin-left: .2rem
}

.rechargeBubble .nextDayFixdBox .nextDayFixdBoxTime[data-v-bab3c3f4] {
    padding: .02rem;
    background: var(--theme-color3);
    color: var(--theme-neutral1);
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: -.2rem
}

.rechargeBubble .nextDayFixdBox .nextDayFixdBoxTime .time_center[data-v-bab3c3f4] {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 9999px;
    text-align: center;
    font-size: .3rem
}

.art_font2[data-v-5678e81f] {
    font-family: OswaldBold;
    text-shadow: -.03rem -.03rem 0 #000, .03rem -.03rem 0 #000, -.03rem .03rem 0 #000, .03rem .03rem 0 #000;
    font-weight: 500;
    position: absolute;
    top: .27rem;
    left: .35rem;
    text-align: left
}

.home_activity_rigth[data-v-5678e81f] {
    display: grid;
    width: 100%;
    gap: .3rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative
}

.home_activity_rigth div[data-v-5678e81f] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .2rem;
    position: relative;
    z-index: 2
}

.home_activity_rigth div .item[data-v-5678e81f] {
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .08rem
}

.home_activity_rigth div .item .tips[data-v-5678e81f] {
    position: absolute;
    right: .05rem;
    top: -.05rem;
    width: .35rem;
    height: .35rem;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .26rem
}

.home_activity_rigth div .logo-title[data-v-5678e81f] {
    font-size: .3rem;
    font-weight: 600;
    color: var(--theme-neutral1);
    margin-top: -.55rem;
    white-space: nowrap;
    text-shadow: -.03rem -.03rem 0 var(--theme-color3), .03rem -.03rem 0 var(--theme-color3), -.03rem .03rem 0 var(--theme-color3), .03rem .03rem 0 var(--theme-color3)
}

.home_activity_rigth div img[data-v-5678e81f] {
    width: 100%
}

.tabBottom[data-v-5678e81f] {
    width: 9.62rem;
    height: 1.2rem;
    position: absolute;
    top: .55rem;
    left: .1rem
}

.tabBottom img[data-v-5678e81f] {
    width: 9.62rem;
    height: 1.2rem
}

.home_activity_left[data-v-5678e81f] {
    height: 2.5rem
}

.home_activity_left .home_activity_btn[data-v-5678e81f] {
    width: 75vw;
    display: flex;
    flex-direction: column;
    margin-bottom: .26rem;
    position: relative
}

.home_activity_left .home_activity_btn .home_activity_b[data-v-5678e81f] {
    position: relative;
    width: 4.8rem;
    height: 2.3rem
}

.home_activity_left .home_activity_btn .home_activity_b img[data-v-5678e81f] {
    width: 4.8rem;
    height: 2.3rem
}

.home_activity_left .home_activity_btn .home_activity_b p[data-v-5678e81f] {
    font-size: .36rem;
    color: var(--theme-neutral1);
    white-space: pre-line
}

[data-v-5678e81f] .el-carousel {
    margin: 0 auto
}

[data-v-5678e81f] .el-carousel .el-carousel__container {
    width: 8rem;
    margin: 0 auto;
    overflow: hidden
}

[data-v-5678e81f] .el-carousel .el-carousel__item {
    overflow: visible !important;
    opacity: .6
}

[data-v-5678e81f] .el-carousel .is-active {
    margin-left: -.8rem;
    opacity: 1
}

[data-v-5678e81f] .el-carousel .prev-slide {
    margin-left: .03rem
}

[data-v-5678e81f] .el-carousel .next-slide {
    margin-left: -1.56rem;
    opacity: .6
}

[data-v-5678e81f] .el-carousel .el-carousel__arrow {
    width: .68rem;
    height: .68rem;
    border-radius: .68rem;
    transition: all .2s ease-in-out;
    background: var(--theme-color2);
    border: .03rem solid var(--theme-color7);
    font-size: .4rem;
    font-weight: 600 !important;
    color: var(--theme-neutral2)
}

[data-v-5678e81f] .el-carousel .el-carousel__arrow--left {
    left: 0rem !important
}

[data-v-5678e81f] .el-carousel .el-carousel__arrow--left:active {
    box-shadow: 0 0 0 transparent;
    transform: translate(-.1rem, -.6rem)
}

[data-v-5678e81f] .el-carousel .el-carousel__arrow--right {
    right: 0rem !important
}

[data-v-5678e81f] .el-carousel .el-carousel__arrow--right:active {
    box-shadow: 0 0 0 transparent;
    transform: translate(.1rem, -.6rem)
}

[data-v-5678e81f] .el-carousel .el-carousel__mask {
    display: none !important
}

.art_font2[data-v-95f87ac3] {
    font-family: OswaldBold;
    text-shadow: -.03rem -.03rem 0 #000, .03rem -.03rem 0 #000, -.03rem .03rem 0 #000, .03rem .03rem 0 #000;
    font-weight: 500;
    position: absolute;
    bottom: .2rem;
    left: .35rem;
    text-align: center;
    width: 3.1rem
}

.home_activity_left2[data-v-95f87ac3] {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    gap: .25rem;
    /* width: 80vw */
}

.home_activity_left2 div[data-v-95f87ac3] {
    height: 3rem;
    width: calc(50% - .125rem)
}

.home_activity_left2 div img[data-v-95f87ac3] {
    width: 100%
}

.home_activity_left2>div[data-v-95f87ac3]:first-child {
    width: 100%
}

.home_activity_left2>div:first-child div[data-v-95f87ac3] {
    width: 100%
}

.home_activity_left2 .home_activity_b[data-v-95f87ac3] {
    position: relative;
    width: 100%
}

.home_activity_left2 .home_activity_b p[data-v-95f87ac3] {
    font-size: .25rem;
    line-height: .29rem;
    color: var(--theme-neutral1);
    white-space: pre-line
}

.home_activity_left2 div:nth-child(3) span[data-v-95f87ac3] {
    right: .35rem;
    text-align: right
}

[data-v-e5ea6dcb] .swiper {
    margin-left: unset;
    margin-right: unset
}

.home_banner[data-v-e5ea6dcb] {
    position: relative;
    display: flex;
    /* flex-direction: row; */
    justify-content: center;
    align-items: center;
    margin-bottom: .4rem;
    padding:0 15px;
    width: 100%;
}



.mySwiper[data-v-e5ea6dcb] {
    /* width: 73vw; */
    height: 3.2rem;
    border-radius: 10px;
}

.carousel__item {
    /* width: 90%; */
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem;
    margin: 0 auto;
    border-radius: .22rem
}

.carousel__item img[data-v-e5ea6dcb] {
    width: 100%;
    height: 100%
}

.carouselScrolling[data-v-cc6d5627] {
    position: relative;
    margin: .3rem 0;
    height: .8rem;
    box-sizing: border-box;
    font-size: .32rem;
    overflow: hidden;
    border-radius: .45rem;
    padding: 0 .4rem;
    display: flex;
    align-items: center;
    gap: .25rem;
    background: var(--theme-color2);
    border: .03rem solid var(--theme-color7);
    color: var(--theme-neutral2)
}

.searchBox[data-v-cc6d5627] {
    display: flex;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.scroll-content[data-v-cc6d5627] {
    display: flex;
    flex-wrap: nowrap
}

.item[data-v-cc6d5627] {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.search[data-v-cc6d5627] {
    height: .44rem
}

.warp[data-v-17c4878f] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    background-color: var(--mask-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.warp .RedPacketRain[data-v-17c4878f] {
    position: absolute;
    z-index: -1
}

.warp .warp_box[data-v-17c4878f] {
    width: 7.32rem;
    height: 9.14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.warp .warp_box .red[data-v-17c4878f] {
    width: 5.73rem;
    height: 7.55rem;
    position: relative;
    z-index: 11;
    overflow: hidden
}

.warp .warp_box .guang[data-v-17c4878f] {
    width: 7.32rem;
    height: 9.14rem;
    position: absolute;
    z-index: 1;
    animation: breathe-17c4878f 3s ease-in-out infinite
}

.warp .warp_box .close[data-v-17c4878f] {
    width: .85rem;
    height: .85rem;
    background: var(--mask-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: .2rem;
    top: .2rem;
    z-index: 9
}

.warp .warp_box .close img[data-v-17c4878f] {
    width: .4rem
}

.warp .warp_box .gai[data-v-17c4878f] {
    width: 5.7rem;
    height: 4.63rem;
    display: flex;
    align-items: center;
    justify-items: center
}

.warp .warp_box .gai img[data-v-17c4878f] {
    width: 100%;
    position: absolute
}

.warp .warp_box .gai[data-v-17c4878f] .golden,
.warp .warp_box .gai[data-v-17c4878f] .rodada,
.warp .warp_box .gai[data-v-17c4878f] .volte,
.warp .warp_box .gai[data-v-17c4878f] .Versão {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 4.5rem;
    height: 1.7rem;
    line-height: .46rem;
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.warp .warp_box .gai[data-v-17c4878f] .golden span,
.warp .warp_box .gai[data-v-17c4878f] .rodada span,
.warp .warp_box .gai[data-v-17c4878f] .volte span,
.warp .warp_box .gai[data-v-17c4878f] .Versão span {
    font-weight: 800;
    font-size: .4rem
}

.warp .warp_box .gai .Versão[data-v-17c4878f] {
    width: 5rem
}

.warp .warp_box .con_par[data-v-17c4878f] {
    text-align: center;
    margin-top: .5rem;
    color: var(--theme-black)
}

.warp .warp_box .con_par .t1[data-v-17c4878f] {
    font-weight: 700;
    font-size: .4rem
}

.warp .warp_box .con_par .moeny[data-v-17c4878f] {
    font-weight: 700;
    font-size: .8rem;
    color: var(--theme-dec1);
    margin: .35rem auto
}

.warp .warp_box .con_par .t2[data-v-17c4878f] {
    font-weight: 400;
    font-size: .28rem
}

.warp .warp_box .open[data-v-17c4878f] {
    width: 2.14rem;
    height: 2.12rem;
    position: relative;
    font-weight: 700;
    font-size: .5rem;
    color: var(--theme-dec3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%)
}

.warp .warp_box .timer_btn[data-v-17c4878f] {
    width: 3.37rem;
    height: 1.1rem;
    position: relative;
    font-weight: 700;
    font-size: .55rem;
    color: var(--theme-dec3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%)
}

.warp .warp_box .dep_text[data-v-17c4878f] {
    width: 100%;
    font-weight: 400;
    font-size: .28rem;
    color: var(--theme-neutral1);
    text-align: center;
    position: absolute;
    bottom: .4rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

.warp .warp_box[data-v-17c4878f] .dep_text2 {
    width: 100%;
    font-weight: 400;
    font-size: .32rem;
    color: var(--theme-neutral1);
    text-align: center;
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

.warp .warp_box[data-v-17c4878f] .dep_text2 span {
    font-size: .46rem;
    font-weight: 600
}

.animation_leave[data-v-17c4878f] {
    animation: slide-out-17c4878f .5s ease
}

@keyframes breathe-17c4878f {

    0%,
    to {
        opacity: .5
    }

    50% {
        opacity: 1
    }
}

@keyframes slide-out-17c4878f {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(4rem);
        opacity: 0
    }
}

.ordinary[data-v-17c4878f] {
    position: relative
}

.ordinary .entrance[data-v-17c4878f] {
    width: 1.4rem;
    position: relative
}

.ordinary .entrance img[data-v-17c4878f] {
    width: 1.4rem
}

.ordinary .entrance .count[data-v-17c4878f] {
    width: .6rem;
    height: .6rem;
    background: var(--theme-dec2);
    border-radius: 50%;
    border: .03px solid var(--theme-neutral1);
    color: var(--theme-neutral1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .32rem;
    position: absolute;
    right: 0;
    top: 0
}

.ordinary .entrance .timer[data-v-17c4878f] {
    color: var(--theme-neutral1);
    background: var(--theme-black);
    border-radius: .2rem;
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .08rem
}

.red[data-v-17c4878f] {
    background: var(--1311e9dc);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.guang[data-v-17c4878f] {
    background: var(--1311e9de);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.open[data-v-17c4878f] {
    background: var(--1311e9dd);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.timer_btn[data-v-17c4878f] {
    background: var(--1311e9df);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.warp[data-v-a5224fd2] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    background-color: var(--mask-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.warp .RedPacketRain[data-v-a5224fd2] {
    position: absolute;
    z-index: -1
}

.warp .warp_box[data-v-a5224fd2] {
    width: 7.32rem;
    height: 9.14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.warp .warp_box .red[data-v-a5224fd2] {
    width: 5.73rem;
    height: 7.55rem;
    position: relative;
    z-index: 11;
    overflow: hidden
}

.warp .warp_box .guang[data-v-a5224fd2] {
    width: 7.32rem;
    height: 9.14rem;
    position: absolute;
    z-index: 1;
    animation: breathe-a5224fd2 3s ease-in-out infinite
}

.warp .warp_box .close[data-v-a5224fd2] {
    width: .85rem;
    height: .85rem;
    background: var(--mask-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: .2rem;
    top: .2rem;
    z-index: 9
}

.warp .warp_box .close img[data-v-a5224fd2] {
    width: .4rem
}

.warp .warp_box .gai[data-v-a5224fd2] {
    width: 5.7rem;
    height: 4.63rem;
    display: flex;
    align-items: center;
    justify-items: center
}

.warp .warp_box .gai img[data-v-a5224fd2] {
    width: 100%;
    position: absolute
}

.warp .warp_box .gai[data-v-a5224fd2] .golden,
.warp .warp_box .gai[data-v-a5224fd2] .rodada,
.warp .warp_box .gai[data-v-a5224fd2] .volte,
.warp .warp_box .gai[data-v-a5224fd2] .Versão {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 4.5rem;
    height: 1.7rem;
    line-height: .46rem;
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.warp .warp_box .gai[data-v-a5224fd2] .golden span,
.warp .warp_box .gai[data-v-a5224fd2] .rodada span,
.warp .warp_box .gai[data-v-a5224fd2] .volte span,
.warp .warp_box .gai[data-v-a5224fd2] .Versão span {
    font-weight: 800;
    font-size: .4rem
}

.warp .warp_box .gai .Versão[data-v-a5224fd2] {
    width: 5rem
}

.warp .warp_box .con_par[data-v-a5224fd2] {
    text-align: center;
    margin-top: .5rem;
    color: var(--theme-black)
}

.warp .warp_box .con_par .t1[data-v-a5224fd2] {
    font-weight: 700;
    font-size: .4rem
}

.warp .warp_box .con_par .moeny[data-v-a5224fd2] {
    font-weight: 700;
    font-size: .8rem;
    color: var(--theme-dec1);
    margin: .35rem auto
}

.warp .warp_box .con_par .t2[data-v-a5224fd2] {
    font-weight: 400;
    font-size: .28rem
}

.warp .warp_box .open[data-v-a5224fd2] {
    width: 2.14rem;
    height: 2.12rem;
    position: relative;
    font-weight: 700;
    font-size: .5rem;
    color: var(--theme-dec3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%)
}

.warp .warp_box .timer_btn[data-v-a5224fd2] {
    width: 3.37rem;
    height: 1.1rem;
    position: relative;
    font-weight: 700;
    font-size: .55rem;
    color: var(--theme-dec3);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%)
}

.warp .warp_box .dep_text[data-v-a5224fd2] {
    width: 100%;
    font-weight: 400;
    font-size: .28rem;
    color: var(--theme-neutral1);
    text-align: center;
    position: absolute;
    bottom: .4rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

.warp .warp_box[data-v-a5224fd2] .dep_text2 {
    width: 100%;
    font-weight: 400;
    font-size: .32rem;
    color: var(--theme-neutral1);
    text-align: center;
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

.warp .warp_box[data-v-a5224fd2] .dep_text2 span {
    font-size: .46rem;
    font-weight: 600
}

.animation_leave[data-v-a5224fd2] {
    animation: slide-out-a5224fd2 .5s ease
}

@keyframes breathe-a5224fd2 {

    0%,
    to {
        opacity: .5
    }

    50% {
        opacity: 1
    }
}

@keyframes slide-out-a5224fd2 {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(4rem);
        opacity: 0
    }
}

.goldenRain[data-v-a5224fd2] {
    position: relative
}

.goldenRain .entrance[data-v-a5224fd2] {
    width: 1.4rem;
    position: relative
}

.goldenRain .entrance img[data-v-a5224fd2] {
    width: 1.4rem
}

.red[data-v-a5224fd2] {
    background: var(--2101e5ec);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.guang[data-v-a5224fd2] {
    background: var(--2101e5ee);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.open[data-v-a5224fd2] {
    background: var(--2101e5ed);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

.timer_btn[data-v-a5224fd2] {
    background: var(--2101e5ef);
    background-repeat: no-repeat;
    background-size: 100% 100% !important
}

[data-v-a5224fd2] .dep_text span {
    font-size: .45rem;
    font-weight: 600;
    color: var(--theme-color1)
}

.entrance[data-v-a5224fd2]:after {
    content: "";
    width: .3rem;
    height: .3rem;
    background: red;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    top: .2rem;
    right: .2rem;
    animation: bounce-a5224fd2 .6s ease-in-out infinite
}

@keyframes bounce-a5224fd2 {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.gameTypeColumn[data-v-53a394a3] {
    position: relative
}

.select[data-v-53a394a3] {
    background-color: var(--theme-color3);
    width: 1.2rem;
    height: 1.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: .1rem;
    z-index: 2
}

.select img[data-v-53a394a3] {
    width: .432rem
}

.columnb_box[data-v-53a394a3] {
    text-align: center
}

.columnb_box[data-v-53a394a3] * {
    transition: all .2s ease-in-out
}

.columnb_box .columnb[data-v-53a394a3] {
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: scroll;
    gap: .2rem;
    padding: 0 1.4rem 0 .3rem;
    white-space: nowrap;
    position: relative
}

.columnb_box .link_box[data-v-53a394a3] {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    gap: .1rem
}

.columnb_box .link_box p[data-v-53a394a3] {
    font-size: .28rem;
    color: var(--theme-neutral1);
    position: relative;
    z-index: 2
}

.columnb_box .link_box_active_box[data-v-53a394a3] {
    min-width: 1.3rem;
    height: 1.3rem;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0rem .2rem;
    display: flex;
    flex-direction: column;
    background: var(--theme-color6);
    border-radius: .2rem
}

.columnb_box .link_box_active_box img[data-v-53a394a3] {
    height: .6rem;
    position: relative;
    z-index: 2;
    margin-bottom: .05rem
}

.columnb_box .link_box_active_box span[data-v-53a394a3] {
    color: var(--theme-neutral2);
    font-size: var(--font-size2);
    position: relative;
    z-index: 2
}

.check[data-v-53a394a3] {
    box-sizing: border-box;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .5s ease, transform .5s ease;
    position: relative
}

.check span[data-v-53a394a3] {
    color: var(--theme-neutral1) !important
}

.check[data-v-53a394a3]:before {
    content: "";
    width: 1.52rem;
    height: 1.6rem;
    background: var(--2d7710e4);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    border-radius: .2rem
}

.check img[data-v-53a394a3],
.check span[data-v-53a394a3] {
    opacity: 1;
    filter: brightness(23)
}

.noCheck[data-v-53a394a3] {
    transition: opacity .5s ease, transform .5s ease;
    opacity: .6
}

.noCheck img[data-v-53a394a3],
.noCheck span[data-v-53a394a3],
.noCheck p[data-v-53a394a3] {
    opacity: .6
}

.v-enter-from[data-v-53a394a3],
.v-leave-to[data-v-53a394a3] {
    opacity: 0
}

.v-enter-active[data-v-53a394a3],
.v-leave-active[data-v-53a394a3] {
    transition: opacity 2s ease-in
}

.v-enter-to[data-v-53a394a3],
.v-leave-from[data-v-53a394a3] {
    opacity: 1
}

.home_game_index[data-v-62f9388f] {
    border-radius: .3rem
}

.carousel-wrapper[data-v-62f9388f] {
    width: 100%;
    max-width: 600px;
    margin: auto;
    position: relative
}

.mySwiper[data-v-62f9388f] {
    width: 100%;
    height: 100%
}

.homeIndex[data-v-62f9388f] {
    transition: transform .3s ease;
    margin-top: .25rem
}

.homeIndex .fixed_box[data-v-62f9388f] {
    transition: transform .3s ease, opacity .3s ease;
    position: absolute;
    right: .14rem;
    top: 54%;
    z-index: 80;
    width: 1.5rem !important
}

.homeIndex .fixed_box .fixed_min_box[data-v-62f9388f] {
    flex-direction: column;
    gap: .1rem;
    width: 1.4rem;
    background: var(--theme-neutral4);
    border: .06rem solid var(--theme-neutral3);
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.homeIndex .fixed_box .fixed_min_box .fixed_span_box[data-v-62f9388f] {
    height: .55rem;
    box-sizing: border-box;
    border-radius: .5rem;
    min-width: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -.7rem;
    display: none
}

.homeIndex .fixed_box .fixed_min_box .fixed_span_box span[data-v-62f9388f] {
    color: var(--theme-neutral1);
    font-size: .26rem
}

.homeIndex .fixed_box div[data-v-62f9388f] {
    display: flex;
    flex-direction: column
}

.homeIndex .fixed_box div img[data-v-62f9388f] {
    width: auto;
    height: 1.4rem
}

.homeIndex .fixed_box div .download_btn[data-v-62f9388f] {
    position: relative
}

.homeIndex .fixed_box div .download_btn span[data-v-62f9388f] {
    position: absolute;
    left: 50%;
    bottom: -.24rem;
    transform: translate(-50%);
    display: inline-block;
    padding: .8rem .12rem;
    font-size: .24rem;
    color: var(--theme-font-color-fff);
    background: linear-gradient(225deg, #4975fe, #af72ff);
    border-radius: .08rem
}

.homeIndex .fixed_left[data-v-62f9388f] {
    position: absolute;
    left: .14rem;
    top: 60%;
    z-index: 81;
    width: 2.3rem !important;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    transition: transform .3s ease, opacity .3s ease
}

.homeIndex .fixed_left .fixed[data-v-62f9388f] {
    width: 2rem
}

.homeIndex .fixed_left .fixed img[data-v-62f9388f],
.homeIndex .fixed_left .dailyCheckIn img[data-v-62f9388f] {
    width: 1.3rem
}

.homeIndex .left[data-v-62f9388f] {
    transform: translate(1.5rem)
}

.homeIndex .rit[data-v-62f9388f] {
    transform: translate(-1.5rem)
}

.homeIndex .v-enter-from[data-v-62f9388f],
.homeIndex .v-leave-to[data-v-62f9388f] {
    opacity: 0
}

.homeIndex .v-enter-active[data-v-62f9388f],
.homeIndex .v-leave-active[data-v-62f9388f] {
    transition: opacity .5s ease-in
}

.homeIndex .v-enter-to[data-v-62f9388f],
.homeIndex .v-leave-from[data-v-62f9388f] {
    opacity: 1
}

.page-pagination[data-v-de0375a3] {
    display: flex;
    padding-bottom: 0;
    box-sizing: content-box;
    justify-content: center;
    align-items: center;
    position: relative
}

.page-pagination .game_cover[data-v-de0375a3] {
    width: 5.47rem;
    height: 1.05rem;
    background: var(--29f4c4c5);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    margin-bottom: .2rem;
    font-size: .38rem;
    color: var(--theme-neutral1);
    margin-top: -.8rem
}

.page-pagination .game_cover div[data-v-de0375a3] {
    margin-top: -.1rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-pagination .game_cover .t[data-v-de0375a3] {
    height: .65rem;
    margin-right: .3rem
}

.page-pagination .game_cover .left[data-v-de0375a3],
.page-pagination .game_cover .right[data-v-de0375a3] {
    width: .6rem !important;
    height: .6rem !important;
    position: absolute;
    top: -.3rem
}

.page-pagination .game_cover .left[data-v-de0375a3] {
    left: 0rem !important
}

.page-pagination .game_cover .right[data-v-de0375a3] {
    right: 0rem !important;
    transform: rotate(90deg)
}

.page-pagination .game_operate[data-v-de0375a3] {
    display: flex;
    align-content: center;
    gap: .1rem
}

.page-pagination .game_operate .btn-item[data-v-de0375a3] {
    border-radius: .13rem;
    display: flex;
    justify-content: center;
    align-content: center;
    height: .66rem;
    font-size: .37rem;
    color: var(--theme-neutral1);
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0
}

.page-pagination .game_operate .btn_font[data-v-de0375a3] {
    width: 1rem
}

.page-pagination .game_operate .btn_font span[data-v-de0375a3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--font-title2);
    background: var(--theme-color3);
    color: var(--theme-dec4);
    height: 100%
}

.info_font[data-v-de0375a3] {
    display: flex;
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
    width: .61rem;
    height: .66rem
}

.info_font .left[data-v-de0375a3],
.info_font .rit[data-v-de0375a3] {
    border-radius: .13rem;
    background-color: var(--theme-color3);
    border: var(--theme-color7) .02rem solid
}

.info_font .skew[data-v-de0375a3] {
    width: .61rem;
    height: .66rem;
    position: absolute;
    left: 0rem
}

.gameTypeColumn[data-v-b99e082d] {
    position: relative
}

.gameTypeColumn .searchBox[data-v-b99e082d] {
    height: .66rem;
    color: var(--theme-neutral1);
    font-size: .3rem;
    box-sizing: border-box
}

.gameTypeColumn .searchBox div[data-v-b99e082d] {
    height: 100%;
    border-radius: .45rem;
    padding: 0 .2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .1rem;
    background: var(--theme-color2);
    border-radius: .57rem;
    border: .03rem solid var(--theme-color7);
    color: var(--theme-neutral2)
}

.gameTypeColumn .searchBox div[data-v-b99e082d] .my_btn {
    padding: 0
}

.gameTypeColumn .searchBox .search[data-v-b99e082d] {
    height: .44rem
}

.columnb_box[data-v-b99e082d] {
    text-align: center
}

.columnb_box[data-v-b99e082d] * {
    transition: all .2s ease-in-out
}

.columnb_box .columnb[data-v-b99e082d] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: scroll;
    gap: .2rem;
    padding: 0 .3rem;
    white-space: nowrap;
    position: relative
}

.columnb_box .link_box[data-v-b99e082d] {
    position: relative;
    display: flex;
    flex-direction: row;
    text-decoration: none
}

.columnb_box .link_box_active_box[data-v-b99e082d] {
    min-width: 2rem;
    height: 1.2rem;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0rem .2rem;
    display: flex;
    flex-direction: column;
    background: var(--theme-color2);
    border: .03rem solid var(--theme-color7);
    border-radius: .2rem
}

.columnb_box .link_box_active_box img[data-v-b99e082d] {
    height: .6rem;
    position: relative;
    z-index: 2;
    margin-bottom: .05rem
}

.columnb_box .link_box_active_box span[data-v-b99e082d] {
    color: var(--theme-neutral2);
    font-size: var(--font-size2);
    position: relative;
    z-index: 2
}

.check[data-v-b99e082d] {
    box-sizing: border-box;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .5s ease, transform .5s ease;
    position: relative
}

.check span[data-v-b99e082d] {
    color: var(--theme-neutral1) !important
}

.check[data-v-b99e082d]:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--e823a264);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute
}

.check img[data-v-b99e082d],
.check span[data-v-b99e082d] {
    opacity: 1
}

.noCheck[data-v-b99e082d] {
    transition: opacity .5s ease, transform .5s ease
}

.noCheck img[data-v-b99e082d],
.noCheck span[data-v-b99e082d] {
    opacity: .6
}

.v-enter-from[data-v-b99e082d],
.v-leave-to[data-v-b99e082d] {
    opacity: 0
}

.v-enter-active[data-v-b99e082d],
.v-leave-active[data-v-b99e082d] {
    transition: opacity 2s ease-in
}

.v-enter-to[data-v-b99e082d],
.v-leave-from[data-v-b99e082d] {
    opacity: 1
}

.box_max_box[data-v-dd1dde87] {
    gap: .1rem;
    background: var(--theme-color6);
    padding: .2rem .26rem;
    border-radius: .2rem;
    margin-top: .3rem
}

.box_max_box .head[data-v-dd1dde87] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .15rem
}

.box_max_box .head .gametitle[data-v-dd1dde87] {
    display: flex;
    align-items: center;
    color: var(--theme-neutral1);
    width: 3.5rem;
    padding-left: .3rem;
    background: linear-gradient(-90deg, var(--theme-color6), var(--theme-color19));
    margin-left: -.26rem
}

.box_max_box .head img[data-v-dd1dde87] {
    height: .8rem;
    margin-right: .1rem;
    filter: brightness(23)
}

.box_max_box .game_list[data-v-dd1dde87] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .12rem;
    width: 100%
}

.np_data[data-v-dd1dde87] {
    width: 100%;
    border-radius: var(--gamePop-gameList-no_data-border-radius-phone);
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.np_data span[data-v-dd1dde87] {
    font-size: .32rem
}

.home_game_gap[data-v-0014aebc] {
    display: flex;
    flex-direction: column;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    gap: .3rem
}

.logo_dog[data-v-0014aebc] {
    padding-top: .6rem;
    box-sizing: content-box;
    width: 100%;
    height: 15.8rem;
    background: var(--7d6c6b39);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative
}

.logo_dog img[data-v-0014aebc] {
    width: 8.26rem;
    height: 6.14rem;
    position: absolute;
    top: 8.8rem;
    left: .8rem
}

.game_box_title[data-v-0014aebc] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 23%!important;
}

.game_box_title span[data-v-0014aebc] {
    font-size: 18px;
    font-weight: 400
}

.game_box_title svg[data-v-0014aebc] {
    font-size: 30px
}

@media (max-width: 768px) {
    .game_box_title[data-v-0014aebc] {
        display: flex;
        align-items: center;
        gap: 5px
    }

    .game_box_title span[data-v-0014aebc] {
        font-size: .3rem !important
    }

    .game_box_title svg[data-v-0014aebc] {
        font-size: 25px !important
    }
}

.gameOutBox[data-v-994a4489],
.gameOutBox[data-v-11921e11] {
    background-size: 100%;
    background-repeat: no-repeat;
    padding: .7rem 0
}

.fade-enter[data-v-b2a5de94],
.fade-leave-to[data-v-b2a5de94] {
    opacity: 0
}

.fade-enter-active[data-v-b2a5de94],
.fade-leave-active[data-v-b2a5de94] {
    transition: opacity .5s ease, transform .5s ease
}

.fade-enter[data-v-b2a5de94] {
    animation: enter-b2a5de94 .5s ease-in-out
}

.fade-leave[data-v-b2a5de94] {
    animation: leave-b2a5de94 .5s ease-in-out
}

@keyframes enter-b2a5de94 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes leave-b2a5de94 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.warp-box[data-v-aac719a5] {
    width: 100%;
    padding: .13rem .235rem 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: .26rem
}

.warp[data-v-aac719a5] {
    width: 100%;
    color: var(--theme-neutral1);
    text-align: center
}

.warp img[data-v-aac719a5] {
    width: 100%
}

.warp .tel[data-v-aac719a5] {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: .32rem;
    color: var(--theme-neutral2)
}

.warp .tel a[data-v-aac719a5] {
    color: var(--theme-dec4)
}

.warp p[data-v-aac719a5],
.warp span[data-v-aac719a5] {
    font-family: OswaldBold;
    font-size: var(--font-size3);
    font-weight: 300;
    line-height: .45rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: keep-all
}

.warp .title[data-v-aac719a5] {
    margin-bottom: .3rem;
    font-size: .42rem
}

.warp a[data-v-aac719a5] {
    color: var(--theme-color3)
}

.warp .text[data-v-aac719a5] {
    color: var(--theme-neutral2);
    text-align: left;
    font-size: .32rem
}

.warp .box[data-v-aac719a5] {
    background: var(--theme-black1);
    border-radius: var(--border-radius);
    padding: .6rem .3rem .54rem;
    margin-top: .15rem
}

.warp .box .vipAmount[data-v-aac719a5] {
    text-align: start;
    margin-bottom: .17rem;
    font-size: .16rem
}

.warp .box .vipAmount span[data-v-aac719a5] {
    color: var(--theme-color19)
}

.warp .box .t-img[data-v-aac719a5] {
    margin-bottom: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.warp .box .t-img span[data-v-aac719a5] {
    font-weight: 700;
    font-size: .42rem
}

.warp .box .t-img img[data-v-aac719a5] {
    width: 1rem;
    object-fit: contain;
    margin-right: .2rem
}

.warp .box .text[data-v-aac719a5] {
    margin-top: .58rem
}

.warp ul[data-v-aac719a5],
.warp li[data-v-aac719a5] {
    list-style: none;
    padding: 0;
    margin: 0
}

.warp ul[data-v-aac719a5] {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 8px !important
}

.warp ul li[data-v-aac719a5] {
    display: flex;
    flex-direction: column;
    align-items: center
}

.warp ul li div[data-v-aac719a5] {
    width: 56px !important;
    overflow: hidden
}

.warp ul li div img[data-v-aac719a5] {
    transform: scale(1.2)
}

.warp ul li img[data-v-aac719a5] {
    width: 56px !important;
    object-fit: cover
}

.warp ul p[data-v-aac719a5] {
    margin-top: .1rem;
    line-height: .32rem
}

.warp4>.text[data-v-aac719a5] {
    color: var(--theme-neutral1) !important
}

.warp4 .text[data-v-aac719a5] {
    margin-top: .2rem !important
}

.warp4 .box[data-v-aac719a5] {
    margin-top: .4rem;
    background: none;
    padding: 0
}

.warp4 .t-img[data-v-aac719a5] {
    padding: 0 0 0 .2rem;
    width: 55%;
    background: linear-gradient(-90deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .44rem;
    justify-content: start !important
}

.warp4 .t-img span[data-v-aac719a5] {
    font-size: .36rem !important;
    font-weight: 400 !important
}

.warp5 .title[data-v-aac719a5] {
    text-align: start
}

.warp5 .box[data-v-aac719a5] {
    padding: .2rem .1rem;
    border-radius: .2rem;
    margin-bottom: .4rem
}

.warp-border[data-v-aac719a5] {
    border-radius: var(--border-radius);
    padding: .5rem .4rem;
    box-sizing: border-box;
    background: var(--theme-color6)
}

.btn[data-v-aac719a5] {
    width: 95%;
    height: 1.2rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .3rem;
    margin: .3rem auto;
    font-family: OswaldBold;
    font-weight: 550;
    font-size: .42rem;
    color: var(--theme-dec3);
    line-height: 1.2rem;
    text-align: center
}

[data-v-6e3db419] .el-dialog {
    background: none !important;
    box-shadow: none !important
}

.bounsPop_box[data-v-6e3db419] {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%
}

.bounsPop_box .pop_box[data-v-6e3db419] {
    position: relative
}

.level_rule_box_title[data-v-6e3db419] {
    font-size: var(--font-title2);
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .2rem .2rem 0rem 0rem;
    height: .8rem;
    display: flex;
    align-items: center;
    padding: 0 .4rem;
    margin-top: .2rem
}

.level_rule_box[data-v-6e3db419] {
    border-radius: .2rem;
    padding: .3rem;
    background: var(--theme-color3)
}

.allLevels[data-v-6e3db419] {
    background: var(--theme-color3)
}

.allLevels .allLevelsBody[data-v-6e3db419] {
    box-sizing: border-box;
    padding: .2rem;
    color: var(--theme-neutral1)
}

.allLevels .list .list_ul .list_ul_li[data-v-6e3db419] {
    margin-bottom: .3rem;
    padding: .4rem .2rem;
    box-sizing: border-box;
    background: var(--theme-color6);
    border-radius: var(--border-radius)
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container ul[data-v-6e3db419] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 16px
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container ul li[data-v-6e3db419] {
    padding: 0;
    box-sizing: border-box;
    border-radius: var(--allLevels-border-radius-pc)
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container ul li .n_data[data-v-6e3db419] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container ul li .n_data img[data-v-6e3db419] {
    opacity: .3;
    width: 115px
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container .rate_list[data-v-6e3db419] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: .2rem;
    padding: .3rem;
    background: var(--theme-color3)
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container .rate_list .rate_list_box[data-v-6e3db419] {
    text-align: center;
    color: var(--theme-neutral1);
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: .3rem
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container .rate_list .rate_list_box div[data-v-6e3db419]:nth-child(1) {
    font-size: .32rem;
    font-weight: 600
}

.allLevels .list .list_ul .list_ul_li .list_ul_li_container .b_container .rate_list .rate_list_box div[data-v-6e3db419]:nth-child(2) {
    font-size: .32rem;
    opacity: .6
}

.allLevels .p_txt[data-v-6e3db419] {
    margin-bottom: .2rem;
    font-size: .36rem;
    text-align: center
}

.allLevels .level_rule_box_info[data-v-6e3db419] {
    width: 100%;
    font-size: var(--font-size2);
    position: relative;
    box-sizing: border-box
}

.allLevels .level_rule_box_info .txt[data-v-6e3db419] {
    margin-bottom: .3rem;
    display: flex;
    justify-content: space-between
}

.allLevels .level_rule_box_info .txt div[data-v-6e3db419]:nth-child(1) {
    font-size: .32rem;
    opacity: .6
}

.allLevels .level_rule_box_info .txt div[data-v-6e3db419]:nth-child(2) {
    font-size: .32rem;
    font-weight: 600;
    color: var(--theme-neutral1)
}

.allLevels .level_rule_box_info .txt[data-v-6e3db419]:nth-child(3) {
    margin-bottom: .8rem
}

.allLevels .level_rule_box_info .txt[data-v-6e3db419]:nth-child(3):after {
    content: "";
    display: block;
    width: 100%;
    height: .02rem;
    background: linear-gradient(to right, transparent 0%, transparent 10%, var(--theme-color6) 50%, transparent 90%, transparent 100%);
    position: absolute;
    bottom: .7rem;
    left: 0;
    right: 0
}

.allLevels[data-v-6e3db419] .el-progress_box {
    width: 4.81rem;
    margin-left: 1.3rem;
    margin-top: .25rem;
    margin-bottom: .3rem
}

.allLevels[data-v-6e3db419] .el-progress-bar__inner {
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2)) !important
}

.allLevels .t_data[data-v-6e3db419] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.allLevels .t_data .img_box[data-v-6e3db419] {
    width: 2rem;
    overflow: hidden
}

.allLevels .t_data .level_img[data-v-6e3db419] {
    display: block;
    margin-right: .3rem;
    width: 1rem
}

.allLevels .t_data .level_btn[data-v-6e3db419] {
    position: relative;
    font-size: .32rem;
    color: var(--theme-neutral2);
    width: 4rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius);
    box-sizing: border-box
}

.allLevels .t_data .level_btn.level_btn_f[data-v-6e3db419] {
    position: relative;
    background: var(--theme-dec1)
}

.allLevels .t_data .level_btn.level_btn_f[data-v-6e3db419]:after {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: var(--border-radius)
}

.allLevels .t_data .level_btn.level_btn_f .sl_box_shadow[data-v-6e3db419] {
    background: transparent !important;
    box-shadow: none;
    color: var(--theme-font-color2)
}

.allLevels .t_data .level_btn.level_btn_f .sl_box_shadow div img[data-v-6e3db419] {
    display: none
}

.allLevels .t_data .level_btn .sl_box_shadow[data-v-6e3db419] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3)
}

.allLevels .t_data .level_btn .sl_box_shadow div[data-v-6e3db419]:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center
}

.allLevels .t_data .level_btn .sl_box_shadow div:nth-child(1) img[data-v-6e3db419] {
    margin-right: 5px;
    width: .23rem
}

.allLevels .t_data .level_btn .sl_box_shadow div:nth-child(1) span[data-v-6e3db419] {
    font-weight: 700
}

.allLevels .t_data .level_btn .sl_box_shadow div[data-v-6e3db419]:nth-child(2) {
    font-weight: 700
}

.allLevels .t_data .level_btn .mask[data-v-6e3db419] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #00000080;
    border-radius: var(--border-radius)
}

.allLevels .last_level[data-v-6e3db419] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 32px
}

.allLevels .last_level .last_level_container[data-v-6e3db419] {
    padding: 15px 24px;
    background: var(--card-background-color);
    border: .05rem solid var(--common-Rinput-shadow);
    border-radius: .2rem
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_t[data-v-6e3db419] {
    margin-bottom: 29px
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_t div[data-v-6e3db419] {
    display: flex;
    justify-content: center;
    align-items: center
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_t div img[data-v-6e3db419] {
    margin-right: 5px;
    width: 60px
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_t div span[data-v-6e3db419] {
    font-size: 22px;
    font-weight: 700
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_t p[data-v-6e3db419] {
    text-align: center;
    font-size: .37rem;
    color: var(--theme-neutral1)
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b[data-v-6e3db419] {
    display: flex;
    gap: 16px
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_l[data-v-6e3db419] {
    width: 218px;
    flex-shrink: 0
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_r[data-v-6e3db419] {
    padding: 27px 0;
    width: 100%
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_l .txt[data-v-6e3db419],
.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_r .txt[data-v-6e3db419] {
    text-align: center
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_l .txt[data-v-6e3db419]:nth-child(1),
.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_l .txt[data-v-6e3db419]:nth-child(2),
.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_r .txt[data-v-6e3db419]:nth-child(1),
.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_r .txt[data-v-6e3db419]:nth-child(2) {
    margin-bottom: 22px
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_l .txt p[data-v-6e3db419]:nth-child(1),
.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_r .txt p[data-v-6e3db419]:nth-child(1) {
    margin-bottom: 17px;
    font-size: .37rem;
    font-weight: 600;
    color: var(--theme-neutral1)
}

.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_l .txt p[data-v-6e3db419]:nth-child(2),
.allLevels .last_level .last_level_container .last_level_box .last_level_box_b .last_level_box_b_r .txt p[data-v-6e3db419]:nth-child(2) {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.allLevels .last_level .last_level_container .last_level_box .rate_list[data-v-6e3db419] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.allLevels .last_level .last_level_container .last_level_box .rate_list .rate_list_box[data-v-6e3db419] {
    color: var(--theme-neutral1);
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse
}

.allLevels .last_level .last_level_container .last_level_box .rate_list .rate_list_box div[data-v-6e3db419]:nth-child(1) {
    font-size: .32rem;
    font-weight: 600
}

.allLevels .last_level .last_level_container .last_level_box .rate_list .rate_list_box div[data-v-6e3db419]:nth-child(2) {
    font-size: .32rem
}

.level_box_info[data-v-6e3db419] {
    width: 100%;
    text-align: left;
    font-size: .32rem
}

.level_box_info .level_name[data-v-6e3db419] {
    color: var(--theme-color3);
    margin-bottom: .15rem
}

.getUrlError[data-v-1ec76b0b] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--gamePage-iframe-background-error)
}

.play_iframe[data-v-1ec76b0b] {
    height: 100%;
    background-color: var(--gamePage-iframe-background);
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

.el-form {
    --el-form-label-font-size: var(--el-font-size-base);
    --el-form-inline-content-width: 220px
}

.el-form--inline .el-form-item {
    display: inline-flex;
    margin-right: 32px;
    vertical-align: middle
}

.el-form--inline.el-form--label-top {
    display: flex;
    flex-wrap: wrap
}

.el-form--inline.el-form--label-top .el-form-item {
    display: block
}

.el-form-item {
    display: flex;
    --font-size: 14px;
    margin-bottom: 18px
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--large {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 22px
}

.el-form-item--large .el-form-item__label {
    height: 40px;
    line-height: 40px
}

.el-form-item--large .el-form-item__content {
    line-height: 40px
}

.el-form-item--large .el-form-item__error {
    padding-top: 4px
}

.el-form-item--default {
    --font-size: 14px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--default .el-form-item__label {
    height: 32px;
    line-height: 32px
}

.el-form-item--default .el-form-item__content {
    line-height: 32px
}

.el-form-item--default .el-form-item__error {
    padding-top: 2px
}

.el-form-item--small {
    --font-size: 12px;
    --el-form-label-font-size: var(--font-size);
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__label {
    height: 24px;
    line-height: 24px
}

.el-form-item--small .el-form-item__content {
    line-height: 24px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--label-left .el-form-item__label {
    justify-content: flex-start
}

.el-form-item--label-top {
    display: block
}

.el-form-item--label-top .el-form-item__label {
    display: block;
    height: auto;
    line-height: 22px;
    margin-bottom: 8px;
    text-align: left
}

.el-form-item__label-wrap {
    display: flex
}

.el-form-item__label {
    align-items: flex-start;
    box-sizing: border-box;
    color: var(--el-text-color-regular);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    height: 32px;
    justify-content: flex-end;
    line-height: 32px;
    padding: 0 12px 0 0
}

.el-form-item__content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    font-size: var(--font-size);
    line-height: 32px;
    min-width: 0;
    position: relative
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: var(--el-color-danger);
    font-size: 12px;
    left: 0;
    line-height: 1;
    padding-top: 2px;
    position: absolute;
    top: 100%
}

.el-form-item__error--inline {
    display: inline-block;
    left: auto;
    margin-left: 10px;
    position: relative;
    top: auto
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
    color: var(--el-color-danger);
    content: "*";
    margin-right: 4px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after {
    color: var(--el-color-danger);
    content: "*";
    margin-left: 4px
}

.el-form-item.is-error .el-input__wrapper,
.el-form-item.is-error .el-input__wrapper.is-focus,
.el-form-item.is-error .el-input__wrapper:focus,
.el-form-item.is-error .el-input__wrapper:hover,
.el-form-item.is-error .el-select__wrapper,
.el-form-item.is-error .el-select__wrapper.is-focus,
.el-form-item.is-error .el-select__wrapper:focus,
.el-form-item.is-error .el-select__wrapper:hover,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner.is-focus,
.el-form-item.is-error .el-textarea__inner:focus,
.el-form-item.is-error .el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input-group__append .el-input__wrapper,
.el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
    box-shadow: inset 0 0 0 1px transparent
}

.el-form-item.is-error .el-input-group__append .el-input__validateIcon,
.el-form-item.is-error .el-input-group__prepend .el-input__validateIcon {
    display: none
}

.el-form-item.is-error .el-input__validateIcon {
    color: var(--el-color-danger)
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-flex
}

[data-v-d4b7a78d] .el-form-item__content {
    line-height: normal;
    display: block
}

[data-v-d4b7a78d] .el-form-item {
    display: block
}

[data-v-d4b7a78d] .el-dialog .el-dialog__body {
    display: flex;
    justify-content: center
}

.optBtn[data-v-d4b7a78d] {
    cursor: pointer;
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--button-background-1-hover);
    border-radius: var(--common-Rinput-border-radius);
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    z-index: 1;
    height: 34px
}

.optBtn p[data-v-d4b7a78d] {
    color: var(--theme-font-color-fff)
}

.optBtn img[data-v-d4b7a78d] {
    margin-right: 6px
}

.optBtn div[data-v-d4b7a78d] {
    display: flex
}

.setPhoneNumber[data-v-d4b7a78d] {
    display: flex;
    justify-content: center
}

.setPhoneNumber .setPhoneNumber_content[data-v-d4b7a78d] {
    padding: 42px 28px 32px;
    position: relative;
    background: var(--theme-card-background);
    border-radius: var(--myAccount-settings-box-border-radius-pc);
    width: 440px;
    box-sizing: border-box
}

.setPhoneNumber .setPhoneNumber_content .close_img[data-v-d4b7a78d] {
    cursor: pointer;
    position: absolute;
    top: 24px;
    right: 24px;
    width: 25px
}

.setPhoneNumber .setPhoneNumber_content .setPhoneNumber_content_header[data-v-d4b7a78d] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 35px
}

.setPhoneNumber .setPhoneNumber_content .setPhoneNumber_content_header span[data-v-d4b7a78d] {
    font-size: 20px;
    color: var(--myAccount-settings-box-Email-title-font-color)
}

.setPhoneNumber .setPhoneNumber_content .el-form_style .phone[data-v-d4b7a78d] {
    display: flex;
    align-items: center;
    position: relative
}

.setPhoneNumber .setPhoneNumber_content .el-form_style .phone p[data-v-d4b7a78d] {
    color: var(--myAccount-theme-font-color);
    font-size: .32rem
}

.setPhoneNumber .setPhoneNumber_content .el-form_style .input_box_code[data-v-d4b7a78d] {
    display: flex;
    gap: 13px
}

.setPhoneNumber .setPhoneNumber_content .btn[data-v-d4b7a78d] {
    cursor: pointer;
    text-align: center;
    border-radius: var(--myAccount-settings-box-submitButton-border-radius-pc);
    font-size: 16px;
    font-weight: 700;
    color: var(--theme-font-color-fff);
    background: var(--button-background-1-hover);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px
}

@media (max-width: 768px) {
    .setPhoneNumber .setPhoneNumber_content[data-v-d4b7a78d] {
        padding: 50px 20px 37px;
        border-radius: 0
    }

    .setPhoneNumber .setPhoneNumber_content .setPhoneNumber_content_header img[data-v-d4b7a78d] {
        width: 32px
    }

    .setPhoneNumber .setPhoneNumber_content .setPhoneNumber_content_header span[data-v-d4b7a78d] {
        font-size: 20px
    }

    .setPhoneNumber .setPhoneNumber_content .el-form_style[data-v-d4b7a78d] {
        margin-bottom: 20px !important
    }

    .setPhoneNumber .setPhoneNumber_content .el-form_style .el-form-item[data-v-d4b7a78d] {
        margin-bottom: 20px
    }

    .setPhoneNumber .setPhoneNumber_content .el-form_style .input_box_code[data-v-d4b7a78d] {
        display: flex;
        gap: 13px
    }

    .setPhoneNumber .setPhoneNumber_content .btn[data-v-d4b7a78d] {
        height: 38px;
        line-height: 38px;
        font-size: 18px
    }
}

[data-v-614dd68b] .el-form-item__content {
    line-height: normal;
    display: block
}

[data-v-614dd68b] .el-form-item {
    display: block
}

.setEmail[data-v-614dd68b] {
    border-radius: .44rem
}

.setEmail .setPhoneNumber_content .setPhoneNumber_content_header[data-v-614dd68b] {
    margin-bottom: .4rem;
    font-size: .42rem;
    color: var(--theme-color2)
}

.setEmail .setPhoneNumber_content .current_info_box[data-v-614dd68b] {
    margin-bottom: 18px;
    padding-left: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: .22rem;
    box-sizing: border-box;
    overflow-x: scroll;
    font-size: .32rem
}

.setEmail .setPhoneNumber_content .binding_success[data-v-614dd68b] {
    margin-bottom: 13px;
    font-size: 12px;
    color: var(--secondary-color);
    line-height: 16px
}

.setEmail .setPhoneNumber_content .pwd[data-v-614dd68b] {
    width: 100%;
    display: flex;
    align-items: center
}

.setEmail .setPhoneNumber_content .pwd img[data-v-614dd68b] {
    width: 26px
}

.setEmail .setPhoneNumber_content .phone[data-v-614dd68b] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.setEmail .setPhoneNumber_content .fontP[data-v-614dd68b] .input_txt {
    left: 40px
}

.setEmail .setPhoneNumber_content .optBtn[data-v-614dd68b] {
    cursor: pointer;
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--theme-dec1);
    border-radius: .15rem;
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    z-index: 1;
    height: 34px
}

.setEmail .setPhoneNumber_content .optBtn p[data-v-614dd68b] {
    color: var(--theme-neutral1)
}

.setEmail .setPhoneNumber_content .optBtn img[data-v-614dd68b] {
    margin-right: 6px
}

.setEmail .setPhoneNumber_content .optBtn div[data-v-614dd68b] {
    display: flex
}

.setEmail .setPhoneNumber_content[data-v-614dd68b] .el-statistic .el-statistic__content {
    font-size: .32rem;
    color: var(--font-color1)
}

.setEmail .setPhoneNumber_content .btn[data-v-614dd68b] {
    margin: .7rem auto .2rem;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 1.3rem;
    align-items: center;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .2rem
}

.setEmail .setPhoneNumber_content .btn span[data-v-614dd68b] {
    width: 100%;
    height: 100%;
    font-size: .42rem;
    color: var(--theme-dec3);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .setEmail .setPhoneNumber_content .current_info_box[data-v-614dd68b] {
        margin-bottom: 18px;
        padding-left: 16px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        overflow-x: scroll;
        font-size: .32rem
    }

    .setEmail .setPhoneNumber_content .pwd[data-v-614dd68b] {
        width: 100%;
        display: flex;
        align-items: center
    }

    .setEmail .setPhoneNumber_content .pwd img[data-v-614dd68b] {
        width: 26px
    }

    .setEmail .setPhoneNumber_content .phone[data-v-614dd68b] {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative
    }

    .setEmail .setPhoneNumber_content .fontP[data-v-614dd68b] .input_txt {
        left: 40px
    }

    .setEmail .setPhoneNumber_content .optBtn[data-v-614dd68b] {
        cursor: pointer;
        position: absolute;
        font-size: .32rem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 8px;
        z-index: 1;
        height: 34px
    }

    .setEmail .setPhoneNumber_content .optBtn img[data-v-614dd68b] {
        margin-right: 6px
    }

    .setEmail .setPhoneNumber_content .optBtn div[data-v-614dd68b] {
        display: flex
    }

    .setEmail .setPhoneNumber_content .binding_success[data-v-614dd68b] {
        margin-bottom: 13px;
        font-size: 12px
    }

    .setEmail .setPhoneNumber_content .el-form_style .el-form-item[data-v-614dd68b] {
        margin-bottom: .2rem
    }
}

[data-v-e895b64b] .el-dialog__body {
    width: 80%
}

.setAvatar .setAvatar_content[data-v-e895b64b] {
    position: relative;
    width: 100%;
    padding: 40px 22px 32px;
    box-sizing: border-box;
    background: var(--theme-color11);
    border-radius: var(--border-radius);
    color: var(--theme-neutral1)
}

.setAvatar .setAvatar_content .close_img[data-v-e895b64b] {
    cursor: pointer;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 20px
}

.setAvatar .setAvatar_content .label[data-v-e895b64b] {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600
}

.setAvatar .setAvatar_content .change_uesrname[data-v-e895b64b] {
    margin-bottom: 22px
}

.setAvatar .setAvatar_content .change_uesrname .edit_name_input[data-v-e895b64b] {
    position: relative
}

.setAvatar .setAvatar_content .change_uesrname .edit_name_input .svg-icon[data-v-e895b64b] {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 15px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px
}

.setAvatar .setAvatar_content .change_uesrname .edit_name_input[data-v-e895b64b] .el-input {
    background: var(--theme-color6);
    border-radius: .2rem;
    color: var(--theme-neutral1)
}

.setAvatar .setAvatar_content .change_uesrname .edit_name_input[data-v-e895b64b] .el-input .el-input__inner {
    color: var(--theme-neutral1)
}

.setAvatar .setAvatar_content .change_uesrname .edit_name_input[data-v-e895b64b] .el-input .el-input__wrapper {
    box-shadow: none;
    background: transparent
}

.setAvatar .setAvatar_content .change_uesrname .edit_name_input[data-v-e895b64b] .el-input .el-input__wrapper input {
    border: none
}

.setAvatar .setAvatar_content .avatar_list[data-v-e895b64b] {
    display: none
}

.setAvatar .setAvatar_content .avatar_list ul[data-v-e895b64b] {
    padding: 0 0 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 16px;
    row-gap: 12px
}

.setAvatar .setAvatar_content .avatar_list ul li[data-v-e895b64b] {
    cursor: pointer;
    position: relative;
    box-sizing: border-box
}

.setAvatar .setAvatar_content .avatar_list ul li.active .img_mask[data-v-e895b64b] {
    display: none
}

.setAvatar .setAvatar_content .avatar_list ul li .img_mask[data-v-e895b64b] {
    position: absolute;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: #0009
}

.setAvatar .setAvatar_content .avatar_list ul li img[data-v-e895b64b] {
    width: 61px
}

.setAvatar .setAvatar_content .btn[data-v-e895b64b] {
    cursor: pointer;
    line-height: 1rem;
    text-align: center;
    font-size: .42rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .2rem
}

@media (max-width: 768px) {
    .setAvatar[data-v-e895b64b] {
        width: 100%
    }

    .setAvatar .setAvatar_content[data-v-e895b64b] {
        margin: 0 12px;
        padding: 35px 20px
    }

    .setAvatar .setAvatar_content .label[data-v-e895b64b] {
        font-size: 16px
    }

    .setAvatar .setAvatar_content .change_uesrname .edit_name_input[data-v-e895b64b] {
        margin: .6rem auto
    }

    .setAvatar .setAvatar_content .change_uesrname .edit_name_input img[data-v-e895b64b] {
        width: 20px
    }

    .setAvatar .setAvatar_content .avatar_list ul[data-v-e895b64b] {
        column-gap: 20px;
        row-gap: 10px
    }

    .setAvatar .setAvatar_content .avatar_list ul li .img_mask[data-v-e895b64b] {
        width: 58px;
        height: 58px
    }

    .setAvatar .setAvatar_content .avatar_list ul li img[data-v-e895b64b] {
        width: 58px
    }

    .setAvatar .setAvatar_content .btn[data-v-e895b64b] {
        background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2))
    }
}

.game_list[data-v-bcf2599c] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .12rem;
    width: 100%;
    margin-top: .28rem
}

.flag[data-v-bcf2599c] {
    background: var(--theme-color3)
}

.column_title[data-v-bcf2599c] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.column_title .top_box[data-v-bcf2599c] {
    display: flex;
    align-items: center
}

.column_title .top_box img[data-v-bcf2599c] {
    margin-right: .23rem;
    width: .63rem;
    height: .73rem
}

.column_title .top_box span[data-v-bcf2599c] {
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.column_title[data-v-bcf2599c] .page-pagination .game_operate {
    gap: .2rem
}

.column_title[data-v-bcf2599c] .page-pagination .game_operate .btn_font {
    display: none
}

.myAccount[data-v-02eb3fa1] {
    margin-bottom: 18px;
    color: var(--theme-neutral1)
}

.myAccount .myAccount_box[data-v-02eb3fa1] {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: column
}

.myAccount .myAccount_box .withdraw-info2[data-v-02eb3fa1] {
    width: 100%
}

.myAccount .myAccount_box .user_box[data-v-02eb3fa1],
.myAccount .myAccount_box .withdraw-info[data-v-02eb3fa1] {
    width: 100%;
    font-size: .32rem;
    box-sizing: border-box;
    margin-top: .2rem;
    background: var(--theme-color6);
    border-radius: .2rem
}

.myAccount .myAccount_box .user_box[data-v-02eb3fa1] {
    position: relative;
    padding: .32rem .27rem .25rem;
    width: 100%;
    font-size: .32rem
}

.myAccount .myAccount_box .user_box .edit_img[data-v-02eb3fa1] {
    position: absolute;
    top: .66rem;
    right: .58rem
}

.myAccount .myAccount_box .user_box .edit_img img[data-v-02eb3fa1] {
    width: .4rem
}

.myAccount .myAccount_box .user_box .user_avatar[data-v-02eb3fa1] {
    display: flex;
    align-items: center;
    color: var(--theme-neutral1);
    gap: .2rem;
    margin-bottom: .2rem;
    padding: .15rem .34rem;
    background: var(--theme-color11);
    border-radius: .15rem
}

.myAccount .myAccount_box .user_box .user_avatar .userNameBox[data-v-02eb3fa1] {
    display: flex;
    flex-direction: column;
    gap: .26rem;
    font-size: .28rem
}

.myAccount .myAccount_box .user_box .user_avatar .userNameBox .userName[data-v-02eb3fa1] {
    font-size: .36rem;
    font-weight: 700
}

.myAccount .myAccount_box .user_box .user_avatar .userNameBox div[data-v-02eb3fa1]:nth-child(2) {
    font-size: .28rem;
    color: var(--theme-color2)
}

.myAccount .myAccount_box .user_box .user_avatar img[data-v-02eb3fa1] {
    width: 1.4rem
}

.myAccount .myAccount_box .user_box .user_info .user_info_box[data-v-02eb3fa1] {
    display: flex;
    align-items: center;
    margin-bottom: .2rem;
    text-align: right
}

.myAccount .myAccount_box .user_box .user_info .user_info_box .label[data-v-02eb3fa1] {
    margin-right: .25rem;
    width: 2.15rem;
    flex-shrink: 0;
    white-space: nowrap;
    font-size: .32rem;
    font-weight: 100;
    color: var(--theme-color2)
}

.myAccount .myAccount_box .user_box .user_info .user_info_box .info[data-v-02eb3fa1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: .47rem;
    background: var(--theme-color3);
    width: 100%;
    height: .9rem;
    border-radius: .15rem;
    font-size: .32rem
}

.myAccount .myAccount_box .user_box .user_info .user_info_box .info img[data-v-02eb3fa1] {
    cursor: pointer;
    margin-right: .39rem;
    width: .35rem;
    height: .37rem
}

.myAccount .myAccount_box .user_box .user_date[data-v-02eb3fa1] {
    text-align: right
}

.myAccount .myAccount_box .account_total_box[data-v-02eb3fa1] .withdrawColumnAmountInfo {
    padding: .2rem .22rem;
    border: none
}

.myAccount .myAccount_box .account_total_box[data-v-02eb3fa1] .withdrawColumnAmountInfo .r_box {
    gap: 12px
}

.myAccount .myAccount_box .account_total_box .account_total_box_info[data-v-02eb3fa1] {
    box-sizing: border-box;
    height: auto;
    border-radius: .3rem;
    background: var(--theme-color6)
}

.myAccount .myAccount_box .account_total_box .account_total_box_info .account_total_box_info_title[data-v-02eb3fa1] {
    padding: .3rem;
    color: var(--theme-neutral1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .36rem;
    background: var(--theme-color6);
    border-radius: .2rem
}

.myAccount .myAccount_box .account_total_box .account_total_box_info .account_total_box_info_title img[data-v-02eb3fa1] {
    width: .41rem;
    height: .41rem;
    transform: rotate(180deg)
}

.myAccount .myAccount_box .account_total_box .account_total_box_info .account_total_box_info_title .down[data-v-02eb3fa1] {
    transform: rotate(-90deg)
}

.myAccount .myAccount_box .account_total_box .account_total_box_info ul[data-v-02eb3fa1] {
    padding: .18rem 0 .05rem
}

.myAccount .myAccount_box .account_total_box .account_total_box_info ul li[data-v-02eb3fa1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .36rem;
    font-weight: 100;
    font-size: .28rem;
    color: var(--theme-color2);
    padding: 0 .33rem
}

.myAccount .favorite_games[data-v-02eb3fa1] {
    margin-bottom: 8px
}

.myAccount .favorite_games .favorite_games_column[data-v-02eb3fa1] {
    display: flex;
    align-items: center
}

.myAccount .favorite_games .favorite_games_column img[data-v-02eb3fa1] {
    margin-right: 5px;
    width: 28px
}

.myAccount .favorite_games .favorite_games_column span[data-v-02eb3fa1] {
    font-size: .32rem;
    font-weight: 600;
    color: var(--myAccount-favorite_games-font-color)
}

.toggle-enter[data-v-02eb3fa1],
.toggle-leave-to[data-v-02eb3fa1] {
    max-height: 0;
    overflow: hidden
}

.toggle-enter-active[data-v-02eb3fa1] {
    max-height: 5rem
}

[data-v-02eb3fa1] .withdrawColumnAmountInfo {
    background-color: transparent;
    border: none
}

.pagination[data-v-08c1516c] {
    padding: 10px 0
}

.pagination .paging[data-v-08c1516c] {
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination .paging .btn[data-v-08c1516c] {
    width: .8rem;
    height: .8rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.pagination .paging .btn img[data-v-08c1516c] {
    width: .5rem
}

.pagination .paging .right img[data-v-08c1516c] {
    transform: rotate(180deg)
}

.pagination .paging .prev[data-v-08c1516c],
.pagination .paging .next[data-v-08c1516c] {
    cursor: pointer;
    width: .68rem;
    height: .68rem;
    padding: 0
}

.pagination .paging .txt[data-v-08c1516c] {
    margin: 0 .2rem;
    padding: .23rem .46rem;
    font-size: .36rem;
    color: var(--theme-neutral1);
    background: var(--theme-color6);
    border-radius: .15rem
}

.pagination .paging .txt span[data-v-08c1516c] {
    color: var(--theme-color13)
}

@media (max-width: 768px) {
    .pagination .paging[data-v-08c1516c] {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.Transactions .yellow span[data-v-ec86d47c] {
    color: var(--theme-dec2)
}

.Transactions .green span[data-v-ec86d47c] {
    color: var(--theme-dec1)
}

.Transactions .red span[data-v-ec86d47c] {
    color: var(--theme-dec5)
}

.Transactions .tabs[data-v-ec86d47c] {
    position: relative;
    margin: .3rem 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    box-sizing: border-box
}

.Transactions .tabs .statusClass[data-v-ec86d47c] {
    font-size: var(--font-title2);
    color: var(--theme-dec4)
}

.Transactions .tabs .item[data-v-ec86d47c] {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .4rem;
    color: var(--theme-neutral2);
    position: relative;
    padding-bottom: .26rem
}

.Transactions .tabs .item[data-v-ec86d47c]:after {
    content: "";
    width: 2rem;
    height: .06rem;
    background: transparent;
    position: absolute;
    z-index: 1;
    bottom: 0
}

.Transactions .tabs .check[data-v-ec86d47c] {
    color: var(--theme-neutral1)
}

.Transactions .tabs .check[data-v-ec86d47c]:after {
    background: linear-gradient(-90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.Transactions .table .table_column[data-v-ec86d47c] {
    display: flex;
    line-height: 1rem;
    border-radius: .2rem .2rem 0rem 0rem;
    color: var(--theme-neutral1);
    height: 1rem;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.Transactions .table .table_column div[data-v-ec86d47c] {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: .4rem
}

.Transactions .table .table_content[data-v-ec86d47c] {
    position: relative;
    min-height: 8rem;
    padding-bottom: .4rem;
    box-sizing: border-box;
    background: var(--theme-color6);
    color: var(--theme-neutral1);
    border-radius: 0rem 0rem .2rem .2rem
}

.Transactions .table .table_content ul[data-v-ec86d47c] {
    padding: 0rem 0 .2rem
}

.Transactions .table .table_content ul li[data-v-ec86d47c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    height: 1rem
}

.Transactions .table .table_content ul li[data-v-ec86d47c]:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .02rem;
    background: var(--theme-color11);
    opacity: .5
}

.Transactions .table .table_content ul li[data-v-ec86d47c]:nth-last-child(1) {
    margin-bottom: 0
}

.Transactions .table .table_content ul li div[data-v-ec86d47c] {
    text-align: center;
    width: 100%;
    font-size: .32rem
}

.Transactions .table .table_content ul li div[data-v-ec86d47c]:nth-child(1) {
    color: var(--theme-color2)
}

.Transactions .table .table_content ul li div[data-v-ec86d47c]:nth-child(2) {
    color: var(--theme-dec4)
}

.Transactions .table .table_content .statusClass[data-v-ec86d47c] {
    display: flex;
    justify-content: flex-end;
    padding-right: .4rem
}

.Transactions .table .table_content .statusClass span[data-v-ec86d47c] {
    display: inline-block;
    width: 2.2rem;
    height: .7rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.Transactions .table .table_content .none_data[data-v-ec86d47c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .32rem
}

[data-v-c10f40e8] .el-form-item__content {
    line-height: normal;
    display: block
}

[data-v-c10f40e8] .el-form-item {
    display: block
}

.setPassword[data-v-c10f40e8] {
    border-radius: .44rem
}

.setPassword .setPassword_content[data-v-c10f40e8] {
    box-sizing: border-box;
    border-radius: .44rem
}

.setPassword .setPassword_content .el-form_style .el-form-item[data-v-c10f40e8] {
    margin-bottom: 18px
}

.setPassword .setPassword_content .phone[data-v-c10f40e8] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.setPassword .setPassword_content[data-v-c10f40e8] .el-input__password {
    display: none !important
}

.setPassword .setPassword_content .checkEye img[data-v-c10f40e8] {
    display: block;
    width: .54rem
}

.setPassword .setPassword_content .fontP[data-v-c10f40e8] .input_txt {
    left: 40px
}

.setPassword .setPassword_content .btn[data-v-c10f40e8] {
    margin: .7rem auto .2rem;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 1.3rem;
    align-items: center;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .2rem
}

.setPassword .setPassword_content .btn span[data-v-c10f40e8] {
    width: 100%;
    height: 100%;
    font-size: .42rem;
    color: var(--theme-dec3);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-d626a3e2] .el-form-item__content {
    line-height: normal;
    display: block
}

[data-v-d626a3e2] .el-form-item {
    display: block
}

[data-v-d626a3e2] .el-dialog .el-dialog__body {
    display: flex;
    justify-content: center
}

[data-v-d626a3e2] .is-disabled .el-input__wrapper {
    background-color: transparent
}

[data-v-d626a3e2] .el-input.is-disabled .el-input__inner {
    -webkit-text-fill-color: var(--theme-neutral1)
}

.fontP[data-v-d626a3e2] .input_txt {
    left: 80px
}

.fontP2[data-v-d626a3e2] .input_txt {
    left: 40px
}

.optBtn[data-v-d626a3e2] {
    cursor: pointer;
    position: absolute;
    right: .1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--account-table-header);
    border-radius: var(--account-btn-radius);
    font-size: .32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    z-index: 1;
    height: 34px
}

.optBtn p[data-v-d626a3e2] {
    color: var(--font-color1)
}

.optBtn img[data-v-d626a3e2] {
    margin-right: 6px
}

.optBtn div[data-v-d626a3e2] {
    display: flex
}

.setPhone[data-v-d626a3e2] {
    border-radius: .44rem;
    color: var(--theme-neutral1)
}

.setPhone .setPhone_content[data-v-d626a3e2] {
    border-radius: .44rem;
    box-sizing: border-box
}

.setPhone .setPhone_content[data-v-d626a3e2] .el_input_box .el-input {
    padding: 0 .66rem
}

.setPhone .setPhone_content .setPhone_content_header[data-v-d626a3e2] {
    margin-bottom: 12px
}

.setPhone .setPhone_content .setPhone_content_header span[data-v-d626a3e2] {
    font-size: .32rem;
    color: var(--myAccount-settings-box-Email-title-font-color)
}

.setPhone .setPhone_content .current_info_box[data-v-d626a3e2] {
    margin-bottom: .22rem;
    padding-left: 16px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    overflow-x: scroll;
    font-size: .32rem;
    background: var(--theme-color11);
    border-radius: .22rem;
    color: var(--secondary-color)
}

.setPhone .setPhone_content .binding_success[data-v-d626a3e2] {
    margin-top: .29rem;
    margin-bottom: .15rem;
    font-size: .28rem;
    color: var(--theme-dec1)
}

.setPhone .setPhone_content[data-v-d626a3e2] .input_box_style {
    padding-left: .27rem !important
}

.setPhone .setPhone_content[data-v-d626a3e2] .input_box_style .el-input-group__prepend:before {
    right: -.5rem
}

.setPhone .setPhone_content[data-v-d626a3e2] .input_box_style .el-input-group__prepend .phone {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.setPhone .setPhone_content[data-v-d626a3e2] .input_box_style .el-input-group__prepend .phone img {
    margin-right: .23rem;
    width: .76rem
}

.setPhone .setPhone_content[data-v-d626a3e2] .input_box_style .el-input-group__prepend .phone p {
    color: var(--theme-neutral1);
    font-size: .32rem
}

.setPhone .setPhone_content .btn[data-v-d626a3e2] {
    margin: .2rem auto;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 1rem;
    align-items: center;
    background: var(--theme-color1);
    border-radius: .5rem
}

.setPhone .setPhone_content .btn span[data-v-d626a3e2] {
    width: 100%;
    height: 100%;
    font-size: var(--font-title);
    color: var(--theme-neutral1);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 768px) {
    .setPhone .setPhone_content_header span[data-v-d626a3e2] {
        font-size: 12px
    }

    .setPhone .current_info_box[data-v-d626a3e2] {
        margin-bottom: .22rem;
        padding-left: 16px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
        overflow-x: scroll;
        font-size: .32rem
    }

    .setPhone .binding_success[data-v-d626a3e2] {
        margin-bottom: 13px;
        font-size: 12px;
        color: var(--secondary-color)
    }

    .setPhone .el-form_style .phone[data-v-d626a3e2] {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative
    }
}

.settings[data-v-b31151e5] {
    display: flex;
    padding-top: .4rem;
    padding-bottom: 1.2rem;
    flex-direction: column;
    gap: 12px
}

.settings .settings_box[data-v-b31151e5] {
    width: 100%;
    flex-shrink: 0
}

.settings .settings_box .settings_title[data-v-b31151e5] {
    margin-bottom: .4rem;
    font-size: .42rem;
    color: var(--theme-color2)
}

.account[data-v-b3f6bd98] {
    position: relative;
    box-sizing: border-box;
    background: var(--theme-color3)
}

.account .account-box[data-v-b3f6bd98] {
    padding: .3rem .2rem
}

.account .tabs[data-v-b3f6bd98] {
    width: 100%;
    height: 1.04rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: var(--theme-color6);
    box-sizing: border-box;
    border-radius: .2rem;
    overflow: hidden;
    transition: transform .2s linear
}

.account .tabs .tab_item div[data-v-b3f6bd98] {
    color: var(--theme-neutral1);
    opacity: .5
}

.account .tabs div[data-v-b3f6bd98] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-weight: 100;
    font-size: .36rem;
    text-align: center;
    padding: 0 .1rem
}

.account .tabs .active[data-v-b3f6bd98] {
    color: var(--theme-neutral1);
    font-weight: 600;
    background: var(--theme-color11);
    border-radius: .2rem;
    background: linear-gradient(90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.account .tabs .active div[data-v-b3f6bd98] {
    opacity: 1
}

.account .account-content-box[data-v-b3f6bd98] {
    background-color: var(--theme-color3);
    margin-top: .1rem
}

.allbonus[data-v-652c4beb] {
    background: var(--theme-color3);
    padding: .3rem .2rem;
    color: var(--theme-neutral1)
}

.allbonus[data-v-652c4beb] * {
    transition: all .3s ease
}

.allbonus .title[data-v-652c4beb] {
    display: flex;
    align-items: center;
    padding: .72rem 0;
    font-family: OswaldBold;
    font-weight: 900;
    font-size: .51rem
}

.allbonus .title img[data-v-652c4beb] {
    width: .84rem
}

.allbonus .title p[data-v-652c4beb] {
    font-size: .51rem;
    font-weight: 700
}

.allbonus .titleList[data-v-652c4beb] {
    display: flex
}

.allbonus .body[data-v-652c4beb] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: .2rem;
    padding-bottom: 1rem
}

.allbonus .body .item[data-v-652c4beb] {
    position: relative;
    cursor: pointer;
    width: 100%;
    overflow: hidden;
    font-family: OswaldBold;
    font-weight: 700;
    color: var(--theme-neutral1);
    background: var(--theme-color11);
    border-radius: .2rem;
    width: 4.7rem;
    height: 6rem
}

.allbonus .body .item .itemTop[data-v-652c4beb] {
    height: 100%;
    width: 100%
}

.allbonus .body .item .itemTop img[data-v-652c4beb] {
    display: block;
    height: 100%;
    width: 100%
}

.allbonus .body .item .itemBottom[data-v-652c4beb] {
    display: flex;
    padding: 0 .3rem;
    justify-content: space-between;
    align-items: center
}

.allbonus .body .item .itemBottom .titel[data-v-652c4beb] {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: center
}

.allbonus .body .item .itemBottom .titel .titel_icon[data-v-652c4beb] {
    width: .8rem;
    height: .8rem;
    border-radius: .1rem;
    overflow: hidden;
    margin-right: .3rem
}

.allbonus .body .item .itemBottom .titel .titel_span[data-v-652c4beb] {
    font-size: .35rem
}

.allbonus .body .item .itemBottom .btn[data-v-652c4beb] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: .75rem;
    border-radius: .2rem 0rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-dec3)
}

.allbonus .body .item .itemBottom .info_font[data-v-652c4beb] {
    font-size: .32rem !important
}

.el-image__error,
.el-image__inner,
.el-image__placeholder,
.el-image__wrapper {
    height: 100%;
    width: 100%
}

.el-image {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.el-image__inner {
    opacity: 1;
    vertical-align: top
}

.el-image__inner.is-loading {
    opacity: 0
}

.el-image__wrapper {
    left: 0;
    position: absolute;
    top: 0
}

.el-image__error,
.el-image__placeholder {
    background: var(--el-fill-color-light)
}

.el-image__error {
    align-items: center;
    color: var(--el-text-color-placeholder);
    display: flex;
    font-size: 14px;
    justify-content: center;
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-image-viewer__wrapper {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.el-image-viewer__btn {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: .8;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

.el-image-viewer__btn .el-icon {
    cursor: pointer;
    font-size: inherit
}

.el-image-viewer__close {
    font-size: 40px;
    height: 40px;
    right: 40px;
    top: 40px;
    width: 40px
}

.el-image-viewer__canvas {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: static;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.el-image-viewer__actions {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    border-radius: 22px;
    bottom: 30px;
    height: 44px;
    left: 50%;
    padding: 0 23px;
    transform: translate(-50%);
    width: 282px
}

.el-image-viewer__actions__inner {
    align-items: center;
    color: #fff;
    cursor: default;
    display: flex;
    font-size: 23px;
    height: 100%;
    justify-content: space-around;
    width: 100%
}

.el-image-viewer__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__close {
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    color: #fff;
    font-size: 24px;
    height: 44px;
    width: 44px
}

.el-image-viewer__mask {
    background: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.viewer-fade-enter-active {
    animation: viewer-fade-in var(--el-transition-duration)
}

.viewer-fade-leave-active {
    animation: viewer-fade-out var(--el-transition-duration)
}

@keyframes viewer-fade-in {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes viewer-fade-out {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }
}

[data-v-2f486092] .el-image {
    display: flex;
    justify-content: center;
    align-items: center
}

.info_box[data-v-2f486092] {
    margin-top: .36rem;
    background-color: var(--theme-card-background);
    padding: .7rem .5rem;
    border-radius: var(--ActivitySubpage-info_box-border-radius);
    background: #fffcf3;
    border: .06rem solid #D7D4CD;
    border-radius: .3rem
}

.image-slot[data-v-2f486092] {
    display: flex;
    justify-content: center;
    align-items: center
}

.image-slot img[data-v-2f486092] {
    width: 2rem
}

.ActivitySubpage .title[data-v-2f486092] {
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .56rem;
    color: #3c3f40;
    margin-bottom: .2rem
}

.ActivitySubpage .font[data-v-2f486092],
.ActivitySubpage .font p[data-v-2f486092] {
    white-space: break-spaces;
    color: var(--ActivitySubpage-info_box-font-color);
    font-weight: 300;
    font-size: .32rem;
    color: #3c3f40;
    line-height: .8rem
}

.ActivitySubpage .btnBox[data-v-2f486092] {
    width: 100%;
    display: flex;
    justify-content: center
}

.ActivitySubpage .btnBox .btn[data-v-2f486092] {
    padding: 12px 35px;
    margin-top: .3rem;
    font-size: .32rem;
    font-weight: 550;
    background: #272727;
    color: var(--font-color1);
    border-radius: .1rem
}

[data-v-2f486092] .min_title {
    font-size: .4rem;
    font-weight: 700
}

.ActivitySubpage[data-v-2f486092] {
    background: #f4f0e9
}

.ActivitySubpage .ActivitySubpage-box[data-v-2f486092] {
    padding: 0 .5rem
}

.ActivitySubpage .img[data-v-2f486092] {
    margin-top: .4rem;
    height: 3.6rem;
    overflow: hidden;
    border-radius: .3rem
}

.historicalRecord .content_box[data-v-298508f2] {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.historicalRecord .content_box .action_bar[data-v-298508f2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.historicalRecord .content_box .action_bar .quantity[data-v-298508f2] {
    font-weight: 700;
    opacity: .8
}

.historicalRecord .content_box .action_bar .quantity span[data-v-298508f2]:nth-child(1) {
    color: var(--supplyCrate-list-div1-font-color)
}

.historicalRecord .content_box .action_bar .quantity span[data-v-298508f2]:nth-child(2) {
    color: var(--theme-dec4)
}

.historicalRecord .content_box .tab_column[data-v-298508f2] {
    margin-top: .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .3rem .3rem 0rem 0rem;
    height: 1.2rem
}

.historicalRecord .content_box .tab_column div[data-v-298508f2] {
    width: 100%;
    font-family: OswaldBold;
    font-weight: 400;
    font-size: .42rem;
    text-align: center
}

.historicalRecord .content_box .list[data-v-298508f2] {
    position: relative;
    border-radius: 0 0 .6rem .6rem;
    background: var(--theme-color6);
    min-height: 9rem;
    padding: .2rem 0 1.2rem
}

.historicalRecord .content_box .list ul[data-v-298508f2] {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: .1rem
}

.historicalRecord .content_box .list ul li[data-v-298508f2] {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.historicalRecord .content_box .list ul li[data-v-298508f2]:nth-last-child(1) {
    margin-bottom: 0
}

.historicalRecord .content_box .list ul li div[data-v-298508f2] {
    font-size: .32rem;
    font-weight: 500;
    color: var(--theme-neutral1);
    text-align: center
}

.historicalRecord .content_box .list ul li div[data-v-298508f2]:nth-child(2) {
    color: var(--theme-neutral1);
    text-align: center
}

.historicalRecord .content_box .list .no_data[data-v-298508f2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: .5rem;
    font-weight: 700;
    opacity: .6;
    color: var(--theme-neutral1)
}

.historicalRecord .content_box .paging[data-v-298508f2] {
    position: relative;
    margin-top: -1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem
}

.historicalRecord .content_box .paging .prev[data-v-298508f2],
.historicalRecord .content_box .paging .next[data-v-298508f2] {
    cursor: pointer
}

.historicalRecord .content_box .paging .prev img[data-v-298508f2],
.historicalRecord .content_box .paging .next img[data-v-298508f2] {
    width: .4rem
}

.historicalRecord .content_box .paging .prev img[data-v-298508f2] {
    transform: rotate(180deg)
}

.historicalRecord .content_box .paging .txt[data-v-298508f2] {
    padding: .18rem .5rem;
    margin: 0 .4rem;
    font-size: .36rem;
    border-radius: .15rem;
    background: var(--theme-color11)
}

.supplyCrate[data-v-1b82da46] {
    box-sizing: border-box;
    color: var(--theme-neutral1)
}

.supplyCrate .content_box[data-v-1b82da46] {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin-top: -2.2rem
}

.supplyCrate .content_box .title_box[data-v-1b82da46] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px;
    margin: .35rem 0;
    display: block
}

.supplyCrate .content_box .column_box[data-v-1b82da46] {
    position: relative;
    display: flex;
    gap: .21rem;
    padding: .37rem .2rem;
    box-sizing: border-box
}

.supplyCrate .content_box .column_box[data-v-1b82da46]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(-90deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    opacity: .8;
    border-radius: .35rem;
    z-index: 0
}

.supplyCrate .content_box .column_box>div[data-v-1b82da46] {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .48rem 0;
    border-radius: .2rem;
    gap: .32rem;
    background: var(--theme-color6);
    border: .01rem solid var(--theme-color7)
}

.supplyCrate .content_box .column_box>div .t_box[data-v-1b82da46] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .32rem;
    color: var(--theme-neutral1);
    border-radius: .4rem 0 0
}

.supplyCrate .content_box .column_box>div .t_box2[data-v-1b82da46] {
    border-radius: 0 .4rem 0 0 !important
}

.supplyCrate .content_box .column_box>div .money_txt[data-v-1b82da46] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .66rem;
    color: var(--theme-dec4)
}

.supplyCrate .content_box .btn[data-v-1b82da46] {
    display: flex;
    gap: .7rem;
    justify-content: space-around;
    margin-top: .3rem
}

.supplyCrate .content_box .btn div[data-v-1b82da46] {
    position: relative;
    width: 100%;
    cursor: pointer;
    height: 1.2rem;
    border-radius: .25rem;
    background: var(--theme-color7);
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .42rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.supplyCrate .content_box .btn div[data-v-1b82da46]:first-child {
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.supplyCrate .content_box .btn div[data-v-1b82da46]:first-child:before {
    content: "";
    position: absolute;
    right: -.23rem;
    height: 100%;
    width: 20%;
    transform: skew(-20deg);
    border-radius: .25rem;
    border-top-left-radius: 0;
    background: linear-gradient(0deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.supplyCrate .content_box .btn div[data-v-1b82da46]:last-child:before {
    content: "";
    position: absolute;
    left: -.17rem;
    height: 100%;
    width: 20%;
    transform: skew(-20deg);
    border-radius: .25rem;
    border-bottom-right-radius: 0;
    background: var(--theme-color7)
}

.supplyCrate .content_box .btn_g[data-v-1b82da46] {
    background: #fea002
}

.supplyCrate .content_box .btn_g[data-v-1b82da46]:before {
    background: #fea002
}

.supplyCrate .content_box .btnMask[data-v-1b82da46] {
    position: relative
}

.supplyCrate .content_box .btnMask[data-v-1b82da46]:after {
    content: "";
    background: var(--mask-color);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.supplyCrate .content_box .btnMask[data-v-1b82da46]:before {
    background: var(--mask-color)
}

.supplyCrate .content_box .tab_column[data-v-1b82da46] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .3rem .3rem 0rem 0rem;
    height: 1.2rem;
    margin-top: .7rem
}

.supplyCrate .content_box .tab_column div[data-v-1b82da46] {
    width: 100%;
    font-family: OswaldBold;
    font-weight: 400;
    font-size: .42rem;
    text-align: center
}

.supplyCrate .content_box .list[data-v-1b82da46] {
    margin-bottom: .1rem;
    border-radius: 0 0 .3rem .3rem;
    background: var(--theme-color6)
}

.supplyCrate .content_box .list ul li[data-v-1b82da46] {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    height: 1rem;
    line-height: 1rem;
    border-bottom: .01rem solid var(--theme-color11)
}

.supplyCrate .content_box .list ul li[data-v-1b82da46]:nth-last-child(1) {
    border: none
}

.supplyCrate .content_box .list ul li div[data-v-1b82da46] {
    width: 100%;
    text-align: center;
    font-family: OswaldBold;
    font-weight: 400;
    font-size: .37rem
}

.supplyCrate .content_box .list ul li div[data-v-1b82da46]:nth-child(1) {
    color: var(--theme-color2)
}

.supplyCrate .content_box .list ul li div[data-v-1b82da46]:nth-child(2) {
    color: var(--theme-dec4)
}

.activities[data-v-044ee642] {
    background: #fffcf3;
    border-radius: .3rem;
    margin: .33rem;
    box-sizing: border-box;
    border: .07rem solid #D7D4CD
}

.activities .content_box[data-v-044ee642] {
    padding: .85rem .2rem 0rem
}

.activities .content_box .title[data-v-044ee642] {
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .56rem;
    color: #3c3f40;
    margin-bottom: .3rem
}

.activities .content_box ul[data-v-044ee642] {
    padding: .45rem
}

.activities .content_box ul li[data-v-044ee642] {
    list-style: disc;
    font-family: OswaldBold;
    font-weight: 400;
    font-size: .32rem;
    color: #3c3f40;
    line-height: .4rem;
    margin-bottom: .2rem
}

.supplyCrate_index[data-v-ec7105ec] {
    background: var(--theme-color3)
}

.supplyCrate_index .head[data-v-ec7105ec],
.supplyCrate_index .head img[data-v-ec7105ec] {
    width: 100%
}

.supplyCrate_index .supplyCrate_index_body[data-v-ec7105ec] {
    padding: .2rem
}

.superMember[data-v-fc1873ca] {
    position: relative;
    background: var(--theme-color3)
}

.superMember .superMemberBg[data-v-fc1873ca] {
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem;
    height: 12rem
}

.superMember .superMemberBody[data-v-fc1873ca] {
    position: relative
}

.superMember .superMemberBody .flag[data-v-fc1873ca] {
    display: flex;
    height: .6rem;
    align-items: center;
    color: var(--font-color9)
}

.superMember .superMemberBody .game[data-v-fc1873ca] {
    display: flex;
    justify-content: center;
    position: relative
}

.superMember .superMemberBody .game img[data-v-fc1873ca] {
    width: 100%
}

.superMember .superMemberBody .btn[data-v-fc1873ca] {
    color: var(--theme-dec3);
    width: 4rem;
    font-size: .46rem;
    height: 1rem;
    line-height: .8rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    z-index: 99;
    background: var(--26e4050f);
    background-size: 100% 100%;
    font-weight: 700;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%)
}

.superMember .superMemberBody .slot[data-v-fc1873ca] {
    position: absolute;
    top: 3.7rem;
    left: 50%;
    transform: translate(-50%);
    width: 85%;
    font-size: 1rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    height: 1.3rem;
    overflow: hidden;
    justify-items: center;
    transition: all 1s linear;
    -webkit-overflow-scrolling: auto;
    clip-path: inset(0 0 0 0)
}

.superMember .superMemberBody .slot .imgDiv[data-v-fc1873ca] {
    width: 1rem;
    height: 27.574rem;
    background-size: .89rem
}

.superMember .superMemberBody .slot .imgDiv div[data-v-fc1873ca] {
    width: 100%;
    height: 1.3rem;
    background-image: var(--theme-neutral2);
    font-size: 1.44rem;
    font-weight: 700;
    background: linear-gradient(to bottom, var(--theme-ts2-gradient1) 40%, var(--theme-ts2-gradient2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #053515;
    font-family: Microsoft YaHei;
    display: flex;
    justify-content: center;
    align-items: center
}

.superMember .superMemberBody .slot img[data-v-fc1873ca] {
    width: 100%
}

.superMember .scheduleBox[data-v-fc1873ca] {
    width: 100%;
    height: 2rem;
    background: var(--theme-neutral3);
    border-radius: .3rem;
    border: .05rem solid var(--theme-color7);
    display: flex;
    align-items: center;
    padding-left: .38rem;
    margin-top: .15rem;
    margin-bottom: .2rem;
    position: relative;
    z-index: 9
}

.superMember .scheduleBox .scheduleBox2[data-v-fc1873ca] {
    display: flex;
    flex-direction: column;
    gap: .28rem
}

.superMember .scheduleBox .scheduleBox2 .scheduleBox3[data-v-fc1873ca] {
    display: flex;
    align-items: center;
    gap: .2rem
}

.superMember .scheduleBox .scheduleBox2 .scheduleBox3 .money[data-v-fc1873ca] {
    color: var(--theme-dec4);
    font-size: .34rem
}

.superMember .scheduleBox .gameImg[data-v-fc1873ca] {
    width: 1.12rem;
    margin-right: .26rem
}

.superMember .scheduleBox p[data-v-fc1873ca] {
    color: var(--theme-neutral1);
    font-size: .32rem
}

.superMember .scheduleBox .schedule[data-v-fc1873ca] {
    width: 6rem;
    height: .3rem;
    background: var(--theme-color6);
    border-radius: 1rem;
    position: relative
}

.superMember .scheduleBox .schedule .font[data-v-fc1873ca] {
    display: flex;
    align-items: center;
    color: var(--theme-neutral1);
    font-size: .24rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.superMember .scheduleBox .schedule .scheduleBody[data-v-fc1873ca] {
    height: 100%;
    background: var(--theme-dec4);
    border-radius: 1rem
}

.superMember .textBox[data-v-fc1873ca] {
    background: var(--theme-color3);
    padding: 0 .2rem
}

[data-v-fc1873ca] .desc {
    background: var(--theme-color6);
    padding: 0;
    border-radius: .35rem
}

[data-v-fc1873ca] .desc .desc-title {
    padding-left: .3rem;
    width: 9.6rem;
    height: 1.1rem;
    background: #16633080;
    border-radius: .35rem .35rem 0rem 0rem
}

[data-v-fc1873ca] .desc .desc-title .title {
    font-size: .42rem;
    display: block;
    text-align: center;
    line-height: 1.1rem
}

.roull[data-v-fc1873ca] {
    width: 100%;
    font-size: .34rem;
    overflow-x: auto;
    padding: .3rem .3rem .43rem
}

.roull .title[data-v-fc1873ca] {
    font-size: .36rem;
    color: var(--theme-neutral1);
    margin-top: .25rem;
    margin-bottom: .2rem
}

.roull .title[data-v-fc1873ca]:first-child {
    margin-top: 0
}

.roull .txt[data-v-fc1873ca] {
    color: var(--theme-color2);
    line-height: .45rem;
    font-size: .32rem
}

.roull .txt div[data-v-fc1873ca] {
    display: inline-block
}

.roull p[data-v-fc1873ca] {
    margin-bottom: .2rem
}

.roull .yellow[data-v-fc1873ca] {
    color: var(--theme-dec4)
}

.Accumulated[data-v-7feebd4f] {
    position: relative;
    overflow-x: scroll;
    padding-bottom: 1rem;
    min-height: 100vh;
    background: var(--theme-color3)
}

.Accumulated .topImg[data-v-7feebd4f] {
    width: 100%
}

.Accumulated .AccumulatedBody[data-v-7feebd4f] {
    padding: .5rem .2rem;
    padding-bottom: var(--footer-padding);
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    margin-top: -2.75rem
}

.Accumulated .AccumulatedBody .titleImg[data-v-7feebd4f] {
    width: 8.91rem;
    height: 5rem
}

.Accumulated .AccumulatedBody .bounsList[data-v-7feebd4f] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    color: var(--theme-neutral1);
    gap: .3rem
}

.Accumulated .AccumulatedBody .bounsList .item[data-v-7feebd4f] {
    width: 100%;
    box-sizing: border-box;
    background: var(--theme-dec1);
    padding: .2rem .32rem;
    border-radius: .35rem
}

.Accumulated .AccumulatedBody .bounsList .item .item-box[data-v-7feebd4f] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1[data-v-7feebd4f] {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1 img[data-v-7feebd4f] {
    width: 1.8rem;
    margin-right: .28rem
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1 .itemBody[data-v-7feebd4f] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: var(--font-size5)
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1 .itemBody div[data-v-7feebd4f]:nth-of-type(1) {
    display: flex;
    align-items: center;
    font-size: .42rem;
    margin-bottom: .05rem
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1 .itemBody div:nth-of-type(1) p[data-v-7feebd4f]:nth-of-type(2) {
    color: var(--theme-dec4);
    margin-left: .2rem
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1 .itemBody div[data-v-7feebd4f]:nth-of-type(2) {
    display: flex;
    align-items: center;
    color: var(--theme-color2);
    font-size: .32rem
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .box1 .itemBody div:nth-of-type(2) span[data-v-7feebd4f] {
    color: var(--theme-dec4)
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .btnBox .btn[data-v-7feebd4f] {
    font-size: .32rem;
    height: .84rem;
    box-sizing: border-box;
    padding: 0 .4rem;
    color: var(--theme-neutral1);
    background: var(--theme-color3);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border-radius: .2rem;
    cursor: pointer;
    opacity: .8
}

.Accumulated .AccumulatedBody .bounsList .item .item-box .btnBox .state1[data-v-7feebd4f] {
    opacity: 1;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    color: var(--theme-dec3)
}

.Accumulated[data-v-7feebd4f] .el-progress_box {
    position: relative;
    width: 6.9rem;
    margin-left: 2rem;
    margin-top: -.2rem
}

.Accumulated[data-v-7feebd4f] .el-progress_box .el-progress__text {
    display: none
}

.Accumulated[data-v-7feebd4f] .el-progress_box:after {
    content: "0%";
    position: absolute;
    top: -.35rem;
    left: 0;
    font-size: .28rem;
    opacity: .5
}

.Accumulated[data-v-7feebd4f] .el-progress_box:before {
    content: "100%";
    position: absolute;
    top: -.35rem;
    right: 0;
    font-size: .28rem
}

.Accumulated[data-v-7feebd4f] .el-progress_box .el-progress-bar__outer {
    height: .15rem !important
}

.downloadAppPage[data-v-1593a24d] {
    width: 100%;
    background: var(--theme-color3);
    color: var(--theme-neutral1)
}

.downloadAppPage .doings_img[data-v-1593a24d] {
    width: 100%;
    height: 7.87rem;
    background: var(--ff21cf3e);
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.downloadAppPage .doings_img .logo[data-v-1593a24d] {
    width: 2.29rem;
    transform: translateY(-50%)
}

.downloadAppPage .content[data-v-1593a24d] {
    padding: .12rem .56rem 0
}

.downloadAppPage .content .content-btn-box[data-v-1593a24d] {
    cursor: pointer;
    display: flex;
    justify-content: center
}

.downloadAppPage .content .content-btn-box .btn-box[data-v-1593a24d] {
    width: 100%;
    height: 1.22rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .25rem;
    color: var(--theme-dec3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .28rem
}

.downloadAppPage .content .content-btn-box .btn-box .btn-icon img[data-v-1593a24d] {
    width: .6rem;
    height: .6rem
}

.downloadAppPage .content .content-btn-box .btn-box .btn-title[data-v-1593a24d] {
    font-family: OswaldBold;
    font-weight: 700;
    font-size: .36rem
}

.downloadAppPage .content .content-btn-box .disabled[data-v-1593a24d] {
    background-color: #666;
    border-radius: .77rem;
    background-image: none
}

.downloadAppPage .content .content-btn-box .disabled .btn-title[data-v-1593a24d] {
    color: #ddd
}

.downloadAppPage .content .ren[data-v-1593a24d] {
    width: 2.83rem;
    height: 3.91rem;
    margin-right: .2rem;
    margin-top: .56rem
}

.downloadAppPage .content .long[data-v-1593a24d] {
    width: 2.43rem;
    height: 3.74rem;
    margin-left: .6rem;
    margin-top: .74rem
}

.downloadAppPage .content .content-desc[data-v-1593a24d] {
    padding-top: .77rem
}

.downloadAppPage .content[data-v-1593a24d] .desc-title {
    margin-bottom: .63rem;
    font-size: .36rem
}

.skeleton[data-v-4cc69a82] {
    background-color: #e0e0e0;
    position: relative;
    overflow: hidden
}

.skeleton[data-v-4cc69a82]:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
    animation: loading-4cc69a82 2s infinite
}

@keyframes loading-4cc69a82 {
    0% {
        left: -100%
    }

    50% {
        left: 100%
    }

    to {
        left: 100%
    }
}

.downloadAppPage[data-v-3baea9b0] {
    width: 100%;
    padding-bottom: var(--footer-padding);
    background: var(--page-background-color)
}

.downloadAppPage .content-logo[data-v-3baea9b0] {
    margin: 0 auto;
    box-sizing: content-box
}

.downloadAppPage .content-logo img[data-v-3baea9b0] {
    width: 100%;
    height: 100%
}

.downloadAppPage .content[data-v-3baea9b0] {
    padding: 0 .25rem .25rem;
    color: var(--theme-neutral1)
}

.downloadAppPage .content .content-title[data-v-3baea9b0] {
    margin: .35rem 0 .4rem;
    width: 100%;
    font-size: var(--font-title2);
    font-weight: 600;
    text-align: center
}

.downloadAppPage .content .content-list[data-v-3baea9b0] {
    width: 100%;
    font-size: var(--font-size2)
}

.downloadAppPage .content .content-list .item[data-v-3baea9b0] {
    width: 100%;
    margin-bottom: .3rem;
    display: flex;
    flex-direction: column;
    background: var(--theme-color11);
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .3rem
}

.downloadAppPage .content .content-list .item .item-top[data-v-3baea9b0] {
    width: 100%;
    height: 1.3rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1
}

.downloadAppPage .content .content-list .item .right[data-v-3baea9b0] {
    position: absolute;
    display: flex;
    align-items: center;
    right: .2rem
}

.downloadAppPage .content .content-list .item .right img[data-v-3baea9b0] {
    width: .5rem;
    height: .5rem;
    transform: rotate(180deg);
    margin-left: .3rem;
    opacity: .6
}

.downloadAppPage .content .content-list .item .right .right-img[data-v-3baea9b0] {
    transition: all .2s
}

.downloadAppPage .content .content-list .item .level[data-v-3baea9b0] {
    width: .8rem;
    height: .8rem;
    margin-left: .18rem
}

.downloadAppPage .content .content-list .item .level img[data-v-3baea9b0] {
    width: 1.01rem
}

.downloadAppPage .content .content-list .item .label[data-v-3baea9b0] {
    font-family: OswaldBold;
    font-weight: 700;
    margin-left: .45rem;
    font-size: .38rem
}

.downloadAppPage .content .content-list .item .amount[data-v-3baea9b0] {
    color: var(--theme-dec4)
}

.downloadAppPage .content .content-list .item .btn[data-v-3baea9b0] {
    height: .8rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .2rem;
    box-sizing: border-box;
    padding: 0 .4rem;
    font-weight: 600;
    font-family: OswaldBold;
    font-size: .36rem;
    text-align: center;
    line-height: .8rem;
    color: var(--theme-dec3);
    right: .2rem
}

.downloadAppPage .content .content-list .item .item-details[data-v-3baea9b0] {
    transition: all .5;
    width: 100%;
    margin-top: -1.3rem;
    z-index: 0
}

.downloadAppPage .content .content-list .item-show .item-top[data-v-3baea9b0] {
    border-radius: .3rem .3rem 0rem 0rem !important;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2))
}

.downloadAppPage .table[data-v-3baea9b0] {
    margin-top: 1.3rem;
    border-radius: 0rem 0rem .3rem .3rem;
    opacity: .8
}

.downloadAppPage .table .table-hedaer[data-v-3baea9b0] {
    display: flex;
    height: 1rem;
    background: var(--theme-color3);
    font-size: .32rem;
    padding: 0 .5rem
}

.downloadAppPage .table .table-hedaer>div[data-v-3baea9b0] {
    text-align: center;
    line-height: .9rem;
    width: 30%
}

.downloadAppPage .table .table-hedaer .middle[data-v-3baea9b0] {
    width: 50%
}

.downloadAppPage .table .table-hedaer .first-one[data-v-3baea9b0] {
    width: 20%
}

.downloadAppPage .table .table-item[data-v-3baea9b0] {
    display: flex;
    width: 100%;
    height: .9rem;
    box-sizing: border-box;
    padding: 0 .5rem;
    background: var(--theme-color3);
    color: var(--theme-color2);
    font-size: .32rem
}

.downloadAppPage .table .table-item>div[data-v-3baea9b0] {
    line-height: .9rem;
    text-align: center;
    width: 30%
}

.downloadAppPage .table .table-item>div[data-v-3baea9b0]:last-child {
    color: var(--theme-dec4)
}

.downloadAppPage .table .table-item .middle[data-v-3baea9b0] {
    width: 50%
}

.downloadAppPage .table .table-item .first-one[data-v-3baea9b0] {
    width: 20%
}

.rotate[data-v-3baea9b0] {
    transform: rotate(90deg) !important;
    transition: all .2s
}

.couponPage[data-v-7d84b9d0] {
    width: 100%;
    background: var(--theme-color3);
    color: var(--theme-neutral1)
}

.couponPage .btn[data-v-7d84b9d0] {
    margin-top: .45rem;
    height: 1.09rem;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .25rem;
    font-weight: 700;
    font-size: .46rem;
    color: var(--theme-dec3);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.couponPage .btn img[data-v-7d84b9d0] {
    width: .96rem
}

.couponPage .btn[data-v-7d84b9d0]:nth-child(2) {
    width: 2.22rem;
    border-radius: .54rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-items: center;
    font-size: .28rem;
    font-weight: 400;
    color: var(--theme-neutral2);
    background: var(--theme-ts3-gradient1)
}

.couponPage .couponPage-logo[data-v-7d84b9d0] {
    height: 4.8rem
}

.couponPage .couponPage-logo img[data-v-7d84b9d0] {
    width: 100%
}

.couponPage .couponPage-content[data-v-7d84b9d0] {
    padding: 0 .2rem .3rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    transform: translateY(-1rem)
}

.couponPage .couponPage-content .couponPage-coupon-Box[data-v-7d84b9d0] {
    position: relative;
    width: 100%;
    background: linear-gradient(to bottom, #0b863599, #0b8635);
    padding: .5rem .3rem .57rem;
    font-weight: 700;
    font-size: .32rem;
    border-radius: .3rem
}

.couponPage .couponPage-content .couponPage-coupon-Box .title[data-v-7d84b9d0] {
    margin-bottom: .25rem;
    font-weight: 400;
    font-size: .36rem
}

.couponPage .couponPage-content .couponPage-coupon-Box .couponPage-input[data-v-7d84b9d0] {
    height: 1rem;
    background: var(--theme-color6);
    border-radius: .2rem;
    width: 100%;
    position: relative
}

.couponPage .couponPage-content .couponPage-coupon-Box .couponPage-input .input[data-v-7d84b9d0] {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    color: var(--theme-neutral1);
    background: var(--theme-color6);
    border-radius: .44rem;
    font-weight: 700;
    padding-left: .55rem;
    font-size: .32rem
}

.couponPage .couponPage-content .couponPage-coupon-Box .couponPage-input .input[data-v-7d84b9d0]::placeholder {
    color: var(--theme-neutral2);
    font-weight: 400;
    font-size: .32rem
}

.couponPage .couponPage-content .couponPage-coupon-Box .couponPage-input .input-btn[data-v-7d84b9d0] {
    position: absolute;
    top: .26rem;
    right: .32rem
}

.couponPage .couponPage-content .couponPage-coupon-Box>p[data-v-7d84b9d0] {
    margin-top: .39rem;
    margin-bottom: .5rem;
    font-size: .32rem;
    color: var(--theme-neutral2)
}

.couponPage .couponPage-content .couponPage-message-box[data-v-7d84b9d0] {
    margin-top: .3rem;
    width: 100%;
    background: linear-gradient(-90deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    padding: .25rem .3rem .5rem;
    font-weight: 700;
    font-size: .32rem;
    border-radius: .3rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.couponPage .couponPage-content .couponPage-message-box .top[data-v-7d84b9d0] {
    padding-left: .16rem;
    display: flex;
    align-items: center
}

.couponPage .couponPage-content .couponPage-message-box .top img[data-v-7d84b9d0] {
    width: 1.1rem;
    margin-right: .2rem
}

.couponPage .couponPage-content .couponPage-message-box .top>p[data-v-7d84b9d0] {
    font-weight: 400;
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.couponPage .couponPage-content .couponPage-message-box .btn[data-v-7d84b9d0] {
    width: 3.71rem;
    height: 1.64rem;
    border-radius: .82rem
}

.level-box[data-v-dc4ab34e] {
    display: flex;
    overflow-x: scroll
}

.level-box .level-box-item[data-v-dc4ab34e] {
    width: 1.8rem;
    height: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: .2rem;
    position: relative
}

.level-box .level-box-item .logo[data-v-dc4ab34e] {
    width: 1.5rem;
    height: 1.7rem;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.level-box .level-box-item .logo>img[data-v-dc4ab34e] {
    width: 1rem;
    position: relative
}

.level-box .level-box-item .no_vip[data-v-dc4ab34e] {
    filter: brightness(50%)
}

.level-box .level-box-item .line-gray[data-v-dc4ab34e] {
    position: absolute;
    top: 2.1rem;
    width: 2rem;
    height: .08rem;
    background: var(--theme-color6)
}

.level-box .level-box-item .line-gray-check[data-v-dc4ab34e] {
    position: absolute;
    top: 2.1rem;
    width: 2rem;
    height: .08rem;
    background: var(--theme-dec4)
}

.level-box .level-box-item .point[data-v-dc4ab34e] {
    position: absolute;
    top: 1.94rem;
    width: 1.8rem;
    height: .34rem
}

.level-box .level-box-item .point .point1[data-v-dc4ab34e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .34rem;
    height: .34rem;
    margin-top: -.165rem;
    margin-left: -.165rem;
    color: var(--theme-color7);
    border-radius: .2rem
}

.level-box .level-box-item .point .point1 .point2[data-v-dc4ab34e] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .2rem;
    height: .2rem;
    margin-top: -.083rem;
    margin-left: -.083rem;
    background: var(--theme-neutral2);
    filter: brightness(40%);
    border-radius: .2rem
}

.level-box .level-box-item .point .point-check[data-v-dc4ab34e] {
    position: absolute;
    top: 50%;
    right: 50%;
    width: .2rem;
    height: .2rem;
    margin-top: -.083rem;
    margin-right: -.6rem;
    background: var(--theme-dec4);
    border-radius: .2rem;
    z-index: 1
}

.level-box .level-box-item .level-name[data-v-dc4ab34e] {
    width: 100%;
    height: .55rem;
    line-height: .55rem;
    text-align: center;
    color: var(--theme-neutral1);
    border-radius: .2rem .2rem 0rem 0rem;
    font-size: .28rem
}

.level-box .level-box-item .level-box[data-v-dc4ab34e] {
    width: 95%;
    margin-bottom: 2.5%;
    height: 1.15rem;
    display: flex;
    align-items: center;
    border-radius: 0rem 0rem .2rem .2rem;
    justify-content: center;
    background: var(--theme-ts4-gradient2)
}

.level-box .level-box-item .level-box .rank_box[data-v-dc4ab34e] {
    width: 1rem;
    overflow: hidden
}

.level-box .level-box-item .level-box img[data-v-dc4ab34e] {
    width: 1rem
}

.level-box .level-box-item .check-bg[data-v-dc4ab34e] {
    background: linear-gradient(90deg, var(--theme-main-gradient1), var(--theme-main-gradient2))
}

.level-box .level-box-item .check-bg .level-name[data-v-dc4ab34e] {
    color: var(--theme-neutral1)
}

.level-box .level-box-item .nc_amount[data-v-dc4ab34e] {
    position: absolute;
    top: 2.3rem;
    width: 1.5rem;
    height: .33rem;
    text-align: center;
    color: var(--theme-neutral2);
    font-size: .35rem
}

.level-box .level-box-item .nc_amount-check[data-v-dc4ab34e] {
    color: var(--theme-dec4);
    text-align: right
}

.vipSignIn[data-v-7472d05d] {
    width: 100%;
    background: var(--theme-color3)
}

.vipSignIn .vipSignIn-content[data-v-7472d05d] {
    padding: .3rem .2rem
}

.vipSignIn .vipSignIn-topBox[data-v-7472d05d] {
    width: 100%;
    color: var(--theme-neutral1);
    box-sizing: border-box
}

.vipSignIn .vipSignIn-topBox .card-box[data-v-7472d05d] {
    position: relative;
    display: flex;
    border-radius: .35rem;
    height: 3.5rem;
    background-image: var(--651b4cc4);
    background-size: 100% 100%;
    overflow: hidden;
    justify-content: space-between;
    padding: .4rem .3rem;
    box-sizing: border-box
}

.vipSignIn .vipSignIn-topBox .card-box .card-box-left[data-v-7472d05d] {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.vipSignIn .vipSignIn-topBox .card-box .current-level[data-v-7472d05d] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .38rem;
    color: var(--theme-neutral1);
    padding-top: .2rem
}

.vipSignIn .vipSignIn-topBox .card-box .current-level p[data-v-7472d05d]:nth-of-type(2) {
    margin-left: .2rem;
    font-size: .44rem;
    font-weight: 700
}

.vipSignIn .vipSignIn-topBox .card-box .current-total[data-v-7472d05d] {
    font-size: .38rem
}

.vipSignIn .vipSignIn-topBox .card-box .current-total p[data-v-7472d05d]:nth-of-type(2) {
    font-size: .62rem;
    font-weight: 700;
    color: var(--theme-dec4);
    margin-top: .2rem
}

.vipSignIn .vipSignIn-topBox .card-box .card-box-right[data-v-7472d05d] {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: var(--theme-neutral1)
}

.vipSignIn .vipSignIn-topBox .card-box .card-box-right .rank_div[data-v-7472d05d] {
    width: 2rem;
    overflow: hidden
}

.vipSignIn .vipSignIn-topBox .card-box .card-box-right img[data-v-7472d05d] {
    width: 2rem
}

.vipSignIn .vipSignIn-topBox .card-box .btn2[data-v-7472d05d] {
    width: 2.5rem;
    height: .71rem;
    text-align: center;
    font-size: .32rem !important;
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .15rem;
    color: var(--theme-dec3)
}

.vipSignIn .vipSignIn-topBox .levelBox[data-v-7472d05d] {
    position: relative;
    margin-top: .5rem
}

.vipSignIn .title[data-v-7472d05d] {
    margin: .3rem auto .2rem;
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.vipSignIn .card-list[data-v-7472d05d] {
    width: 100%;
    color: var(--theme-neutral1);
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: .25rem
}

.vipSignIn .card-list .card-item[data-v-7472d05d] {
    width: 100%;
    height: .96rem;
    border-radius: .2rem;
    background: var(--theme-color6);
    display: flex;
    position: relative
}

.vipSignIn .card-list .card-item[data-v-7472d05d]:last-child {
    margin-bottom: .4rem
}

.vipSignIn .card-list .card-item .label[data-v-7472d05d] {
    font-weight: 400;
    flex: 1;
    border-radius: .2rem;
    background: var(--theme-color6);
    display: flex;
    align-items: center;
    justify-content: center
}

.vipSignIn .card-list .card-item .label .rank_box[data-v-7472d05d] {
    width: 1rem;
    overflow: hidden
}

.vipSignIn .card-list .card-item .label .rank_box>img[data-v-7472d05d] {
    width: 1rem
}

.vipSignIn .card-list .card-item .label[data-v-7472d05d]:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    width: .02rem;
    height: .7rem;
    background: #044b1c;
    border-radius: .02rem 0rem 0rem .02rem
}

.vipSignIn .card-list .card-item .value[data-v-7472d05d] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: .4rem;
    padding-right: 1.15rem
}

.vipSignIn .card-list .card-item .suffix[data-v-7472d05d] {
    font-weight: 400;
    padding-right: .05rem
}

.vipSignIn .card-list .card-item .value-amount[data-v-7472d05d] {
    display: flex;
    align-items: center;
    font-size: .42rem
}

.vipSignIn[data-v-7472d05d] .el-statistic__number {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.dia-fixed[data-v-7472d05d] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mask-color);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    color: var(--theme-neutral1)
}

.dia-fixed .dia-box[data-v-7472d05d] {
    margin-top: -3rem;
    width: 90%;
    min-height: 4.5rem;
    box-sizing: border-box;
    padding: .45rem 0;
    background: linear-gradient(to bottom, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    border-radius: .3rem;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between
}

.dia-fixed .dia-box .close[data-v-7472d05d] {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 1.1rem;
    background: var(--theme-ts2-gradient1);
    position: absolute;
    bottom: -1.45rem;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.dia-fixed .dia-box .close img[data-v-7472d05d] {
    width: .4rem
}

.dia-fixed .dia-box1 .title[data-v-7472d05d] {
    font-weight: 700;
    font-size: .45rem
}

.dia-fixed .dia-box1 .text[data-v-7472d05d] {
    font-weight: 400;
    font-size: .34rem;
    line-height: .48rem
}

.dia-fixed .dia-box1 .btn[data-v-7472d05d] {
    width: 5rem;
    height: .9rem;
    background: var(--theme-color11);
    border-radius: 2rem;
    border-radius: .15rem;
    font-weight: 700;
    font-size: .38rem;
    color: #eef1f8;
    display: flex;
    align-items: center;
    justify-content: center
}

.dia-fixed .dia-box2[data-v-7472d05d] {
    padding: .45rem .3rem
}

.dia-fixed .dia-d[data-v-7472d05d] {
    width: 100%;
    height: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: .4rem;
    background: var(--theme-color11);
    border-radius: .3rem
}

.dia-fixed .dia-d p[data-v-7472d05d]:nth-of-type(1) {
    font-weight: 700;
    font-size: .36rem
}

.dia-fixed .dia-d p[data-v-7472d05d]:nth-of-type(2) {
    color: var(--theme-dec4);
    font-weight: 700;
    font-size: .6rem
}

.dia-fixed .dia-d .btn[data-v-7472d05d] {
    width: 3rem;
    height: .8rem;
    background: var(--theme-color11);
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.dia-fixed .imgs[data-v-7472d05d] {
    width: 3.2rem;
    position: absolute;
    right: .3rem;
    top: .8rem
}

.dia-fixed .imgs .img1[data-v-7472d05d] {
    width: 3.07rem
}

.dia-fixed .imgs .img2[data-v-7472d05d] {
    width: .59rem;
    position: relative;
    margin-top: -.4rem;
    margin-left: .6rem
}

.dia-fixed .imgs .img3[data-v-7472d05d] {
    width: 3.07rem
}

.dia-fixed .imgs .img4[data-v-7472d05d] {
    width: 1.36rem;
    position: absolute;
    right: .2rem;
    top: 2rem
}

.dia-fixed .imgs .img4 img[data-v-7472d05d] {
    width: 1.36rem
}

.dia-fixed .imgs .img4 span[data-v-7472d05d] {
    font-weight: 700;
    font-size: .5rem;
    line-height: .42rem;
    text-stroke: .02px #332001;
    -webkit-text-stroke: .02px #332001;
    position: absolute;
    bottom: .2rem;
    left: .35rem
}

.dia-fixed .d2[data-v-7472d05d] {
    margin-top: .4rem
}

.dia-fixed .d2 .btn[data-v-7472d05d] {
    background: var(--theme-color11);
    border-radius: 2rem
}

.dia-fixed .tips[data-v-7472d05d] {
    width: 80%;
    font-size: .34rem;
    margin-top: .6rem
}

.dia-fixed .tips img[data-v-7472d05d] {
    width: .33rem
}

.dia-fixed .tips span[data-v-7472d05d] {
    color: var(--theme-dec4)
}

.retainDayPage[data-v-f4ee61de] {
    width: 100%;
    height: 100%;
    background: var(--theme-color3);
    color: #252429;
    font-size: .32rem;
    color: var(--theme-neutral1);
    overflow-x: hidden
}

.retainDayPage .retainBg[data-v-f4ee61de] {
    width: 100%;
    transform: translateY(-1.15rem);
    top: .1rem;
    z-index: 0
}

.retainDayPage .retainDayPage-content[data-v-f4ee61de] {
    padding: 1.07rem .2rem .3rem;
    transform: translateY(-5.2rem)
}

.retainDayPage .retainDayPage-content .bonusList[data-v-f4ee61de] {
    display: flex;
    position: relative;
    justify-content: space-evenly;
    width: 100%
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item[data-v-f4ee61de] {
    flex: 1;
    box-sizing: border-box;
    border-radius: .22rem;
    flex-shrink: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    opacity: .7
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item>img[data-v-f4ee61de] {
    width: 100%;
    left: calc(50% - .554rem);
    top: -.49rem
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item>p[data-v-f4ee61de] {
    width: 100%;
    position: absolute;
    top: 0rem;
    text-align: center;
    font-size: .3rem;
    font-weight: 700;
    color: var(--theme-neutral1)
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item .icon-check[data-v-f4ee61de] {
    display: none;
    position: absolute;
    top: -1rem;
    z-index: -1;
    width: 200%
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item .icon-check img[data-v-f4ee61de] {
    width: 100%;
    transform: translate(5%)
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item .ckeck-bottom[data-v-f4ee61de] {
    position: absolute;
    width: .61rem;
    height: .39rem;
    left: .42rem;
    bottom: -.6rem
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item .ckeck-bottom img[data-v-f4ee61de] {
    width: .61rem;
    height: .39rem
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item-active[data-v-f4ee61de] {
    border: none;
    font-size: .34rem;
    opacity: 1
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item-active>p[data-v-f4ee61de] {
    color: var(--theme-neutral1)
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item-active>img[data-v-f4ee61de] {
    filter: brightness(1.2)
}

.retainDayPage .retainDayPage-content .bonusList .bonus-item-active .icon-check[data-v-f4ee61de] {
    display: block
}

.retainDayPage .retainDayPage-content .bonus-info[data-v-f4ee61de] {
    margin-top: .3rem;
    width: 100%;
    padding: .3rem .3rem .4rem;
    background: var(--theme-color6);
    border-radius: .3rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-message[data-v-f4ee61de] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .58rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-message[data-v-f4ee61de]:nth-child(2) {
    padding-bottom: .38rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-message span[data-v-f4ee61de] {
    display: flex;
    align-items: center;
    font-size: .32rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-message span img[data-v-f4ee61de] {
    width: .34rem;
    height: .34rem;
    margin-right: .13rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-message span img[data-v-f4ee61de]:nth-child(2) {
    width: .4rem;
    height: .4rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-message span[data-v-f4ee61de]:nth-of-type(2) {
    font-size: .28rem;
    font-size: .32rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .desc[data-v-f4ee61de] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .desc span[data-v-f4ee61de] {
    width: 80%;
    padding: 0 .3rem;
    line-height: .4rem;
    text-align: center;
    color: var(--theme-neutral2);
    font-size: .32rem;
    line-height: .5rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .award[data-v-f4ee61de] {
    padding: .49rem .31rem .55rem;
    border-radius: .3rem;
    border: .06rem dashed #0B8534;
    background: #06210f80;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .5rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .item[data-v-f4ee61de] {
    font-size: .36rem;
    display: flex;
    align-items: center;
    gap: .15rem;
    margin-top: .47rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .item img[data-v-f4ee61de] {
    width: .3rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .item span[data-v-f4ee61de] {
    color: var(--theme-dec4)
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .need-money[data-v-f4ee61de] {
    text-align: center;
    font-weight: 400;
    font-size: .38rem;
    color: var(--theme-dec4);
    margin-bottom: .1rem
}

.retainDayPage .retainDayPage-content .bonus-info .info-content .need-money span[data-v-f4ee61de]:nth-child(1) {
    color: var(--theme-neutral1);
    font-size: .36rem;
    margin-right: .2rem
}

.retainDayPage .retainDayPage-content .bonus-info .btn-box[data-v-f4ee61de] {
    margin: auto;
    display: flex;
    justify-content: space-between
}

.retainDayPage .retainDayPage-content .bonus-info .btn-box .btn[data-v-f4ee61de] {
    color: var(--theme-dec3);
    background: linear-gradient(to left, var(--theme-ts2-gradient1) 0%, var(--theme-ts2-gradient2) 100%);
    width: 3rem;
    height: 1.08rem;
    border-radius: .22rem;
    font-weight: 700;
    font-size: .4rem;
    line-height: 1.08rem;
    text-align: center
}

.retainDayPage .retainDayPage-content .bonus-info .btn-box .small[data-v-f4ee61de] {
    padding-top: .2rem;
    font-size: .35rem;
    line-height: normal;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.retainDayPage .retainDayPage-content .bonus-info .btn-box2[data-v-f4ee61de] {
    width: 100%;
    background: linear-gradient(to right, var(--theme-ts2-gradient2) 0%, var(--theme-ts2-gradient1) 81%);
    border-radius: .6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.1rem;
    font-size: .36rem;
    font-weight: 400;
    margin-top: .5rem;
    border-radius: .2rem;
    color: var(--theme-dec3)
}

.retainDayPage .retainDayPage-content .bonus-info .btn-box2 img[data-v-f4ee61de] {
    width: .49rem;
    margin-right: .24rem
}

.table[data-v-f4ee61de] {
    margin-top: .5rem;
    border-top: none;
    margin-bottom: 1.09rem;
    padding-bottom: .3rem;
    color: var(--theme-neutral1);
    background: var(--theme-color6);
    border-radius: .35rem .35rem 0rem 0rem;
    border-radius: .3rem
}

.table .qian[data-v-f4ee61de],
.table .shen[data-v-f4ee61de] {
    background: var(--theme-color6) !important
}

.table .tableHead[data-v-f4ee61de] {
    display: flex;
    height: 1.1rem;
    text-align: center;
    background: linear-gradient(0deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .35rem .35rem 0rem 0rem;
    font-size: .32rem;
    white-space: nowrap
}

.table .tableHead p div[data-v-f4ee61de] {
    width: .01rem;
    height: .3rem;
    background: var(--theme-neutral2);
    margin-left: .24rem
}

.table .tableHead p:nth-child(2) div[data-v-f4ee61de] {
    margin-left: .5rem
}

.table .tableHead p:last-child div[data-v-f4ee61de] {
    width: 0
}

.table .tableHead>p[data-v-f4ee61de]:first-child {
    margin-left: .3rem
}

.table .tableHead>p[data-v-f4ee61de] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.table .tableItem[data-v-f4ee61de] {
    display: flex;
    text-align: center;
    height: 1.1rem;
    line-height: 1.1rem;
    color: var(--theme-neutral2);
    position: relative
}

.table .tableItem[data-v-f4ee61de]:after {
    position: absolute;
    content: "";
    width: 100%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    height: .02rem;
    background: #0d532480
}

.table .tableItem>p[data-v-f4ee61de] {
    flex: 1;
    font-size: .36rem;
    color: var(--theme-color2)
}

.table .tableItem>p[data-v-f4ee61de]:last-child {
    color: var(--theme-dec4)
}

.MysteryCard[data-v-45e6d43b] {
    width: 100%;
    position: relative;
    background: var(--theme-color3);
    box-sizing: border-box;
    padding: .95rem .5rem;
    color: var(--theme-neutral1);
    margin-bottom: 1rem
}

.title[data-v-45e6d43b] {
    text-align: center;
    font-size: var(--font-size6);
    font-weight: 400
}

.title span[data-v-45e6d43b] {
    font-weight: 700;
    font-size: .6rem;
    color: var(--theme-dec4);
    margin: 0 .2rem;
    position: relative
}

.title img[data-v-45e6d43b] {
    width: .73rem;
    position: absolute;
    top: -.2rem;
    right: -.5rem
}

.tarefa[data-v-45e6d43b] {
    margin-top: .4rem;
    margin-bottom: .4rem
}

.tarefa .tit[data-v-45e6d43b] {
    font-size: var(--font-size6);
    font-weight: 700;
    margin-bottom: .15rem
}

.tarefa .text[data-v-45e6d43b] {
    font-size: var(--font-size5);
    margin-bottom: .45rem;
    margin-top: .15rem;
    display: flex;
    justify-content: space-between
}

.tarefa .text[data-v-45e6d43b] span {
    color: var(--theme-color3)
}

.introducao .tit[data-v-45e6d43b] {
    font-size: var(--font-size6);
    font-weight: 700;
    margin-bottom: .15rem
}

.introducao .text[data-v-45e6d43b] {
    font-size: var(--font-size5);
    opacity: .7;
    margin-bottom: .2rem
}

.card-game[data-v-45e6d43b] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .7rem;
    justify-items: center;
    box-sizing: border-box;
    padding: 0 .7rem;
    margin: .7rem auto
}

.card[data-v-45e6d43b] {
    width: 2.16rem;
    height: 3.17rem;
    position: relative
}

.card .img[data-v-45e6d43b] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.card .img img[data-v-45e6d43b] {
    width: 100%;
    height: 100%
}

.card .img-bs[data-v-45e6d43b] {
    z-index: 10;
    opacity: .6
}

.card .img-open[data-v-45e6d43b] {
    z-index: 9;
    animation: fadeDown-45e6d43b .5s ease-in-out
}

.card .img-guang[data-v-45e6d43b] {
    z-index: 11;
    transform: scale(1.15);
    animation: blink-45e6d43b 1s infinite
}

@keyframes blink-45e6d43b {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.card .img-gif[data-v-45e6d43b] {
    z-index: 11;
    animation: fadeOut-45e6d43b 1.2s ease-in-out
}

.card .front[data-v-45e6d43b] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    top: 1.05rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    color: var(--theme-dec4)
}

.size1 .front[data-v-45e6d43b] {
    color: var(--theme-dec4)
}

.gif .img-gif[data-v-45e6d43b] {
    display: block
}

.gif .front[data-v-45e6d43b] {
    opacity: 0;
    transition: opacity 1s ease
}

.state .img-bs[data-v-45e6d43b] {
    opacity: 1
}

@keyframes fadeOut-45e6d43b {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeDown-45e6d43b {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

canvas[data-v-baa93600] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.game-box[data-v-02849ed6] {
    width: 100%;
    width: 9.82rem;
    height: 9rem;
    position: relative;
    margin: .3rem auto
}

.game-box .xiangqing[data-v-02849ed6] {
    position: absolute;
    width: .5rem;
    right: 26%;
    top: 8%;
    transform: translate(-26%, -8%);
    z-index: 9
}

.game-box .game-k1[data-v-02849ed6] {
    width: 9.82rem;
    height: 8.92rem;
    position: absolute;
    z-index: 4
}

.game-box .game-k2[data-v-02849ed6] {
    width: 9.82rem;
    height: 8.96rem;
    position: absolute;
    top: .15rem;
    z-index: 1
}

.game-box .money[data-v-02849ed6] {
    font-weight: 700;
    font-size: .6rem;
    color: var(--theme-neutral1);
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 5;
    transform: translate(-50%, -45%)
}

.game-box .zhua-hidden[data-v-02849ed6] {
    height: 80%;
    overflow: hidden;
    width: 100%;
    margin-top: 2rem;
    position: absolute;
    z-index: 1
}

.game-box .zhua-hidden .con2[data-v-02849ed6] {
    position: relative;
    z-index: 1
}

.game-box .zhua-hidden .con2 img[data-v-02849ed6] {
    width: 1.2rem;
    position: absolute
}

.game-box .zhua-hidden .con2 .qiu1[data-v-02849ed6] {
    transform: translate(1rem, 3.1rem) rotate(20deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu2[data-v-02849ed6] {
    transform: translate(2rem, 3.04rem) rotate(60deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu3[data-v-02849ed6] {
    transform: translate(3rem, 3.1rem) rotate(160deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu4[data-v-02849ed6] {
    transform: translate(4rem, 3rem) rotate(260deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu5[data-v-02849ed6] {
    transform: translate(5rem, 3rem) rotate(90deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu6[data-v-02849ed6] {
    transform: translate(6rem, 3rem) rotate(180deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu7[data-v-02849ed6] {
    transform: translate(7rem, 3rem) rotate(360deg);
    z-index: 6
}

.game-box .zhua-hidden .con2 .qiu8[data-v-02849ed6] {
    transform: translate(7.7rem, 3rem) rotate(260deg);
    z-index: 6
}

.game-box .zhua[data-v-02849ed6] {
    width: 2rem;
    height: 6.76rem;
    position: absolute;
    top: -5.6rem;
    left: 1.2rem;
    z-index: 2;
    text-align: center;
    transition: transform 2s ease-in-out
}

.game-box .zhua .gan[data-v-02849ed6] {
    width: 1.28rem
}

.game-box .zhua .left[data-v-02849ed6] {
    width: .79rem;
    height: 1.07rem;
    position: absolute;
    bottom: -.85rem;
    left: -.1rem;
    transition: transform .5s ease-in-out
}

.game-box .zhua .right[data-v-02849ed6] {
    width: .79rem;
    height: 1.07rem;
    position: absolute;
    bottom: -.85rem;
    right: -.1rem;
    transition: transform .5s ease-in-out
}

.game-box .zhua .tr-l[data-v-02849ed6] {
    transform: translate(.35rem, .1rem) rotate(-40deg)
}

.game-box .zhua .tr-r[data-v-02849ed6] {
    transform: translate(-.35rem, .1rem) rotate(40deg)
}

.game-box .zhua .qiu[data-v-02849ed6] {
    width: 1.6rem
}

.game-box .zhua-x[data-v-02849ed6] {
    transform: translateY(3.2rem)
}

.game-box .con[data-v-02849ed6] {
    margin: 0 auto;
    height: 6rem;
    width: 8rem;
    position: absolute;
    left: 50%;
    bottom: .7rem;
    transform: translate(-50%);
    z-index: 2;
    z-index: 3
}

.game-box .con img[data-v-02849ed6] {
    width: 1.2rem;
    position: absolute
}

.game-box .con .qiu1[data-v-02849ed6] {
    width: 1.8rem;
    transform: translateY(4.2rem) rotate(20deg);
    z-index: 6
}

.game-box .con .qiu2[data-v-02849ed6] {
    width: 1.8rem;
    transform: translate(1.1rem, 4.2rem) rotate(0);
    z-index: 7
}

.game-box .con .qiu3[data-v-02849ed6] {
    width: 1.8rem;
    transform: translate(2.2rem, 4.2rem) rotate(30deg);
    z-index: 6
}

.game-box .con .qiu4[data-v-02849ed6] {
    width: 1.8rem;
    transform: translate(3.4rem, 4.2rem) rotate(220deg);
    z-index: 6
}

.game-box .con .qiu5[data-v-02849ed6] {
    width: 1.8rem;
    transform: translate(4.8rem, 4.2rem) rotate(100deg);
    z-index: 7
}

.game-box .con .qiu6[data-v-02849ed6] {
    width: 1.8rem;
    transform: translate(6.2rem, 4.2rem) rotate(180deg);
    z-index: 6
}

.game-box .con .qiu7[data-v-02849ed6] {
    width: 1.5rem;
    transform: translateY(3.6rem) rotate(1250deg);
    z-index: 5
}

.game-box .con .qiu8[data-v-02849ed6] {
    width: 1.5rem;
    transform: translate(1.3rem, 3.9rem) rotate(150deg);
    z-index: 5
}

.game-box .con .qiu9[data-v-02849ed6] {
    width: 1.5rem;
    transform: translate(2.7rem, 3.6rem) rotate(180deg);
    z-index: 5
}

.game-box .con .qiu10[data-v-02849ed6] {
    width: 1.5rem;
    transform: translate(4rem, 3.7rem) rotate(20deg);
    z-index: 5
}

.game-box .con .qiu11[data-v-02849ed6] {
    width: 1.5rem;
    transform: translate(5rem, 3.8rem) rotate(10deg);
    z-index: 5
}

.game-box .con .qiu12[data-v-02849ed6] {
    width: 1.5rem;
    transform: translate(6.2rem, 3.7rem) rotate(110deg);
    z-index: 5
}

.game-box .con .qiu13[data-v-02849ed6] {
    width: 1.3rem;
    transform: translateY(3.13rem) rotate(130deg);
    z-index: 2
}

.game-box .con .qiu14[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(1rem, 3.24rem) rotate(50deg);
    z-index: 2
}

.game-box .con .qiu15[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(2rem, 3.16rem) rotate(10deg);
    z-index: 2
}

.game-box .con .qiu16[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(3rem, 3.2rem) rotate(80deg);
    z-index: 2
}

.game-box .con .qiu17[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(4rem, 3.1rem) rotate(50deg);
    z-index: 2
}

.game-box .con .qiu18[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(5rem, 3.2rem) rotate(70deg);
    z-index: 2
}

.game-box .con .qiu19[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(6rem, 3.2rem) rotate(130deg);
    z-index: 3
}

.game-box .con .qiu20[data-v-02849ed6] {
    width: 1.3rem;
    transform: translate(6.7rem, 3.2rem) rotate(1970deg);
    z-index: 2
}

.game-box .con .qiu21[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(.8rem, 4.8rem) rotate(210deg);
    z-index: 2
}

.game-box .con .qiu22[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(2rem, 4.8rem) rotate(110deg);
    z-index: 2
}

.game-box .con .qiu23[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(3rem, 4.8rem) rotate(20deg);
    z-index: 2
}

.game-box .con .qiu24[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(4.2rem, 4.8rem) rotate(80deg);
    z-index: 2
}

.game-box .con .qiu25[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(6rem, 4.8rem) rotate(70deg);
    z-index: 2
}

.game-box .con .qiu26[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(6.9rem, 4.8rem) rotate(230deg);
    z-index: 2
}

.game-box .con .qiu27[data-v-02849ed6] {
    width: 1.2rem;
    transform: translate(6.9rem, 3.8rem) rotate(130deg);
    z-index: 4
}

.btn-box[data-v-02849ed6] {
    margin-top: .5rem;
    position: relative
}

.btn-box .btn[data-v-02849ed6] {
    margin: 0 auto;
    width: 4.65rem;
    height: 1.47rem;
    background-image: var(--5cac1e84);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform .1s ease, box-shadow .1s ease;
    line-height: .8rem;
    box-sizing: border-box;
    padding: 0 .6rem
}

.btn-box .btn span[data-v-02849ed6]:nth-of-type(1) {
    font-weight: 700;
    font-size: .5rem;
    color: var(--theme-dec4);
    margin-right: .8rem
}

.btn-box .btn span[data-v-02849ed6]:nth-of-type(2) {
    font-weight: 700;
    font-size: .5rem;
    color: var(--theme-neutral1)
}

.btn-box .btn[data-v-02849ed6]:active {
    transform: translateY(.1rem)
}

.btn-box .total[data-v-02849ed6] {
    width: 1.8rem;
    height: 1.21rem;
    background: #ffffff1a;
    border-radius: .3rem;
    font-size: .36rem;
    font-weight: 400;
    box-sizing: border-box;
    padding: .2rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
    right: .6rem;
    bottom: .1rem
}

.time[data-v-02849ed6] {
    margin-top: .3rem;
    text-align: center
}

.time p[data-v-02849ed6] {
    font-weight: 400;
    font-size: .32rem;
    color: #ffffff80;
    line-height: .4rem
}

.time .xm[data-v-02849ed6] {
    font-size: .4rem;
    color: var(--theme-dec4)
}

.baojinbi[data-v-02849ed6] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    background-color: #0009;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center
}

.baojinbi .gif[data-v-02849ed6] {
    width: 12rem;
    margin-top: -3.4rem;
    animation: breathe2-02849ed6 1s ease-in-out infinite
}

.baojinbi .kuang[data-v-02849ed6] {
    width: 7rem;
    height: 5.83rem;
    background-image: var(--5cac1e85);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-top: 1.5rem;
    box-sizing: border-box;
    margin-top: -4rem;
    animation: breathe-02849ed6 1s ease-in-out infinite;
    z-index: 2
}

.baojinbi .kuang .qius[data-v-02849ed6] {
    width: 2rem;
    height: 2rem
}

.baojinbi .kuang div[data-v-02849ed6] {
    margin-top: .4rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: .6rem
}

.baojinbi .kuang div img[data-v-02849ed6] {
    width: .88rem;
    margin-right: .2rem
}

@keyframes breathe-02849ed6 {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

@keyframes breathe2-02849ed6 {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.coinShow[data-v-02849ed6] {
    opacity: 1 !important
}

.warpbox[data-v-07536b6d] {
    width: 100%;
    padding: .6rem .4rem 0
}

.warp[data-v-07536b6d] {
    color: var(--theme-neutral1)
}

.warp1[data-v-07536b6d] {
    font-size: .36rem;
    text-align: center
}

.warp1 img[data-v-07536b6d] {
    width: 1rem;
    margin-right: .2rem
}

.warp1 span[data-v-07536b6d] {
    height: 1rem;
    margin-top: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: .6rem
}

.warp2[data-v-07536b6d] {
    margin-top: .5rem
}

.warp2 p[data-v-07536b6d] {
    text-align: start
}

.warp2 .prog[data-v-07536b6d] {
    margin-top: .5rem
}

.warp2 .prog .level .level-box[data-v-07536b6d] {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    padding: 0 .8rem
}

.warp2 .prog .level .dian[data-v-07536b6d] {
    width: .5rem;
    height: .5rem;
    background: gray;
    border-radius: 50%
}

.warp2 .prog .level .dian img[data-v-07536b6d] {
    width: .5rem;
    position: absolute;
    top: 0;
    display: none
}

.warp2 .prog .level .state1 img[data-v-07536b6d] {
    display: block
}

.warp2 .prog .level .xian-box[data-v-07536b6d] {
    display: flex;
    position: relative;
    top: -.25rem;
    padding: 0 .8rem
}

.warp2 .prog .level .xian[data-v-07536b6d] {
    width: 100%;
    height: .06rem;
    background: gray
}

.warp2 .prog .level .xianc[data-v-07536b6d] {
    background: var(--theme-dec4)
}

.warp2 .prog .level[data-v-07536b6d] .text-box {
    display: flex;
    justify-content: space-between;
    margin-top: .1rem
}

.warp2 .prog .level[data-v-07536b6d] .text-box .text {
    width: 2.15rem;
    height: 2.39rem;
    background: #ffffff0d;
    border-radius: .2rem;
    padding: .1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.warp2 .prog .level[data-v-07536b6d] .text-box .text p {
    text-align: center
}

.warp2 .prog .level[data-v-07536b6d] .text-box span {
    color: var(--theme-dec4) !important
}

.benefícios[data-v-07536b6d] {
    margin-top: .25rem;
    font-size: .36rem;
    color: var(--theme-dec4)
}

.myLink[data-v-07536b6d] {
    margin: .3rem auto
}

[data-v-07536b6d] .dialog_content {
    max-height: 80vh !important
}

[data-v-07536b6d] .dialog_mask {
    z-index: 999 !important
}

[data-v-e241ec92] .el-dialog {
    height: 100% !important;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto
}

[data-v-e241ec92] .el-dialog .el-dialog__body {
    display: flex;
    justify-content: center;
    align-items: center
}

.clipDoll-box[data-v-7fad0280] {
    background: var(--theme-color3);
    box-sizing: border-box
}

.clipDoll[data-v-7fad0280] {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--theme-color3);
    box-sizing: border-box;
    color: var(--theme-neutral1);
    margin-bottom: 1rem
}

.clipDoll .clipDoll-warp1[data-v-7fad0280] {
    margin: .45rem auto 0;
    width: 9.39rem;
    height: 3.9rem;
    background-image: var(--36b4f098);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    padding: 1rem
}

.clipDoll .clipDoll-warp1 .coip[data-v-7fad0280] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.clipDoll .clipDoll-warp1 .coip img[data-v-7fad0280] {
    width: 1rem;
    margin-right: .2rem
}

.clipDoll .clipDoll-warp1 .coip div[data-v-7fad0280]:nth-of-type(1) {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: .6rem
}

.clipDoll .clipDoll-warp1 .coip .btn[data-v-7fad0280] {
    width: 2.5rem;
    height: .85rem;
    background: var(--theme-ts2-gradient2);
    border-radius: .15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-neutral1);
    font-weight: 700;
    font-size: .34rem
}

.clipDoll .clipDoll-warp1 .coip .state[data-v-7fad0280] {
    background: var(--theme-color3);
    box-shadow: 0 0 0 0 var(--theme-color3);
    animation: btn_amin-7fad0280 1.5s ease 0s infinite normal none running
}

.clipDoll .clipDoll-warp1 p[data-v-7fad0280] {
    text-align: center;
    font-size: .3rem
}

.clipDoll .clipDoll-warp1 p span[data-v-7fad0280] {
    color: var(--theme-dec4)
}

.clipDoll .share[data-v-7fad0280] {
    margin-top: .4rem;
    padding: 0 .3rem
}

.clipDoll .share div[data-v-7fad0280] {
    padding: .18rem .24rem .18rem .4rem;
    background: #ffffff1a;
    border-radius: .3rem;
    border: .01px solid rgba(255, 255, 255, .5);
    font-weight: 400;
    font-size: .45rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1.4rem
}

.clipDoll .share div img[data-v-7fad0280] {
    width: .94rem
}

.clipDoll .clipDoll-warp2[data-v-7fad0280] {
    margin-top: .5rem;
    box-sizing: border-box;
    padding: 0 .3rem
}

.clipDoll .clipDoll-warp2 .warp2[data-v-7fad0280] {
    background: #ffffff1a;
    border-radius: .3rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: .4rem;
    padding: .6rem .3rem
}

.clipDoll .clipDoll-warp2 .task[data-v-7fad0280] {
    display: flex;
    align-items: center;
    position: relative
}

.clipDoll .clipDoll-warp2 .task .icon[data-v-7fad0280] {
    position: relative;
    margin-right: .5rem
}

.clipDoll .clipDoll-warp2 .task .icon img[data-v-7fad0280] {
    width: .5rem
}

.clipDoll .clipDoll-warp2 .task .icon span[data-v-7fad0280] {
    position: absolute;
    right: -.25rem;
    top: -.1rem
}

.clipDoll .clipDoll-warp2 .task .text[data-v-7fad0280] {
    font-weight: 400;
    font-size: .32rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.clipDoll .clipDoll-warp2 .task .text .progress[data-v-7fad0280] {
    display: flex;
    align-items: center
}

.clipDoll .clipDoll-warp2 .task .text .el-progress_box[data-v-7fad0280] {
    width: 1.8rem;
    margin-right: .2rem
}

.clipDoll .clipDoll-warp2 .task .btn[data-v-7fad0280] {
    width: 2.2rem;
    height: .85rem;
    background: var(--theme-dec4);
    border-radius: .15rem;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.clipDoll .clipDoll-warp2 .task .state[data-v-7fad0280] {
    background: var(--theme-color3)
}

.clipDoll .clipDoll-warp3[data-v-7fad0280] {
    margin-top: .5rem;
    padding: 0 .3rem;
    box-sizing: border-box
}

.clipDoll .clipDoll-warp3 .warp3[data-v-7fad0280] {
    width: 100%;
    height: 100%;
    background: #ffffff0d;
    border-radius: .3rem;
    overflow: hidden
}

.clipDoll .clipDoll-warp3 .warp3 .title[data-v-7fad0280] {
    height: 1.3rem;
    background: #ffffff1a;
    font-weight: 400;
    font-size: .45rem;
    text-align: center;
    line-height: 1.3rem;
    border-radius: .3rem .3rem 0 0
}

.clipDoll .clipDoll-warp3 .warp3 .list-box[data-v-7fad0280] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.clipDoll .clipDoll-warp3 .warp3 .list[data-v-7fad0280] {
    height: 10.3rem;
    display: flex;
    flex-direction: column;
    padding: .2rem .3rem;
    box-sizing: border-box;
    margin-top: -3rem
}

.clipDoll .clipDoll-warp3 .warp3 .list div[data-v-7fad0280] {
    display: flex;
    justify-content: space-between;
    height: 1rem;
    line-height: 1rem
}

.clipDoll .clipDoll-warp3 .warp3 .list div p[data-v-7fad0280]:nth-of-type(3) {
    color: var(--theme-dec4);
    font-weight: 600
}

.clipDoll .clipDoll-warp4[data-v-7fad0280] {
    padding: 0 .3rem;
    margin-top: .7rem
}

.clipDoll .clipDoll-warp4 .title[data-v-7fad0280] {
    text-align: center;
    font-weight: 400;
    font-size: .45rem
}

.clipDoll .clipDoll-warp4 div[data-v-7fad0280] {
    margin-top: .2rem;
    opacity: .8
}

.clipDoll .clipDoll-warp4 div p[data-v-7fad0280] {
    margin: .15rem auto;
    text-indent: -.8em;
    margin-left: .8em
}

@keyframes btn_amin-7fad0280 {

    10%,
    90% {
        transform: translateZ(0)
    }

    0% {
        transform: scale(1)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 30px #5a99d400
    }

    to {
        transform: scale(1);
        box-shadow: 0 0 #5a99d400
    }
}

[data-v-7fad0280] .el-progress_box {
    margin: .3rem auto
}

[data-v-7fad0280] .el-progress_box .el-progress-bar__outer {
    background: #444 !important
}

.loading[data-v-927fd5c3] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000c;
    display: flex;
    align-items: center;
    justify-content: center
}

.loading[data-v-927fd5c3] .el-image {
    background: transparent !important;
    color: transparent !important;
    width: 5rem
}

.loading[data-v-927fd5c3] .el-image .el-image__inner,
.loading[data-v-927fd5c3] .el-image .image-slot,
.loading[data-v-927fd5c3] .el-image .el-image__placeholder {
    background: transparent !important
}

.loading_t[data-v-927fd5c3] {
    width: 4rem;
    height: 2rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.loading_t span[data-v-927fd5c3] {
    display: inline-block;
    width: .15rem;
    height: 100%;
    border-radius: .15rem;
    background: #90ee90;
    animation: load-927fd5c3 1s ease infinite;
    -webkit-animation: load-927fd5c3 1s ease infinite;
    margin: 0 .15rem
}

@keyframes load-927fd5c3 {

    0%,
    to {
        height: 1rem;
        background: #7eee7e
    }

    50% {
        height: 2rem;
        margin: -.1rem 0;
        background: #fff
    }
}

.loading span[data-v-927fd5c3]:nth-child(2) {
    -webkit-animation-delay: .2s
}

.loading span[data-v-927fd5c3]:nth-child(3) {
    -webkit-animation-delay: .4s
}

.loading span[data-v-927fd5c3]:nth-child(4) {
    -webkit-animation-delay: .6s
}

.loading span[data-v-927fd5c3]:nth-child(5) {
    -webkit-animation-delay: .8s
}

.warpbox[data-v-25750b8b] {
    width: 100%;
    padding: .6rem .4rem 0;
    color: var(--theme-neutral1)
}

.title[data-v-25750b8b] {
    font-size: .38rem;
    text-align: center
}

.img-box[data-v-25750b8b] {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.img-box span[data-v-25750b8b] {
    width: 1.7rem;
    height: .7rem;
    background: var(--theme-color2);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.img-box .img[data-v-25750b8b] {
    width: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.img-box .img img[data-v-25750b8b] {
    width: 100%;
    margin-bottom: .4rem
}

.img-box .jia[data-v-25750b8b] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 .4rem
}

.btn[data-v-25750b8b] {
    margin: 1rem auto 0;
    width: 4.2rem;
    height: 1.2rem;
    background: var(--theme-dec4);
    border-radius: 2rem;
    color: var(--theme-dec3);
    font-size: .54rem;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-25750b8b] .dialog_content {
    max-height: 80vh !important
}

[data-v-25750b8b] .dialog_mask {
    z-index: 999 !important
}

.warpbox[data-v-9a1b5994] {
    width: 100%;
    padding: .6rem .4rem 0;
    color: var(--theme-neutral1)
}

.title[data-v-9a1b5994] {
    font-size: .38rem;
    text-align: center
}

.img-box[data-v-9a1b5994] {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.img-box div[data-v-9a1b5994] {
    width: 4.2rem;
    height: 1.2rem;
    background: var(--theme-color2);
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-dec4)
}

.img-box div span[data-v-9a1b5994] {
    font-size: .6rem
}

.img-box img[data-v-9a1b5994] {
    width: 1.8rem;
    margin-bottom: .4rem
}

.img-box .jia[data-v-9a1b5994] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 .4rem
}

.content[data-v-9a1b5994] {
    margin-top: .5rem;
    min-height: 2rem;
    background: var(--theme-color3);
    border-radius: .2rem;
    padding: .3rem;
    box-sizing: border-box
}

.content .text[data-v-9a1b5994] {
    font-size: .34rem
}

.content .text span[data-v-9a1b5994] {
    color: var(--theme-dec4)
}

.content .bottom[data-v-9a1b5994] {
    margin-top: .15rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.content .bottom .img_box[data-v-9a1b5994] {
    display: flex;
    align-items: center;
    font-size: .34rem
}

.content .bottom .img_box div[data-v-9a1b5994] {
    display: flex;
    align-items: center
}

.content .bottom .img_box img[data-v-9a1b5994] {
    width: .75rem;
    height: .75rem;
    margin-right: .2rem
}

.content .bottom .img_box div[data-v-9a1b5994]:nth-of-type(1) {
    margin-right: .5rem
}

.content .bottom .btn[data-v-9a1b5994] {
    padding: 0 .5rem;
    height: .6rem;
    height: 100%;
    background: var(--theme-color7);
    border-radius: 2rem;
    font-size: .34rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.btnBox[data-v-9a1b5994] {
    margin: .6rem auto 0;
    width: 4.2rem;
    height: 1.2rem;
    background: var(--theme-dec4);
    border-radius: 2rem;
    color: var(--theme-dec3);
    font-size: .54rem;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-9a1b5994] .dialog_content {
    max-height: 80vh !important
}

[data-v-9a1b5994] .dialog_mask {
    z-index: 999 !important
}

.dailyCheckIn[data-v-a558b801] {
    box-sizing: border-box;
    background: var(--theme-color3);
    color: var(--theme-neutral1)
}

.dailyCheckIn_box[data-v-a558b801] {
    height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 1rem
}

.dailyCheckIn_box .header_img[data-v-a558b801] {
    width: 100%;
    height: 4rem
}

.dailyCheckIn_box .header_img img[data-v-a558b801] {
    width: 100%;
    height: 100%
}

.dailyCheckIn_box .header_box[data-v-a558b801] {
    margin-top: -.7rem;
    height: 2.2rem;
    background: fixed;
    background: linear-gradient(90deg, var(--theme-main-gradient2) 0%, var(--theme-main-gradient1) 100%);
    border-radius: .3rem .3rem 0 0;
    padding: .2rem .3rem .35rem .45rem;
    position: relative
}

.dailyCheckIn_box .header_box .header_box_one[data-v-a558b801] {
    width: 100%;
    height: .7rem;
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dailyCheckIn_box .header_box .header_box_one span[data-v-a558b801] {
    color: var(--theme-dec4)
}

.dailyCheckIn_box .header_box .header_box_one .btn_box[data-v-a558b801] {
    height: 100%;
    background: var(--theme-color11);
    border-radius: .46rem;
    border: .03rem solid var(--theme-color7);
    padding: .05rem .05rem .05rem .15rem;
    display: flex;
    align-items: center
}

.dailyCheckIn_box .header_box .header_box_one .btn_box .coin[data-v-a558b801] {
    margin-right: .35rem;
    font-size: .38rem;
    color: var(--theme-dec4);
    font-weight: 800;
    display: flex;
    align-items: center
}

.dailyCheckIn_box .header_box .header_box_one .btn_box .coin img[data-v-a558b801] {
    width: .45rem;
    margin-right: .1rem
}

.dailyCheckIn_box .header_box .header_box_one .btn_box .btn[data-v-a558b801] {
    height: 100%;
    background: var(--theme-neutral2);
    border-radius: .48rem;
    padding: 0 .25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyCheckIn_box .header_box .header_box_one .btn_box .state[data-v-a558b801] {
    color: var(--theme-dec3);
    background: var(--theme-dec4)
}

.dailyCheckIn_box .header_box .header_box_two[data-v-a558b801] {
    margin-top: .2rem
}

.dailyCheckIn_box .title[data-v-a558b801] {
    font-size: .44rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: .25rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyCheckIn_box .title p[data-v-a558b801] {
    margin: 0 .4rem
}

.dailyCheckIn_box .title img[data-v-a558b801] {
    height: .3rem
}

.dailyCheckIn_box .title div[data-v-a558b801] {
    display: flex
}

.dailyCheckIn_box .title div span[data-v-a558b801] {
    display: block;
    width: .05rem;
    height: .3rem;
    background: var(--theme-color6);
    border-radius: .16rem;
    margin-right: .1rem;
    transform: rotate(30deg)
}

.dailyCheckIn_box .title div:nth-of-type(1) span[data-v-a558b801] {
    transform: rotate(-30deg)
}

.dailyCheckIn_box .box_warp1[data-v-a558b801] {
    background: var(--theme-color11);
    padding: .32rem .25rem;
    border-radius: 0rem 0rem .3rem .3rem;
    position: relative
}

.dailyCheckIn_box .box_warp1 .box[data-v-a558b801] {
    height: 6rem;
    overflow-x: scroll;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .3rem
}

.dailyCheckIn_box .box_warp1 .box .day[data-v-a558b801] {
    height: 2.5rem;
    background: var(--theme-color11);
    border-radius: .2rem;
    border: .05rem solid var(--theme-color7);
    box-sizing: border-box
}

.dailyCheckIn_box .box_warp1 .box .day .day_t[data-v-a558b801] {
    width: 100%;
    height: .6rem;
    background: var(--theme-color6);
    border-radius: .16rem .16rem 0rem 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .38rem;
    font-weight: 600
}

.dailyCheckIn_box .box_warp1 .box .day .box_con[data-v-a558b801] {
    position: relative;
    height: calc(100% - .6rem);
    background: var(--theme-color11);
    border-radius: 0 0 .2rem .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyCheckIn_box .box_warp1 .box .day .box_con .bg[data-v-a558b801] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.dailyCheckIn_box .box_warp1 .box .day .box_con .xz[data-v-a558b801] {
    width: 1.4rem;
    height: 1.25rem;
    position: relative;
    z-index: 2
}

.dailyCheckIn_box .box_warp1 .box .day .box_con .num[data-v-a558b801] {
    font-size: .34rem;
    position: absolute;
    bottom: .2rem;
    right: .2rem
}

.dailyCheckIn_box .box_warp1 .box .state2[data-v-a558b801] {
    position: relative
}

.dailyCheckIn_box .box_warp1 .box .state2[data-v-a558b801]:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--theme-neutral4);
    border-radius: .15rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.dailyCheckIn_box .box_warp1 .box .state2[data-v-a558b801]:after {
    content: "";
    width: .8rem;
    height: .8rem;
    background: var(--7eaedb9a);
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11
}

.dailyCheckIn_box .box_warp1 .box .state3[data-v-a558b801] {
    position: relative
}

.dailyCheckIn_box .box_warp1 .box .state3[data-v-a558b801]:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--theme-neutral4);
    border-radius: .15rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.dailyCheckIn_box .box_warp1 .box .state1[data-v-a558b801] {
    background: var(--theme-dec4);
    border-color: var(--theme-dec4)
}

.dailyCheckIn_box .box_warp1 .box .state1 .day_t[data-v-a558b801] {
    background: var(--theme-dec4);
    color: var(--theme-dec3)
}

.dailyCheckIn_box .btn_lq[data-v-a558b801] {
    margin-top: .4rem;
    position: relative;
    display: flex;
    justify-content: center
}

.dailyCheckIn_box .btn_lq .btn[data-v-a558b801] {
    width: 6rem;
    height: 1rem;
    background: linear-gradient(360deg, var(--theme-main-gradient2) 0%, var(--theme-main-gradient1) 81%);
    border-radius: 1rem;
    font-size: .44rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyCheckIn_box .btn_lq .btn div[data-v-a558b801] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyCheckIn_box .btn_lq .btn img[data-v-a558b801] {
    width: .75rem;
    height: .75rem;
    margin: -.1rem .1rem 0 .2rem
}

.dailyCheckIn_box .btn_lq .btn .img_fly[data-v-a558b801] {
    position: absolute;
    margin-left: .3rem;
    z-index: 12
}

.dailyCheckIn_box .btn_lq .btn .img_fly img[data-v-a558b801] {
    position: absolute
}

.dailyCheckIn_box .btn_lq .btn .img_fly .button_image[data-v-a558b801] {
    margin-left: .2rem
}

.dailyCheckIn_box .btn_lq .btn .img_fly .guang[data-v-a558b801] {
    width: 6.2rem;
    height: 6.2rem;
    display: none;
    animation: breathing-rotate-a558b801 3s infinite ease-in-out
}

.dailyCheckIn_box .btn_lq .btn .imgFly[data-v-a558b801] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background: var(--theme-neutral4);
    display: flex;
    margin-left: 0rem
}

.dailyCheckIn_box .btn_lq .btn .imgFly .button_image[data-v-a558b801] {
    animation: shake-a558b801 .5s ease-in-out infinite;
    position: relative;
    z-index: 1
}

.dailyCheckIn_box .btn_lq .btn .imgFly .guang[data-v-a558b801] {
    display: block
}

.dailyCheckIn_box .btn_lq .state1[data-v-a558b801] {
    background: linear-gradient(90deg, var(--theme-ts2-gradient1) 0%, var(--theme-ts2-gradient2) 81%);
    color: var(--theme-dec3)
}

.dailyCheckIn_box .box_warp2[data-v-a558b801] {
    margin-top: .25rem;
    padding: .2rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con[data-v-a558b801] {
    background: var(--theme-color11);
    border-radius: .3rem;
    padding: .32rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box[data-v-a558b801] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.3rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .btn[data-v-a558b801] {
    height: 1.2rem;
    font-size: var(--font-title);
    color: var(--theme-neutral2);
    background: var(--theme-color7);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    position: relative
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .btn span[data-v-a558b801] {
    position: relative;
    z-index: 2
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .btn[data-v-a558b801]:before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    right: -.5rem;
    bottom: 0;
    background: var(--theme-color7);
    transform: skew(30deg);
    border-radius: .2rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .btn2[data-v-a558b801] {
    background: var(--theme-color7)
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .btn2[data-v-a558b801]:before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    left: -.5rem;
    bottom: 0rem;
    background: var(--theme-color7);
    transform: skew(30deg);
    border-radius: .2rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .check[data-v-a558b801] {
    color: var(--theme-neutral1);
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 100%)
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .btn-box .check[data-v-a558b801]:before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    right: -.5rem;
    bottom: 0;
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 100%);
    transform: skew(30deg);
    border-radius: .2rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .time[data-v-a558b801] {
    width: 3.2rem;
    height: .6rem;
    border-radius: 2rem;
    padding: 0 .25rem;
    margin-top: -.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: .32rem;
    z-index: 2
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .time img[data-v-a558b801] {
    width: .3rem;
    margin-right: .05rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con[data-v-a558b801] {
    margin-top: .25rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: .2rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu[data-v-a558b801] {
    min-height: 2rem;
    background: var(--theme-color3);
    border-radius: .2rem;
    padding: .3rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .text[data-v-a558b801] {
    font-size: .34rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .text span[data-v-a558b801] {
    color: var(--theme-dec4)
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom[data-v-a558b801] {
    margin-top: .15rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .img_box[data-v-a558b801] {
    display: flex;
    align-items: center;
    font-size: .34rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .img_box div[data-v-a558b801] {
    display: flex;
    align-items: center
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .img_box img[data-v-a558b801] {
    width: .75rem;
    height: .75rem;
    margin-right: .2rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .img_box div[data-v-a558b801]:nth-of-type(1) {
    margin-right: .5rem
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .btn[data-v-a558b801] {
    width: 2.4rem;
    height: 100%;
    background: var(--theme-color7);
    border-radius: 2rem;
    font-size: .38rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .state1[data-v-a558b801],
.dailyCheckIn_box .box_warp2 .box_warp2_con .con .cumu .bottom .state0[data-v-a558b801] {
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 81%)
}

.progress[data-v-a558b801] {
    position: relative;
    width: 100%;
    padding-right: .3rem
}

.progress .progress-bar[data-v-a558b801] {
    width: 100%;
    height: .2rem;
    background-color: var(--theme-color3);
    border-radius: .2rem;
    overflow: hidden
}

.progress .progress-fill[data-v-a558b801] {
    height: 100%;
    background: linear-gradient(360deg, var(--theme-main-gradient2) 0%, var(--theme-main-gradient1) 81%);
    transition: width .3s ease;
    border-radius: .2rem
}

.progress .progress-marks[data-v-a558b801] {
    position: relative;
    width: 100%;
    margin-top: .215rem;
    height: .3rem
}

.progress .progress-mark[data-v-a558b801] {
    position: absolute;
    height: 100%;
    top: 0;
    transform: translate(-50%);
    text-align: center
}

.progress .mark-label[data-v-a558b801] {
    height: 100%;
    display: block;
    font-size: .3rem;
    display: flex;
    align-items: center;
    position: relative
}

.progress .mark-label span[data-v-a558b801] {
    width: .36rem;
    height: .36rem;
    background: var(--theme-color3);
    border-radius: .49rem;
    border: .02rem solid var(--theme-color6);
    position: absolute;
    top: -.5rem;
    right: 50%
}

.progress .mark-label img[data-v-a558b801] {
    width: .35rem;
    height: .35rem;
    margin-right: .05rem
}

.progress .mark-label .gou[data-v-a558b801] {
    width: .3rem;
    height: .3rem
}

.progress .reached[data-v-a558b801] {
    color: var(--theme-dec4)
}

@keyframes breathing-rotate-a558b801 {
    0% {
        transform: scale(1) rotate(0);
        opacity: .7
    }

    50% {
        transform: scale(1.5) rotate(180deg);
        opacity: 1
    }

    to {
        transform: scale(1) rotate(360deg);
        opacity: .7
    }
}

@keyframes shake-a558b801 {
    0% {
        transform: rotate(0) scale(5.5)
    }

    25% {
        transform: rotate(-10deg) scale(5.5)
    }

    50% {
        transform: rotate(10deg) scale(5.5)
    }

    75% {
        transform: rotate(-10deg) scale(5.5)
    }

    to {
        transform: rotate(0) scale(5.5)
    }
}

.ranking[data-v-044fa68d] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: var(--theme-color3);
    color: var(--theme-neutral1)
}

.ranking_box[data-v-044fa68d] {
    height: 100vh;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    overflow-y: scroll;
    padding: 1.4rem 0 2.5rem
}

.top_tab[data-v-044fa68d] {
    display: flex;
    width: 100%;
    height: 1.4rem;
    background: var(--theme-color3);
    position: fixed;
    top: 0;
    z-index: 12
}

.top_tab .top_tab_item[data-v-044fa68d] {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .38rem;
    position: relative;
    opacity: .5
}

.top_tab .active[data-v-044fa68d] {
    color: var(--theme-dec3);
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    font-weight: 700;
    opacity: 1
}

.top_tab .active[data-v-044fa68d]:after {
    content: "";
    width: 100%;
    height: .04rem;
    background: var(--theme-dec4);
    position: absolute;
    bottom: 0;
    left: 0
}

.mid_tab[data-v-044fa68d] {
    margin-top: .3rem;
    display: flex;
    height: 1.4rem;
    padding: 0 .2rem;
    background: var(--theme-neutral5)
}

.mid_tab .mid_tab_item[data-v-044fa68d] {
    width: 33.3rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .38rem;
    font-weight: 600;
    flex-direction: column;
    opacity: .5
}

.mid_tab .mid_tab_item p[data-v-044fa68d]:nth-of-type(2) {
    margin-top: .1rem;
    font-size: .32rem;
    display: flex;
    align-items: center
}

.mid_tab .mid_tab_item p:nth-of-type(2) img[data-v-044fa68d] {
    width: .3rem;
    margin-right: .05rem
}

.mid_tab .active[data-v-044fa68d] {
    opacity: 1;
    background: linear-gradient(0deg, var(--theme-main-gradient2), var(--theme-main-gradient1));
    border-radius: .3rem
}

.user[data-v-044fa68d] {
    width: 100%;
    min-height: 3rem;
    padding: 0 .2rem;
    margin-top: .3rem
}

.user .user_box[data-v-044fa68d] {
    width: 100%;
    height: 100%;
    background: var(--theme-neutral5);
    box-shadow: 0 0 #fff, 0 0 #000000b3, 0 0 #000000b3;
    border-radius: .3rem;
    border: .02px solid var(--theme-color7);
    display: flex;
    flex-direction: column;
    padding: .3rem .4rem .2rem;
    font-size: .32rem
}

.user .user_box_warp1[data-v-044fa68d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.user .user_box_warp1 .info[data-v-044fa68d] {
    display: flex;
    align-items: center
}

.user .user_box_warp1 .info img[data-v-044fa68d] {
    width: 1.03rem;
    height: 1.03rem;
    border-radius: 50%;
    margin-right: .3rem
}

.user .user_box_warp1 .info div p[data-v-044fa68d]:nth-of-type(1) {
    font-weight: 600;
    margin-bottom: .1rem
}

.user .user_box_warp1 .info div p[data-v-044fa68d]:nth-of-type(2) {
    color: var(--theme-color7)
}

.user .user_box_warp1 .info div p:nth-of-type(2) span[data-v-044fa68d] {
    color: var(--theme-neutral1)
}

.user .user_box_warp1 .btn[data-v-044fa68d] {
    width: 2.5rem;
    height: .9rem;
    background: linear-gradient(0deg, var(--theme-dec4), var(--theme-dec4));
    box-shadow: 0 0 #00000080, 0 0 #00000026, 0 0 #00000026;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--theme-color7)
}

.user .user_box_warp1[data-v-044fa68d]:after {
    content: "";
    width: 100%;
    height: .02rem;
    background: linear-gradient(to right, transparent 0%, transparent 10%, var(--theme-color3) 50%, transparent 90%, transparent 100%);
    position: absolute;
    bottom: -.25rem
}

.user .user_box_warp2[data-v-044fa68d] {
    margin-top: .45rem;
    display: flex;
    justify-content: space-between;
    position: relative
}

.user .user_box_warp2 div[data-v-044fa68d] {
    width: 50%;
    text-align: center
}

.user .user_box_warp2 div p[data-v-044fa68d]:nth-of-type(1) {
    margin-bottom: .2rem
}

.user .user_box_warp2 div span[data-v-044fa68d] {
    color: var(--theme-dec4)
}

.user .user_box_warp2 div:nth-of-type(1) p[data-v-044fa68d]:nth-of-type(2) {
    color: var(--theme-neutral1)
}

.user .user_box_warp2[data-v-044fa68d]:after {
    content: "";
    width: .02rem;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, transparent 10%, var(--theme-color3) 50%, transparent 90%, transparent 100%);
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0
}

.text_money[data-v-044fa68d] {
    margin-top: .3rem;
    text-align: center
}

.text_money .bg[data-v-044fa68d] {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0
}

.text_money .text[data-v-044fa68d] {
    height: 1.1rem
}

.text_money .money[data-v-044fa68d] {
    margin-top: -.1rem;
    height: 1.84rem;
    position: relative;
    text-align: center
}

.text_money .money img[data-v-044fa68d] {
    height: 100%
}

.text_money .money p[data-v-044fa68d] {
    height: .75rem;
    font-family: FZChaoCuHei-M10;
    font-size: .75rem;
    color: #000;
    line-height: .75rem;
    font-weight: 600;
    text-stroke: .01px #FFF900;
    background: linear-gradient(0deg, #feb100 14.990234375%, #fff 50.3662109375%, #fcff00 85.009765625%);
    -webkit-text-stroke: .01px #FFF900;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translate(-50%)
}

.text_money .text1[data-v-044fa68d] {
    font-weight: 400;
    font-size: .32rem;
    text-align: center;
    position: relative;
    margin-top: -.1rem
}

.abs_right[data-v-044fa68d] {
    position: absolute;
    right: 0;
    z-index: 1
}

.abs_right .abs1[data-v-044fa68d] {
    background: var(--theme-neutral5);
    width: .9rem;
    height: .7rem;
    border-radius: .35rem 0rem 0rem .35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -3rem
}

.abs_right .abs1 img[data-v-044fa68d] {
    width: .35rem;
    height: .42rem
}

.abs_right .abs2[data-v-044fa68d] {
    width: 2.01rem;
    height: .9rem;
    color: var(--theme-dec3);
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    box-shadow: 0 0 #00000080, 0 0 #00000026;
    border-radius: .2rem 0 0 .2rem;
    font-weight: 700;
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -.3rem;
    padding-left: .2rem
}

.abs_right .tips[data-v-044fa68d]:before {
    content: "";
    width: .2rem;
    height: .2rem;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: .1rem;
    left: .15rem;
    animation: bounce-3c22a512 .6s ease-in-out infinite
}

.topthree[data-v-044fa68d] {
    margin-top: .3rem;
    text-align: center;
    position: relative
}

.topthree .bg[data-v-044fa68d] {
    height: 5.45rem
}

.topthree .text[data-v-044fa68d] {
    width: 100%;
    padding: 0 .25rem;
    display: flex;
    justify-content: space-around;
    position: absolute;
    margin-top: -1.75rem;
    font-size: .32rem
}

.topthree .text .item1[data-v-044fa68d] {
    margin-top: -.32rem
}

.topthree .text .item[data-v-044fa68d] {
    min-width: 2.3rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: .1rem;
    justify-content: center;
    position: relative
}

.topthree .text .item p[data-v-044fa68d] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-bottom: .15rem
}

.topthree .text .item span[data-v-044fa68d] {
    color: var(--theme-dec4)
}

.topthree .text .item p[data-v-044fa68d]:nth-of-type(3) {
    font-size: .28rem
}

.topthree .text .item2[data-v-044fa68d] {
    padding-left: .3rem
}

.topthree .text .item3[data-v-044fa68d] {
    padding-right: .3rem
}

.topthree .text img[data-v-044fa68d] {
    width: .32rem;
    height: .36rem;
    margin-right: .07rem
}

.text2[data-v-044fa68d] {
    font-weight: 400;
    font-size: .32rem;
    text-align: center;
    position: relative;
    margin-top: .1rem
}

.list[data-v-044fa68d] {
    width: 100%;
    height: 100%;
    padding: 0 .2rem;
    margin-top: .2rem
}

.list .list_box[data-v-044fa68d] {
    background: var(--theme-color6);
    border-radius: .3rem;
    padding: .2rem .3rem
}

.list .list_box .item[data-v-044fa68d] {
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.list .list_box .item p[data-v-044fa68d] {
    flex: 3;
    text-align: start;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600
}

.list .list_box .item span[data-v-044fa68d] {
    color: var(--theme-dec4)
}

.list .list_box .item p[data-v-044fa68d]:nth-of-type(1) {
    flex: 1;
    font-weight: 100
}

.list .list_box .item p[data-v-044fa68d]:nth-of-type(2) {
    font-weight: 100
}

.list .list_box .item img[data-v-044fa68d] {
    width: .32rem;
    height: .36rem;
    margin-right: .07rem
}

.select[data-v-044fa68d] {
    margin-top: .4rem;
    padding: 0 .2rem
}

.select .select_box[data-v-044fa68d] {
    height: 1rem;
    border-radius: .2rem;
    border: .02px solid var(--theme-color7);
    box-sizing: border-box;
    overflow: hidden
}

.select .select_box .se[data-v-044fa68d] {
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    position: relative;
    box-sizing: border-box
}

.select .select_box .se img[data-v-044fa68d] {
    width: .4rem;
    position: absolute;
    right: .5rem;
    transform: rotate(-90deg)
}

.select .select_box .se .imgAnimation[data-v-044fa68d] {
    animation: flip-044fa68d .5s ease forwards
}

.select .select_box .se[data-v-044fa68d]:nth-of-type(3),
.select .select_box .se[data-v-044fa68d]:nth-of-type(2) {
    background: var(--theme-color11)
}

.select .select_box_zk[data-v-044fa68d] {
    height: 2rem
}

.jackpot_warp[data-v-044fa68d] {
    margin-top: .3rem;
    text-align: center
}

.jackpot_warp .bg[data-v-044fa68d] {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 0;
    opacity: .7
}

.jackpot_warp .text[data-v-044fa68d] {
    height: 1.1rem
}

.jackpot_warp .moeny[data-v-044fa68d] {
    margin-top: .05rem;
    font-weight: 700;
    font-size: .46rem;
    color: var(--theme-dec4)
}

.jackpot_warp .time[data-v-044fa68d] {
    margin-top: .1rem;
    font-weight: 400;
    font-size: .28rem;
    color: var(--theme-neutral1)
}

.list2[data-v-044fa68d] {
    margin-top: .3rem;
    padding: 0 .2rem
}

.list2 .list2_box[data-v-044fa68d] {
    background: var(--theme-neutral4);
    border-radius: .3rem;
    padding: .45rem .3rem
}

.list2 .list2_box .th[data-v-044fa68d] {
    font-size: .32rem;
    display: flex;
    justify-content: space-between;
    text-align: center
}

.list2 .list2_box .th p[data-v-044fa68d] {
    flex: 3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.list2 .list2_box .th p[data-v-044fa68d]:nth-of-type(1) {
    flex: 1
}

.list2 .list2_box .tr[data-v-044fa68d] {
    margin-top: .3rem
}

.list2 .list2_box .tr .item[data-v-044fa68d] {
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .28rem
}

.list2 .list2_box .tr .item p[data-v-044fa68d] {
    flex: 3;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600
}

.list2 .list2_box .tr .item span[data-v-044fa68d] {
    color: var(--theme-dec4)
}

.list2 .list2_box .tr .item p[data-v-044fa68d]:nth-of-type(1) {
    flex: 1
}

.list2 .list2_box .tr .item img[data-v-044fa68d] {
    width: .32rem;
    height: .36rem;
    margin-right: .07rem
}

.list2 .nodata[data-v-044fa68d] {
    margin-top: 1.2rem;
    text-align: center;
    font-weight: 400;
    font-size: .36rem;
    color: var(--theme-neutral2)
}

.list2 .nodata img[data-v-044fa68d] {
    width: 6.02rem;
    height: 4.04rem;
    margin-bottom: .2rem
}

.istop[data-v-044fa68d] {
    width: 1.24rem;
    height: 1.24rem;
    position: fixed;
    right: .3rem;
    bottom: 2rem
}

@keyframes flip-044fa68d {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(90deg)
    }
}

@keyframes bounce-044fa68d {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }
}

.rules[data-v-df3de400] {
    box-sizing: border-box;
    background: var(--theme-color3);
    color: var(--theme-neutral1);
    padding-top: 1.2rem
}

.rules_box[data-v-df3de400] {
    height: 100%;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0 .2rem
}

.top_tab[data-v-df3de400] {
    width: 100%;
    height: 1.7rem;
    position: fixed;
    top: 1.2rem;
    left: 0;
    z-index: 99;
    background: var(--theme-color2);
    padding-top: .3rem
}

.top_tab .top_tab_box[data-v-df3de400] {
    display: flex;
    width: 100%;
    height: 1.4rem;
    padding: 0 .2rem;
    background: var(--theme-color11)
}

.top_tab .top_tab_item[data-v-df3de400] {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .38rem;
    position: relative;
    opacity: .5
}

.top_tab .active[data-v-df3de400] {
    background: linear-gradient(0deg, var(--theme-ts2-gradient2), var(--theme-ts2-gradient1));
    opacity: 1
}

.top_tab .active[data-v-df3de400]:after {
    content: "";
    width: 100%;
    height: .04rem;
    background: var(--theme-dec4);
    position: absolute;
    bottom: 0;
    left: 0
}

.totalbet[data-v-df3de400] {
    font-weight: 700;
    font-size: .38rem;
    margin-top: .3rem;
    margin-bottom: .2rem
}

.list .list_box[data-v-df3de400] {
    background: var(--theme-color11);
    border-radius: .3rem;
    padding: .4rem 0rem .2rem;
    font-size: .32rem
}

.list .list_box .th[data-v-df3de400] {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center
}

.list .list_box .th p[data-v-df3de400] {
    width: 100%
}

.list .list_box .tr[data-v-df3de400] {
    margin-top: .3rem
}

.list .list_box .item[data-v-df3de400] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    height: 1rem
}

.list .list_box .item p[data-v-df3de400] {
    width: 100%;
    color: var(--theme-neutral2)
}

.introduce[data-v-df3de400] {
    margin-top: .3rem
}

.introduce .introduce_title[data-v-df3de400] {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: .38rem;
    margin-bottom: .1rem
}

.introduce .introduce_text[data-v-df3de400] {
    font-weight: 400;
    font-size: .28rem;
    line-height: .48rem;
    color: var(--theme-neutral2)
}

.reward[data-v-b4f076cf] {
    box-sizing: border-box;
    background: var(--theme-color3);
    color: var(--theme-neutral1);
    padding-top: 2.6rem
}

.reward_box[data-v-b4f076cf] {
    height: 100vh;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0 .2rem
}

.top_tab[data-v-b4f076cf] {
    width: 100%;
    position: fixed;
    top: 1.2rem;
    left: 0;
    z-index: 99;
    background: var(--theme-color3)
}

.top_tab .top_tab_box[data-v-b4f076cf] {
    display: flex;
    width: 100%;
    height: 1.4rem;
    background: var(--theme-color11)
}

.top_tab .top_tab_item[data-v-b4f076cf] {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    position: relative;
    opacity: .5
}

.top_tab .active[data-v-b4f076cf] {
    color: var(--theme-dec3);
    background: linear-gradient(-90deg, var(--theme-ts2-gradient1), var(--theme-ts2-gradient2));
    opacity: 1
}

.top_tab .active[data-v-b4f076cf]:after {
    content: "";
    width: 100%;
    height: .04rem;
    background: var(--theme-dec4);
    position: absolute;
    bottom: 0;
    left: 0
}

.tips[data-v-b4f076cf] {
    margin-top: .7rem;
    font-size: .3rem;
    text-align: center
}

.list[data-v-b4f076cf] {
    margin-top: .3rem
}

.list .list_box[data-v-b4f076cf] {
    border-radius: .3rem;
    padding: .4rem 0rem .2rem;
    font-size: .32rem
}

.list .list_box .th[data-v-b4f076cf] {
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    background: var(--theme-color11);
    border-radius: .2rem .2rem 0 0
}

.list .list_box .th p[data-v-b4f076cf] {
    width: 100%;
    flex: 4
}

.list .list_box .th p[data-v-b4f076cf]:nth-of-type(1),
.list .list_box .th p[data-v-b4f076cf]:nth-of-type(2) {
    flex: 2
}

.list .list_box .tr[data-v-b4f076cf] {
    width: 100%;
    height: 1.5rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center
}

.list .list_box .tr p[data-v-b4f076cf] {
    flex: 4
}

.list .list_box .tr p span[data-v-b4f076cf] {
    color: var(--theme-neutral2)
}

.list .list_box .tr p[data-v-b4f076cf]:nth-of-type(1) {
    flex: 2
}

.list .list_box .tr .btn[data-v-b4f076cf] {
    text-align: center
}

.list .list_box .tr .btn span[data-v-b4f076cf] {
    margin: 0 auto;
    width: 2.5rem;
    height: .9rem;
    background: linear-gradient(0deg, var(--theme-dec4), var(--theme-dec4));
    box-shadow: 0 0 #00000080, 0 0 #00000026, 0 0 #00000026;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: var(--theme-color7)
}

.list .list_box .tr .state2 span[data-v-b4f076cf],
.list .list_box .tr .state4 span[data-v-b4f076cf] {
    color: var(--theme-neutral2);
    background: var(--theme-neutral4)
}

.list .list_box .item[data-v-b4f076cf] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    margin-bottom: .2rem;
    background: var(--theme-color2);
    border-radius: .2rem
}

.list .list_box .item p[data-v-b4f076cf] {
    width: 100%
}

.list .nodata[data-v-b4f076cf] {
    margin-top: 3rem;
    text-align: center;
    font-weight: 400;
    font-size: .36rem;
    color: var(--theme-neutral2)
}

.list .nodata img[data-v-b4f076cf] {
    width: 6.02rem;
    height: 4.04rem;
    margin-bottom: .2rem
}

.runningWaterRecords_lottery[data-v-01b6ae45] {
    margin: .24rem 0 .32rem;
    padding: .24rem 0;
    width: 100%;
    background: var(--theme-color4);
    color: var(--theme-neutral1);
    border-radius: .3rem
}

.runningWaterRecords_lottery .container[data-v-01b6ae45] {
    display: flex;
    justify-content: center;
    align-items: center
}

.runningWaterRecords_lottery .container .lottery-grid[data-v-01b6ae45] {
    display: grid;
    grid-template-columns: repeat(4, 2.1rem);
    grid-template-rows: repeat(4, 2.1rem);
    gap: .16rem;
    position: relative
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item[data-v-01b6ae45] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    border: .04rem solid var(--theme-color8);
    border-radius: .3rem;
    background: var(--theme-color6)
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item.active[data-v-01b6ae45] {
    background: linear-gradient(360deg, #d3170d, #ff9d52);
    border-color: var(--theme-dec4)
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item.active .grid-item-bottom[data-v-01b6ae45] {
    background: var(--theme-dec4)
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item.active .grid-item-bottom span[data-v-01b6ae45] {
    color: var(--theme-dec3)
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item .grid-item-top[data-v-01b6ae45] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item .grid-item-top .img_icon[data-v-01b6ae45] {
    position: relative;
    height: 1.3rem;
    z-index: 1;
    margin-top: .15rem
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item .grid-item-top .img_light[data-v-01b6ae45] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.5rem
}

.runningWaterRecords_lottery .container .lottery-grid .grid-item .grid-item-bottom[data-v-01b6ae45] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% + .08rem);
    height: .6rem;
    transform: translateY(.04rem);
    border-radius: 0 0 .3rem .3rem;
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 81%)
}

.runningWaterRecords_lottery .container .center-img[data-v-01b6ae45] {
    grid-column: 2/span 2;
    grid-row: 2/span 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.runningWaterRecords_lottery .container .center-img img[data-v-01b6ae45] {
    width: 5.72rem;
    height: 5.72rem
}

.runningWaterRecords_lottery .btn-container[data-v-01b6ae45] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .1rem;
    margin-top: .3rem
}

.runningWaterRecords_lottery .btn-container .amount-of-coding[data-v-01b6ae45] {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: .34rem;
    width: 100%;
    padding: 0 .32rem;
    box-sizing: border-box
}

.runningWaterRecords_lottery .btn-container .amount-of-coding span[data-v-01b6ae45] {
    margin-left: .29rem;
    color: var(--theme-dec4)
}

.runningWaterRecords_lottery .btn-container .btn[data-v-01b6ae45] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.44rem;
    height: 1.2rem
}

.runningWaterRecords_lottery .btn-container .btn img[data-v-01b6ae45] {
    position: absolute;
    width: 100%;
    height: 100%
}

.runningWaterRecords_lottery .btn-container .btn span[data-v-01b6ae45] {
    position: relative;
    z-index: 1;
    font-weight: 800;
    color: var(--theme-dec3)
}

.runningWaterRecords_lottery .btn-container .btn2 span[data-v-01b6ae45] {
    color: var(--theme-neutral1)
}

.runningWaterRecords_lottery .btn-container .btn3 span[data-v-01b6ae45] {
    color: var(--theme-neutral1) !important
}

.runningWaterRecords_lottery .btn-container .time[data-v-01b6ae45] {
    display: flex;
    align-items: center;
    gap: .2rem
}

.runningWaterRecords_lottery .btn-container .time img[data-v-01b6ae45] {
    width: .5rem;
    height: .5rem
}

.runningWaterRecords_lottery .btn-container .time .text[data-v-01b6ae45] {
    font-weight: 500;
    font-size: .34rem
}

.runningWaterRecords_lottery .popup[data-v-01b6ae45] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: #000c;
    display: flex;
    align-items: center;
    justify-content: center
}

.runningWaterRecords_lottery .popup .popup_box[data-v-01b6ae45] {
    width: 8.88rem;
    height: 8.53rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_top[data-v-01b6ae45] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.2rem;
    background: linear-gradient(360deg, var(--theme-main-gradient1) 0%, var(--theme-main-gradient2) 81%);
    border-radius: .3rem .3rem 0 0
}

.runningWaterRecords_lottery .popup .popup_box .popup_top span[data-v-01b6ae45] {
    font-weight: 800;
    font-size: .44rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_top img[data-v-01b6ae45] {
    position: absolute;
    top: .32rem;
    right: .32rem;
    width: .56rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_bottom[data-v-01b6ae45] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 7.33rem;
    background: var(--theme-color7);
    border-radius: 0rem 0rem .3rem .3rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_bottom p[data-v-01b6ae45] {
    font-weight: 500;
    font-size: .38rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_bottom img[data-v-01b6ae45] {
    margin: .4rem 0 0;
    width: 2.4rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_bottom .money[data-v-01b6ae45] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.6rem;
    height: 1rem;
    background: var(--theme-color6);
    font-weight: 700;
    font-size: .7rem;
    border-radius: .5rem;
    color: var(--theme-dec4)
}

.runningWaterRecords_lottery .popup .popup_box .popup_bottom .money span[data-v-01b6ae45] {
    margin: .2rem 0 0 .2rem;
    font-weight: 500;
    font-size: .4rem
}

.runningWaterRecords_lottery .popup .popup_box .popup_bottom .btn[data-v-01b6ae45] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .6rem;
    width: 4.2rem;
    height: 1.2rem;
    background: var(--theme-dec4);
    border-radius: 2rem;
    color: var(--theme-dec3);
    font-weight: 800;
    font-size: .54rem
}

.winningRecord[data-v-ac8b0550] {
    width: 100%;
    box-sizing: border-box;
    background: var(--theme-color4);
    color: var(--theme-neutral1);
    border-radius: .3rem
}

.winningRecord .winningRecord_tab[data-v-ac8b0550] {
    display: flex
}

.winningRecord .winningRecord_tab div[data-v-ac8b0550] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 1.2rem;
    color: var(--theme-neutral2);
    font-weight: 800;
    font-size: .38rem
}

.winningRecord .winningRecord_tab div.active[data-v-ac8b0550] {
    border-radius: .3rem .3rem 0rem 0rem;
    background: var(--theme-color5);
    color: var(--theme-neutral1)
}

.winningRecord .winningRecord_list[data-v-ac8b0550] {
    border-radius: 0 0 .3rem .3rem;
    overflow: hidden
}

.winningRecord .winningRecord_list .fade-enter-active[data-v-ac8b0550],
.winningRecord .winningRecord_list .fade-leave-active[data-v-ac8b0550] {
    transition: all .5s
}

.winningRecord .winningRecord_list .fade-enter-from[data-v-ac8b0550] {
    opacity: 0;
    transform: translateY(.2rem)
}

.winningRecord .winningRecord_list .fade-enter-to[data-v-ac8b0550],
.winningRecord .winningRecord_list .fade-leave-from[data-v-ac8b0550] {
    opacity: 1;
    transform: translateY(0)
}

.winningRecord .winningRecord_list .fade-leave-to[data-v-ac8b0550] {
    opacity: 0;
    transform: translateY(.2rem)
}

.winningRecord .winningRecord_list ul[data-v-ac8b0550] {
    height: 7rem;
    overflow-y: scroll
}

.winningRecord .winningRecord_list ul li[data-v-ac8b0550] {
    padding: .2rem .32rem .1rem;
    background: #ffffff0d;
    margin-bottom: .1rem
}

.winningRecord .winningRecord_list ul li .top_box[data-v-ac8b0550] {
    display: flex;
    justify-content: space-between;
    font-weight: 800;
    font-size: .38rem
}

.winningRecord .winningRecord_list ul li .top_box .time[data-v-ac8b0550] {
    font-weight: 500;
    font-size: .34rem;
    color: var(--theme-neutral2)
}

.winningRecord .winningRecord_list ul li .bottom_box[data-v-ac8b0550] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.winningRecord .winningRecord_list ul li .bottom_box div[data-v-ac8b0550] {
    display: flex;
    align-items: center;
    gap: .1rem
}

.winningRecord .winningRecord_list ul li .bottom_box div span[data-v-ac8b0550] {
    font-weight: 800;
    font-size: .38rem;
    color: var(--theme-dec4)
}

.winningRecord .winningRecord_list ul li .bottom_box div img[data-v-ac8b0550] {
    width: .8rem
}

.runningWaterRecords[data-v-72ee6a21] {
    width: 100%;
    box-sizing: border-box;
    background: var(--theme-color3);
    color: var(--theme-neutral1)
}

.runningWaterRecords .runningWaterRecords_container[data-v-72ee6a21] {
    padding: .24rem
}

.runningWaterRecords .runningWaterRecords_container .tabs[data-v-72ee6a21] {
    width: 100%;
    height: 1.2rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.3rem;
    margin-bottom: .25rem
}

.runningWaterRecords .runningWaterRecords_container .tabs div[data-v-72ee6a21] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-neutral2);
    font-size: .44rem;
    background: var(--theme-color10);
    font-weight: 700;
    position: relative;
    border-radius: .2rem
}

.runningWaterRecords .runningWaterRecords_container .tabs div span[data-v-72ee6a21] {
    position: relative;
    z-index: 2
}

.runningWaterRecords .runningWaterRecords_container .tabs div p[data-v-72ee6a21] {
    position: absolute;
    right: 0;
    top: -.1rem;
    z-index: 2;
    padding: .05rem .15rem;
    font-weight: 500;
    font-size: .3rem;
    color: var(--theme-dec3);
    background: var(--theme-dec4);
    border-radius: .3rem
}

.runningWaterRecords .runningWaterRecords_container .tabs div[data-v-72ee6a21]:nth-child(1):before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    right: -.5rem;
    bottom: 0;
    transform: skew(30deg);
    border-radius: .2rem;
    background: var(--theme-color10)
}

.runningWaterRecords .runningWaterRecords_container .tabs div:nth-child(1) p[data-v-72ee6a21] {
    right: -.7rem
}

.runningWaterRecords .runningWaterRecords_container .tabs div[data-v-72ee6a21]:nth-child(2):before {
    content: "";
    height: 100%;
    width: 50%;
    position: absolute;
    left: -.5rem;
    bottom: 0rem;
    transform: skew(30deg);
    border-radius: .2rem;
    background: var(--theme-color10)
}

.runningWaterRecords .runningWaterRecords_container .tabs .check[data-v-72ee6a21] {
    color: var(--theme-neutral1);
    background: linear-gradient(360deg, var(--theme-main-gradient2) 0%, var(--theme-main-gradient1) 100%)
}

.runningWaterRecords .runningWaterRecords_container .tabs .check[data-v-72ee6a21]:before {
    background: linear-gradient(360deg, var(--theme-main-gradient2) 0%, var(--theme-main-gradient1) 100%) !important
}

.runningWaterRecords .runningWaterRecords_container .grand_prize[data-v-72ee6a21] {
    display: flex;
    justify-content: center;
    gap: .08rem;
    padding: .24rem;
    background: var(--theme-color4);
    border-radius: .3rem
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box[data-v-72ee6a21] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_top[data-v-72ee6a21] {
    display: flex;
    align-items: center;
    gap: .1rem
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_top img[data-v-72ee6a21] {
    width: .6rem
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_top span[data-v-72ee6a21] {
    font-size: .34rem;
    font-weight: 800
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_middle[data-v-72ee6a21] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: .9rem;
    width: 100%;
    border-radius: .2rem;
    border: .04rem solid var(--theme-color8);
    background: var(--theme-color6)
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_middle span[data-v-72ee6a21] {
    font-weight: 800;
    font-size: .38rem;
    color: var(--theme-dec4);
    white-space: nowrap
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_bottom[data-v-72ee6a21] {
    display: flex;
    gap: .04rem;
    margin-top: .06rem
}

.runningWaterRecords .runningWaterRecords_container .grand_prize .grand_prize_box .grand_prize_box_bottom img[data-v-72ee6a21] {
    width: .32rem
}

.treasureChest[data-v-33a8bcc6] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--theme-color3)
}

.treasureChest .top_img img[data-v-33a8bcc6] {
    width: 100%
}

.treasureChest .treasureChestBody[data-v-33a8bcc6] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: 0 .2rem
}

.treasureChest .treasureChestBody .treasureChestBody_bg_box[data-v-33a8bcc6] {
    margin-top: -2.1rem;
    position: relative
}

.treasureChest .treasureChestBody .treasureChestBody_bg_box .bg_box[data-v-33a8bcc6] {
    position: absolute;
    z-index: 0;
    background: linear-gradient(-90deg, var(--theme-ts4-gradient1), var(--theme-ts4-gradient2));
    border-radius: .2rem;
    width: 100%;
    height: 100%;
    opacity: .8
}

.treasureChest .treasureChestBody .treasureChestBody_bg_box[data-v-33a8bcc6] .myLink {
    position: relative;
    background: none
}

.treasureChest .treasureChestBody .treasureChestBody_bg_box[data-v-33a8bcc6] .myLink .share_link {
    background: var(--theme-color6)
}

.treasureChest .treasureChestBody .treasureChestBody-warp1[data-v-33a8bcc6] {
    position: relative;
    padding: .3rem 0 .1rem;
    box-sizing: border-box;
    border-radius: .4rem;
    margin: 0 .2rem
}

.treasureChest .treasureChestBody .treasureChestBody-warp1[data-v-33a8bcc6]:after {
    content: "";
    position: absolute;
    top: -.1rem;
    width: 100%;
    border-top: .01rem dashed var(--theme-color13)
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports_s[data-v-33a8bcc6] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
    border-radius: .2rem
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports[data-v-33a8bcc6] {
    width: 100%;
    height: .79rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .4rem;
    margin-bottom: .15rem;
    box-sizing: border-box;
    background: var(--theme-color6);
    border-radius: .2rem;
    height: 1.3rem
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports p[data-v-33a8bcc6] {
    font-size: .32rem;
    color: var(--theme-neutral1)
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports div[data-v-33a8bcc6] {
    display: flex;
    align-items: center;
    gap: .21rem
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports div p[data-v-33a8bcc6] {
    color: var(--theme-neutral1)
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports div span[data-v-33a8bcc6] {
    color: var(--theme-dec4);
    margin-right: .16rem;
    font-size: .42rem
}

.treasureChest .treasureChestBody .treasureChestBody-warp1 .reports div img[data-v-33a8bcc6] {
    width: .65rem;
    height: .65rem
}

.treasureChest .treasureChestBody .title[data-v-33a8bcc6] {
    font-size: .36rem;
    color: var(--theme-neutral1)
}

.treasureChest .treasureChestBody .go_ranking[data-v-33a8bcc6] {
    height: 1.2rem;
    background: linear-gradient(90deg, var(--theme-ts3-gradient1) 0%, var(--theme-ts3-gradient2) 100%);
    border-radius: .2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 .4rem
}

.treasureChest .treasureChestBody .go_ranking p[data-v-33a8bcc6] {
    font-size: .38rem;
    color: var(--theme-neutral1)
}

.treasureChest .treasureChestBody .go_ranking span[data-v-33a8bcc6] {
    font-size: .44rem;
    color: var(--theme-dec4);
    font-weight: 600
}

.treasureChest .treasureChestBody .go_ranking span[data-v-33a8bcc6]:nth-of-type(2) {
    font-weight: 100;
    margin-right: -.1rem;
    margin-left: -.1rem
}

.treasureChest .treasureChestBody .go_ranking .rit p[data-v-33a8bcc6] {
    display: flex;
    align-items: center;
    gap: .21rem
}

.treasureChest .treasureChestBody .go_ranking img[data-v-33a8bcc6] {
    width: .55rem
}

.treasureChest .treasureChestBody .box[data-v-33a8bcc6] {
    max-height: 6.5rem;
    overflow-y: auto;
    padding: .1rem .2rem 1rem;
    display: grid;
    grid-template-columns: repeat(4, 1.94rem);
    background: var(--theme-color6);
    border-radius: .2rem;
    grid-template-areas: var(--6a565b58);
    justify-content: space-between;
    row-gap: 1rem
}

.treasureChest .treasureChestBody .box[data-v-33a8bcc6] * {
    transition: all .2s ease-in-out
}

.treasureChest .treasureChestBody .box .noImg[data-v-33a8bcc6] {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6] {
    background-size: 100% 100%;
    border-radius: .3rem;
    width: 1.94rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    color: var(--theme-neutral1);
    justify-content: flex-end;
    padding-bottom: .15rem
}

.treasureChest .treasureChestBody .box .item p[data-v-33a8bcc6] {
    color: var(--theme-neutral1);
    font-size: .3rem
}

.treasureChest .treasureChestBody .box .item .yes[data-v-33a8bcc6] {
    color: var(--theme-neutral1)
}

.treasureChest .treasureChestBody .box .item .money[data-v-33a8bcc6] {
    position: absolute;
    bottom: -.3rem;
    color: var(--theme-dec4);
    font-size: .36rem;
    font-weight: 700
}

.treasureChest .treasureChestBody .box .item div[data-v-33a8bcc6] {
    display: flex;
    align-items: center;
    justify-content: center
}

.treasureChest .treasureChestBody .box .item .btn[data-v-33a8bcc6] {
    padding: .12rem .15rem;
    cursor: pointer;
    border-radius: .2rem;
    font-size: .25rem
}

.treasureChest .treasureChestBody .box .item .no_receive[data-v-33a8bcc6] {
    color: var(--font-color1);
    border-radius: .2rem
}

.treasureChest .treasureChestBody .box .item .sl_box_shadow_green[data-v-33a8bcc6] {
    cursor: pointer;
    color: #12151c
}

.treasureChest .treasureChestBody .box .item .yes_receive[data-v-33a8bcc6] {
    color: var(--common-input_txt_green-color);
    border-radius: .2rem
}

.treasureChest .treasureChestBody .box .item img[data-v-33a8bcc6] {
    width: 1.2rem;
    margin-top: .2rem;
    margin-bottom: .15rem
}

.treasureChest .treasureChestBody .box .Received[data-v-33a8bcc6],
.treasureChest .treasureChestBody .box .Available[data-v-33a8bcc6] {
    background-size: 100% 100%
}

.treasureChest .treasureChestBody .box .odd[data-v-33a8bcc6]:after {
    content: "";
    width: .35rem;
    height: .3rem;
    background: var(--0580593c);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: calc(0rem + 100%);
    top: calc(50% - .1rem)
}

.treasureChest .treasureChestBody .box .even[data-v-33a8bcc6]:after {
    content: "";
    width: .35rem;
    height: .3rem;
    background: var(--0580593c);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: calc(.2rem + 100%);
    top: calc(50% + 0rem);
    transform: rotate(180deg)
}

.treasureChest .treasureChestBody .box .lastItem[data-v-33a8bcc6]:after {
    content: "";
    width: .35rem;
    height: .3rem;
    background: var(--0580593c);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: calc(50% - .2rem);
    bottom: -1.25rem;
    transform: rotate(90deg)
}

.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+5),
.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+6),
.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+7),
.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+8) {
    order: 1
}

.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+1),
.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+2),
.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+3),
.treasureChest .treasureChestBody .box .item[data-v-33a8bcc6]:nth-child(6n+4) {
    order: 0
}

.updateNowPop .box[data-v-6a89e582] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2006;
    background: #00000080;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.updateNowPop .box .bottom[data-v-6a89e582] {
    width: 100%;
    height: 8rem;
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    background: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.updateNowPop .box .bottom .title[data-v-6a89e582] {
    margin-top: 2.59rem;
    margin-bottom: .45rem;
    font-size: .45rem;
    color: #000;
    font-weight: 700
}

.updateNowPop .box .bottom .txtArr[data-v-6a89e582] {
    color: #000;
    font-size: .36rem;
    line-height: .55rem;
    white-space: pre-wrap
}

.updateNowPop .box .bottom .btn[data-v-6a89e582] {
    margin-top: .4rem;
    width: 5rem;
    height: 1.2rem;
    background-color: var(--theme-color2);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .4rem;
    border-radius: .6rem
}

.updateNowPop .box img[data-v-6a89e582] {
    position: absolute;
    top: -1.14rem;
    left: calc(50% - 2.3515rem);
    width: 4.73rem;
    height: 3.51rem
}

.activityPopup[data-v-558e760f] {
    position: relative;
    z-index: 2001
}

.activityPopup .activityPopup_content[data-v-558e760f] {
    height: 8.47rem
}

.activityPopup .activityPopup_content img[data-v-558e760f] {
    cursor: pointer;
    margin: 0 auto;
    display: block
}

.activityPopup .activityPopup_content .content_img[data-v-558e760f] {
    height: 100%;
    margin-bottom: .25rem
}

.activityPopup .activityPopup_content .close_Box[data-v-558e760f] {
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
    border-radius: 2rem;
    margin: auto;
    margin-top: 1rem
}

.activityPopup .activityPopup_content .close_Box .close_img[data-v-558e760f] {
    width: .4rem
}

.appIframe[data-v-5bee2c27] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.app_logding[data-v-5bee2c27] {
    width: 100%;
    height: 100vh;
    background-color: var(--theme-color3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

.app_logding .app_logding_bg[data-v-5bee2c27] {
    width: 100%;
    height: 100vh
}

.app_logding .app_logding_img[data-v-5bee2c27] {
    width: 5rem
}

.app_logding .loading[data-v-5bee2c27] {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.app_logding .loading_span[data-v-5bee2c27] {
    font-size: .45rem;
    font-weight: 700;
    color: #333
}

.app_logding .dot[data-v-5bee2c27] {
    animation: blink-5bee2c27 1.5s infinite
}

.app_logding .dot[data-v-5bee2c27]:nth-child(2) {
    animation-delay: .5s
}

.app_logding .dot[data-v-5bee2c27]:nth-child(3) {
    animation-delay: 1s
}

@keyframes blink-5bee2c27 {

    0%,
    20% {
        opacity: 0
    }

    20%,
    to {
        opacity: 1
    }
}

.svg-icon[data-v-401b16b3] {
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle
}

.hover[data-v-401b16b3][data-v-401b16b3]:hover {
    color: var(--font-color1) !important
}

@-webkit-keyframes xyz-in-keyframes {
    0% {
        opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-in-keyframes {
    0% {
        opacity: var(--xyz-in-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-in-transform, var(--xyz-transform, perspective(var(--xyz-in-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-in-translate-x, var(--xyz-translate-x, 0)), var(--xyz-in-translate-y, var(--xyz-translate-y, 0)), var(--xyz-in-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-in-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-in-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-in-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-in-scale-x, var(--xyz-scale-x, 1)), var(--xyz-in-scale-y, var(--xyz-scale-y, 1)), var(--xyz-in-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-in-skew-x, var(--xyz-skew-x, 0)), var(--xyz-in-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@-webkit-keyframes xyz-out-keyframes {
    0% {
        opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-out-keyframes {
    0% {
        opacity: var(--xyz-out-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-out-transform, var(--xyz-transform, perspective(var(--xyz-out-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-out-translate-x, var(--xyz-translate-x, 0)), var(--xyz-out-translate-y, var(--xyz-translate-y, 0)), var(--xyz-out-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-out-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-out-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-out-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-out-scale-x, var(--xyz-scale-x, 1)), var(--xyz-out-scale-y, var(--xyz-scale-y, 1)), var(--xyz-out-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-out-skew-x, var(--xyz-skew-x, 0)), var(--xyz-out-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@-webkit-keyframes xyz-appear-keyframes {
    0% {
        opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))))
    }
}

@keyframes xyz-appear-keyframes {
    0% {
        opacity: var(--xyz-appear-opacity, var(--xyz-opacity, 1));
        transform: var(--xyz-appear-transform, var(--xyz-transform, perspective(var(--xyz-appear-perspective, var(--xyz-perspective, var(--xyz-perspective-none)))) translate3d(var(--xyz-appear-translate-x, var(--xyz-translate-x, 0)), var(--xyz-appear-translate-y, var(--xyz-translate-y, 0)), var(--xyz-appear-translate-z, var(--xyz-translate-z, 0))) rotateX(var(--xyz-appear-rotate-x, var(--xyz-rotate-x, 0))) rotateY(var(--xyz-appear-rotate-y, var(--xyz-rotate-y, 0))) rotateZ(var(--xyz-appear-rotate-z, var(--xyz-rotate-z, 0))) scale3d(var(--xyz-appear-scale-x, var(--xyz-scale-x, 1)), var(--xyz-appear-scale-y, var(--xyz-scale-y, 1)), var(--xyz-appear-scale-z, var(--xyz-scale-z, 1))) skew(var(--xyz-appear-skew-x, var(--xyz-skew-x, 0)), var(--xyz-appear-skew-y, var(--xyz-skew-y, 0)))))
    }
}

:root {
    --xyz-perspective-none: 0;
    --xyz-keyframes-default: none;
    --xyz-ease-default: ease;
    --xyz-duration-default: .5s;
    --xyz-delay-default: 0s;
    --xyz-stagger-default: .25s;
    --xyz-iterate-default: 1;
    --xyz-direction-default: normal;
    --xyz-out-direction-default: reverse;
    --xyz-origin-default: center;
    --xyz-opacity-default: 1;
    --xyz-perspective-default: var(--xyz-perspective-none);
    --xyz-translate-default: 25%;
    --xyz-translate-z-default: 300px;
    --xyz-rotate-default: .25turn;
    --xyz-scale-default: .5;
    --xyz-skew-default: 30deg
}

@supports (transform: perspective(none)) {
    :root {
        --xyz-perspective-none: none
    }
}

.xyz-nested:nth-child(1),
.xyz-appear-nested:nth-child(1),
.xyz-out-nested:nth-child(1),
.xyz-in-nested:nth-child(1),
.xyz-appear:nth-child(1),
.xyz-out:nth-child(1),
.xyz-in:nth-child(1) {
    --xyz-index: 0
}

.xyz-nested:nth-last-child(1),
.xyz-appear-nested:nth-last-child(1),
.xyz-out-nested:nth-last-child(1),
.xyz-in-nested:nth-last-child(1),
.xyz-appear:nth-last-child(1),
.xyz-out:nth-last-child(1),
.xyz-in:nth-last-child(1) {
    --xyz-index-rev: 0
}

.xyz-nested:nth-child(2),
.xyz-appear-nested:nth-child(2),
.xyz-out-nested:nth-child(2),
.xyz-in-nested:nth-child(2),
.xyz-appear:nth-child(2),
.xyz-out:nth-child(2),
.xyz-in:nth-child(2) {
    --xyz-index: 1
}

.xyz-nested:nth-last-child(2),
.xyz-appear-nested:nth-last-child(2),
.xyz-out-nested:nth-last-child(2),
.xyz-in-nested:nth-last-child(2),
.xyz-appear:nth-last-child(2),
.xyz-out:nth-last-child(2),
.xyz-in:nth-last-child(2) {
    --xyz-index-rev: 1
}

.xyz-nested:nth-child(3),
.xyz-appear-nested:nth-child(3),
.xyz-out-nested:nth-child(3),
.xyz-in-nested:nth-child(3),
.xyz-appear:nth-child(3),
.xyz-out:nth-child(3),
.xyz-in:nth-child(3) {
    --xyz-index: 2
}

.xyz-nested:nth-last-child(3),
.xyz-appear-nested:nth-last-child(3),
.xyz-out-nested:nth-last-child(3),
.xyz-in-nested:nth-last-child(3),
.xyz-appear:nth-last-child(3),
.xyz-out:nth-last-child(3),
.xyz-in:nth-last-child(3) {
    --xyz-index-rev: 2
}

.xyz-nested:nth-child(4),
.xyz-appear-nested:nth-child(4),
.xyz-out-nested:nth-child(4),
.xyz-in-nested:nth-child(4),
.xyz-appear:nth-child(4),
.xyz-out:nth-child(4),
.xyz-in:nth-child(4) {
    --xyz-index: 3
}

.xyz-nested:nth-last-child(4),
.xyz-appear-nested:nth-last-child(4),
.xyz-out-nested:nth-last-child(4),
.xyz-in-nested:nth-last-child(4),
.xyz-appear:nth-last-child(4),
.xyz-out:nth-last-child(4),
.xyz-in:nth-last-child(4) {
    --xyz-index-rev: 3
}

.xyz-nested:nth-child(5),
.xyz-appear-nested:nth-child(5),
.xyz-out-nested:nth-child(5),
.xyz-in-nested:nth-child(5),
.xyz-appear:nth-child(5),
.xyz-out:nth-child(5),
.xyz-in:nth-child(5) {
    --xyz-index: 4
}

.xyz-nested:nth-last-child(5),
.xyz-appear-nested:nth-last-child(5),
.xyz-out-nested:nth-last-child(5),
.xyz-in-nested:nth-last-child(5),
.xyz-appear:nth-last-child(5),
.xyz-out:nth-last-child(5),
.xyz-in:nth-last-child(5) {
    --xyz-index-rev: 4
}

.xyz-nested:nth-child(6),
.xyz-appear-nested:nth-child(6),
.xyz-out-nested:nth-child(6),
.xyz-in-nested:nth-child(6),
.xyz-appear:nth-child(6),
.xyz-out:nth-child(6),
.xyz-in:nth-child(6) {
    --xyz-index: 5
}

.xyz-nested:nth-last-child(6),
.xyz-appear-nested:nth-last-child(6),
.xyz-out-nested:nth-last-child(6),
.xyz-in-nested:nth-last-child(6),
.xyz-appear:nth-last-child(6),
.xyz-out:nth-last-child(6),
.xyz-in:nth-last-child(6) {
    --xyz-index-rev: 5
}

.xyz-nested:nth-child(7),
.xyz-appear-nested:nth-child(7),
.xyz-out-nested:nth-child(7),
.xyz-in-nested:nth-child(7),
.xyz-appear:nth-child(7),
.xyz-out:nth-child(7),
.xyz-in:nth-child(7) {
    --xyz-index: 6
}

.xyz-nested:nth-last-child(7),
.xyz-appear-nested:nth-last-child(7),
.xyz-out-nested:nth-last-child(7),
.xyz-in-nested:nth-last-child(7),
.xyz-appear:nth-last-child(7),
.xyz-out:nth-last-child(7),
.xyz-in:nth-last-child(7) {
    --xyz-index-rev: 6
}

.xyz-nested:nth-child(8),
.xyz-appear-nested:nth-child(8),
.xyz-out-nested:nth-child(8),
.xyz-in-nested:nth-child(8),
.xyz-appear:nth-child(8),
.xyz-out:nth-child(8),
.xyz-in:nth-child(8) {
    --xyz-index: 7
}

.xyz-nested:nth-last-child(8),
.xyz-appear-nested:nth-last-child(8),
.xyz-out-nested:nth-last-child(8),
.xyz-in-nested:nth-last-child(8),
.xyz-appear:nth-last-child(8),
.xyz-out:nth-last-child(8),
.xyz-in:nth-last-child(8) {
    --xyz-index-rev: 7
}

.xyz-nested:nth-child(9),
.xyz-appear-nested:nth-child(9),
.xyz-out-nested:nth-child(9),
.xyz-in-nested:nth-child(9),
.xyz-appear:nth-child(9),
.xyz-out:nth-child(9),
.xyz-in:nth-child(9) {
    --xyz-index: 8
}

.xyz-nested:nth-last-child(9),
.xyz-appear-nested:nth-last-child(9),
.xyz-out-nested:nth-last-child(9),
.xyz-in-nested:nth-last-child(9),
.xyz-appear:nth-last-child(9),
.xyz-out:nth-last-child(9),
.xyz-in:nth-last-child(9) {
    --xyz-index-rev: 8
}

.xyz-nested:nth-child(10),
.xyz-appear-nested:nth-child(10),
.xyz-out-nested:nth-child(10),
.xyz-in-nested:nth-child(10),
.xyz-appear:nth-child(10),
.xyz-out:nth-child(10),
.xyz-in:nth-child(10) {
    --xyz-index: 9
}

.xyz-nested:nth-last-child(10),
.xyz-appear-nested:nth-last-child(10),
.xyz-out-nested:nth-last-child(10),
.xyz-in-nested:nth-last-child(10),
.xyz-appear:nth-last-child(10),
.xyz-out:nth-last-child(10),
.xyz-in:nth-last-child(10) {
    --xyz-index-rev: 9
}

.xyz-nested:nth-child(11),
.xyz-appear-nested:nth-child(11),
.xyz-out-nested:nth-child(11),
.xyz-in-nested:nth-child(11),
.xyz-appear:nth-child(11),
.xyz-out:nth-child(11),
.xyz-in:nth-child(11) {
    --xyz-index: 10
}

.xyz-nested:nth-last-child(11),
.xyz-appear-nested:nth-last-child(11),
.xyz-out-nested:nth-last-child(11),
.xyz-in-nested:nth-last-child(11),
.xyz-appear:nth-last-child(11),
.xyz-out:nth-last-child(11),
.xyz-in:nth-last-child(11) {
    --xyz-index-rev: 10
}

.xyz-nested:nth-child(12),
.xyz-appear-nested:nth-child(12),
.xyz-out-nested:nth-child(12),
.xyz-in-nested:nth-child(12),
.xyz-appear:nth-child(12),
.xyz-out:nth-child(12),
.xyz-in:nth-child(12) {
    --xyz-index: 11
}

.xyz-nested:nth-last-child(12),
.xyz-appear-nested:nth-last-child(12),
.xyz-out-nested:nth-last-child(12),
.xyz-in-nested:nth-last-child(12),
.xyz-appear:nth-last-child(12),
.xyz-out:nth-last-child(12),
.xyz-in:nth-last-child(12) {
    --xyz-index-rev: 11
}

.xyz-nested:nth-child(13),
.xyz-appear-nested:nth-child(13),
.xyz-out-nested:nth-child(13),
.xyz-in-nested:nth-child(13),
.xyz-appear:nth-child(13),
.xyz-out:nth-child(13),
.xyz-in:nth-child(13) {
    --xyz-index: 12
}

.xyz-nested:nth-last-child(13),
.xyz-appear-nested:nth-last-child(13),
.xyz-out-nested:nth-last-child(13),
.xyz-in-nested:nth-last-child(13),
.xyz-appear:nth-last-child(13),
.xyz-out:nth-last-child(13),
.xyz-in:nth-last-child(13) {
    --xyz-index-rev: 12
}

.xyz-nested:nth-child(14),
.xyz-appear-nested:nth-child(14),
.xyz-out-nested:nth-child(14),
.xyz-in-nested:nth-child(14),
.xyz-appear:nth-child(14),
.xyz-out:nth-child(14),
.xyz-in:nth-child(14) {
    --xyz-index: 13
}

.xyz-nested:nth-last-child(14),
.xyz-appear-nested:nth-last-child(14),
.xyz-out-nested:nth-last-child(14),
.xyz-in-nested:nth-last-child(14),
.xyz-appear:nth-last-child(14),
.xyz-out:nth-last-child(14),
.xyz-in:nth-last-child(14) {
    --xyz-index-rev: 13
}

.xyz-nested:nth-child(15),
.xyz-appear-nested:nth-child(15),
.xyz-out-nested:nth-child(15),
.xyz-in-nested:nth-child(15),
.xyz-appear:nth-child(15),
.xyz-out:nth-child(15),
.xyz-in:nth-child(15) {
    --xyz-index: 14
}

.xyz-nested:nth-last-child(15),
.xyz-appear-nested:nth-last-child(15),
.xyz-out-nested:nth-last-child(15),
.xyz-in-nested:nth-last-child(15),
.xyz-appear:nth-last-child(15),
.xyz-out:nth-last-child(15),
.xyz-in:nth-last-child(15) {
    --xyz-index-rev: 14
}

.xyz-nested:nth-child(16),
.xyz-appear-nested:nth-child(16),
.xyz-out-nested:nth-child(16),
.xyz-in-nested:nth-child(16),
.xyz-appear:nth-child(16),
.xyz-out:nth-child(16),
.xyz-in:nth-child(16) {
    --xyz-index: 15
}

.xyz-nested:nth-last-child(16),
.xyz-appear-nested:nth-last-child(16),
.xyz-out-nested:nth-last-child(16),
.xyz-in-nested:nth-last-child(16),
.xyz-appear:nth-last-child(16),
.xyz-out:nth-last-child(16),
.xyz-in:nth-last-child(16) {
    --xyz-index-rev: 15
}

.xyz-nested:nth-child(17),
.xyz-appear-nested:nth-child(17),
.xyz-out-nested:nth-child(17),
.xyz-in-nested:nth-child(17),
.xyz-appear:nth-child(17),
.xyz-out:nth-child(17),
.xyz-in:nth-child(17) {
    --xyz-index: 16
}

.xyz-nested:nth-last-child(17),
.xyz-appear-nested:nth-last-child(17),
.xyz-out-nested:nth-last-child(17),
.xyz-in-nested:nth-last-child(17),
.xyz-appear:nth-last-child(17),
.xyz-out:nth-last-child(17),
.xyz-in:nth-last-child(17) {
    --xyz-index-rev: 16
}

.xyz-nested:nth-child(18),
.xyz-appear-nested:nth-child(18),
.xyz-out-nested:nth-child(18),
.xyz-in-nested:nth-child(18),
.xyz-appear:nth-child(18),
.xyz-out:nth-child(18),
.xyz-in:nth-child(18) {
    --xyz-index: 17
}

.xyz-nested:nth-last-child(18),
.xyz-appear-nested:nth-last-child(18),
.xyz-out-nested:nth-last-child(18),
.xyz-in-nested:nth-last-child(18),
.xyz-appear:nth-last-child(18),
.xyz-out:nth-last-child(18),
.xyz-in:nth-last-child(18) {
    --xyz-index-rev: 17
}

.xyz-nested:nth-child(19),
.xyz-appear-nested:nth-child(19),
.xyz-out-nested:nth-child(19),
.xyz-in-nested:nth-child(19),
.xyz-appear:nth-child(19),
.xyz-out:nth-child(19),
.xyz-in:nth-child(19) {
    --xyz-index: 18
}

.xyz-nested:nth-last-child(19),
.xyz-appear-nested:nth-last-child(19),
.xyz-out-nested:nth-last-child(19),
.xyz-in-nested:nth-last-child(19),
.xyz-appear:nth-last-child(19),
.xyz-out:nth-last-child(19),
.xyz-in:nth-last-child(19) {
    --xyz-index-rev: 18
}

.xyz-nested:nth-child(20),
.xyz-appear-nested:nth-child(20),
.xyz-out-nested:nth-child(20),
.xyz-in-nested:nth-child(20),
.xyz-appear:nth-child(20),
.xyz-out:nth-child(20),
.xyz-in:nth-child(20) {
    --xyz-index: 19
}

.xyz-nested:nth-last-child(20),
.xyz-appear-nested:nth-last-child(20),
.xyz-out-nested:nth-last-child(20),
.xyz-in-nested:nth-last-child(20),
.xyz-appear:nth-last-child(20),
.xyz-out:nth-last-child(20),
.xyz-in:nth-last-child(20) {
    --xyz-index-rev: 19
}

.xyz-appear,
.xyz-out,
.xyz-in {
    --xyz-root-stagger-delay: var(--xyz-stagger-delay, 0s);
    --xyz-nested-stagger-delay: initial;
    --xyz-start-offset: initial
}

.xyz-nested,
.xyz-appear-nested,
.xyz-out-nested,
.xyz-in-nested {
    --xyz-nested-stagger-delay: var(--xyz-root-stagger-delay, 0s)
}

.xyz-in .xyz-nested,
.xyz-in .xyz-in-nested,
.xyz-in {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-in-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-in-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-in-delay, var(--xyz-delay, var(--xyz-in-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    transform-origin: var(--xyz-in-origin, var(--xyz-origin, var(--xyz-in-origin-default, var(--xyz-origin-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default))))) * -1;
    -webkit-animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
    animation: var(--xyz-in-duration, var(--xyz-duration, var(--xyz-in-duration-default, var(--xyz-duration-default)))) var(--xyz-in-ease, var(--xyz-ease, var(--xyz-in-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-in-iterate, var(--xyz-iterate, var(--xyz-in-iterate-default, var(--xyz-iterate-default)))) var(--xyz-in-direction, var(--xyz-direction, var(--xyz-in-direction-default, var(--xyz-direction-default)))) both;
    -webkit-animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))));
    animation-name: xyz-in-keyframes, var(--xyz-in-keyframes, var(--xyz-keyframes, var(--xyz-in-keyframes-default, var(--xyz-keyframes-default))))
}

.xyz-out .xyz-nested,
.xyz-out .xyz-out-nested,
.xyz-out {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-out-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-out-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-out-delay, var(--xyz-delay, var(--xyz-out-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    transform-origin: var(--xyz-out-origin, var(--xyz-origin, var(--xyz-out-origin-default, var(--xyz-origin-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default))))) * -1;
    -webkit-animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
    animation: var(--xyz-out-duration, var(--xyz-duration, var(--xyz-out-duration-default, var(--xyz-duration-default)))) var(--xyz-out-ease, var(--xyz-ease, var(--xyz-out-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-out-iterate, var(--xyz-iterate, var(--xyz-out-iterate-default, var(--xyz-iterate-default)))) var(--xyz-out-direction, var(--xyz-direction, var(--xyz-out-direction-default, var(--xyz-direction-default)))) both;
    -webkit-animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))));
    animation-name: xyz-out-keyframes, var(--xyz-out-keyframes, var(--xyz-keyframes, var(--xyz-out-keyframes-default, var(--xyz-keyframes-default))))
}

.xyz-appear .xyz-nested,
.xyz-appear .xyz-appear-nested,
.xyz-appear {
    --xyz-stagger-delay-calc: var(--xyz-nested-stagger-delay, 0s) + var(--xyz-appear-stagger, var(--xyz-stagger, 0s)) * var(--xyz-index, 0) + var(--xyz-appear-stagger-rev, var(--xyz-stagger-rev, 0s)) * var(--xyz-index-rev, 0);
    --xyz-total-delay-calc: var(--xyz-stagger-delay, 0s) + var(--xyz-appear-delay, var(--xyz-delay, var(--xyz-appear-delay-default, var(--xyz-delay-default))));
    --xyz-stagger-delay: calc(var(--xyz-stagger-delay-calc));
    --xyz-total-delay: calc(var(--xyz-total-delay-calc));
    transform-origin: var(--xyz-appear-origin, var(--xyz-origin, var(--xyz-appear-origin-default, var(--xyz-origin-default))));
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    --xyz-delay-calc: var(--xyz-total-delay, 0s) + var(--xyz-start-offset, 0) * (var(--xyz-total-delay, 0s) + var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default))))) * -1;
    -webkit-animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
    animation: var(--xyz-appear-duration, var(--xyz-duration, var(--xyz-appear-duration-default, var(--xyz-duration-default)))) var(--xyz-appear-ease, var(--xyz-ease, var(--xyz-appear-ease-default, var(--xyz-ease-default)))) calc(var(--xyz-delay-calc)) var(--xyz-appear-iterate, var(--xyz-iterate, var(--xyz-appear-iterate-default, var(--xyz-iterate-default)))) var(--xyz-appear-direction, var(--xyz-direction, var(--xyz-appear-direction-default, var(--xyz-direction-default)))) both;
    -webkit-animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))));
    animation-name: xyz-appear-keyframes, var(--xyz-appear-keyframes, var(--xyz-keyframes, var(--xyz-appear-keyframes-default, var(--xyz-keyframes-default))))
}

.xyz-absolute.xyz-in,
.xyz-in-absolute.xyz-in,
.xyz-in .xyz-absolute.xyz-nested,
.xyz-in .xyz-absolute.xyz-in-nested,
.xyz-in .xyz-in-absolute.xyz-nested,
.xyz-in .xyz-in-absolute.xyz-in-nested,
.xyz-absolute.xyz-out,
.xyz-out-absolute.xyz-out,
.xyz-out .xyz-absolute.xyz-nested,
.xyz-out .xyz-absolute.xyz-out-nested,
.xyz-out .xyz-out-absolute.xyz-nested,
.xyz-out .xyz-out-absolute.xyz-out-nested,
.xyz-absolute.xyz-appear,
.xyz-appear-absolute.xyz-appear,
.xyz-appear .xyz-absolute.xyz-nested,
.xyz-appear .xyz-absolute.xyz-appear-nested,
.xyz-appear .xyz-appear-absolute.xyz-nested,
.xyz-appear .xyz-appear-absolute.xyz-appear-nested {
    position: absolute !important
}

.xyz-paused.xyz-in,
.xyz-in-paused.xyz-in,
.xyz-in .xyz-paused.xyz-nested,
.xyz-in .xyz-paused.xyz-in-nested,
.xyz-in .xyz-in-paused.xyz-nested,
.xyz-in .xyz-in-paused.xyz-in-nested,
.xyz-in.xyz-paused-all,
.xyz-in.xyz-in-paused-all,
.xyz-in.xyz-paused-all .xyz-nested,
.xyz-in.xyz-paused-all .xyz-in-nested,
.xyz-in.xyz-in-paused-all .xyz-nested,
.xyz-in.xyz-in-paused-all .xyz-in-nested,
.xyz-paused.xyz-out,
.xyz-out-paused.xyz-out,
.xyz-out .xyz-paused.xyz-nested,
.xyz-out .xyz-paused.xyz-out-nested,
.xyz-out .xyz-out-paused.xyz-nested,
.xyz-out .xyz-out-paused.xyz-out-nested,
.xyz-out.xyz-paused-all,
.xyz-out.xyz-out-paused-all,
.xyz-out.xyz-paused-all .xyz-nested,
.xyz-out.xyz-paused-all .xyz-out-nested,
.xyz-out.xyz-out-paused-all .xyz-nested,
.xyz-out.xyz-out-paused-all .xyz-out-nested,
.xyz-paused.xyz-appear,
.xyz-appear-paused.xyz-appear,
.xyz-appear .xyz-paused.xyz-nested,
.xyz-appear .xyz-paused.xyz-appear-nested,
.xyz-appear .xyz-appear-paused.xyz-nested,
.xyz-appear .xyz-appear-paused.xyz-appear-nested,
.xyz-appear.xyz-paused-all,
.xyz-appear.xyz-appear-paused-all,
.xyz-appear.xyz-paused-all .xyz-nested,
.xyz-appear.xyz-paused-all .xyz-appear-nested,
.xyz-appear.xyz-appear-paused-all .xyz-nested,
.xyz-appear.xyz-appear-paused-all .xyz-appear-nested {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.xyz-none.xyz-in,
.xyz-in-none.xyz-in,
.xyz-in .xyz-none.xyz-nested,
.xyz-in .xyz-none.xyz-in-nested,
.xyz-in .xyz-in-none.xyz-nested,
.xyz-in .xyz-in-none.xyz-in-nested,
.xyz-in.xyz-none-all,
.xyz-in.xyz-in-none-all,
.xyz-in.xyz-none-all .xyz-nested,
.xyz-in.xyz-none-all .xyz-in-nested,
.xyz-in.xyz-in-none-all .xyz-nested,
.xyz-in.xyz-in-none-all .xyz-in-nested,
.xyz-none.xyz-out,
.xyz-out-none.xyz-out,
.xyz-out .xyz-none.xyz-nested,
.xyz-out .xyz-none.xyz-out-nested,
.xyz-out .xyz-out-none.xyz-nested,
.xyz-out .xyz-out-none.xyz-out-nested,
.xyz-out.xyz-none-all,
.xyz-out.xyz-out-none-all,
.xyz-out.xyz-none-all .xyz-nested,
.xyz-out.xyz-none-all .xyz-out-nested,
.xyz-out.xyz-out-none-all .xyz-nested,
.xyz-out.xyz-out-none-all .xyz-out-nested,
.xyz-none.xyz-appear,
.xyz-appear-none.xyz-appear,
.xyz-appear .xyz-none.xyz-nested,
.xyz-appear .xyz-none.xyz-appear-nested,
.xyz-appear .xyz-appear-none.xyz-nested,
.xyz-appear .xyz-appear-none.xyz-appear-nested,
.xyz-appear.xyz-none-all,
.xyz-appear.xyz-appear-none-all,
.xyz-appear.xyz-none-all .xyz-nested,
.xyz-appear.xyz-none-all .xyz-appear-nested,
.xyz-appear.xyz-appear-none-all .xyz-nested,
.xyz-appear.xyz-appear-none-all .xyz-appear-nested {
    -webkit-animation: none !important;
    animation: none !important
}

@media (prefers-reduced-motion: reduce) {

    .xyz-appear,
    .xyz-appear .xyz-nested,
    .xyz-appear .xyz-appear-nested,
    .xyz-out,
    .xyz-out .xyz-nested,
    .xyz-out .xyz-out-nested,
    .xyz-in,
    .xyz-in .xyz-nested,
    .xyz-in .xyz-in-nested {
        -webkit-animation: none;
        animation: none
    }
}

[xyz] {
    --xyz-keyframes: initial;
    --xyz-in-keyframes: initial;
    --xyz-out-keyframes: initial;
    --xyz-appear-keyframes: initial;
    --xyz-ease: initial;
    --xyz-in-ease: initial;
    --xyz-out-ease: initial;
    --xyz-appear-ease: initial;
    --xyz-duration: initial;
    --xyz-in-duration: initial;
    --xyz-out-duration: initial;
    --xyz-appear-duration: initial;
    --xyz-delay: initial;
    --xyz-in-delay: initial;
    --xyz-out-delay: initial;
    --xyz-appear-delay: initial;
    --xyz-stagger: initial;
    --xyz-in-stagger: initial;
    --xyz-out-stagger: initial;
    --xyz-appear-stagger: initial;
    --xyz-stagger-rev: initial;
    --xyz-in-stagger-rev: initial;
    --xyz-out-stagger-rev: initial;
    --xyz-appear-stagger-rev: initial;
    --xyz-iterate: initial;
    --xyz-in-iterate: initial;
    --xyz-out-iterate: initial;
    --xyz-appear-iterate: initial;
    --xyz-direction: initial;
    --xyz-in-direction: initial;
    --xyz-out-direction: initial;
    --xyz-appear-direction: initial;
    --xyz-origin: initial;
    --xyz-in-origin: initial;
    --xyz-out-origin: initial;
    --xyz-appear-origin: initial;
    --xyz-opacity: initial;
    --xyz-in-opacity: initial;
    --xyz-out-opacity: initial;
    --xyz-appear-opacity: initial;
    --xyz-transform: initial;
    --xyz-in-transform: initial;
    --xyz-out-transform: initial;
    --xyz-appear-transform: initial;
    --xyz-perspective: initial;
    --xyz-in-perspective: initial;
    --xyz-out-perspective: initial;
    --xyz-appear-perspective: initial;
    --xyz-translate-x: initial;
    --xyz-in-translate-x: initial;
    --xyz-out-translate-x: initial;
    --xyz-appear-translate-x: initial;
    --xyz-translate-y: initial;
    --xyz-in-translate-y: initial;
    --xyz-out-translate-y: initial;
    --xyz-appear-translate-y: initial;
    --xyz-translate-z: initial;
    --xyz-in-translate-z: initial;
    --xyz-out-translate-z: initial;
    --xyz-appear-translate-z: initial;
    --xyz-rotate-x: initial;
    --xyz-in-rotate-x: initial;
    --xyz-out-rotate-x: initial;
    --xyz-appear-rotate-x: initial;
    --xyz-rotate-y: initial;
    --xyz-in-rotate-y: initial;
    --xyz-out-rotate-y: initial;
    --xyz-appear-rotate-y: initial;
    --xyz-rotate-z: initial;
    --xyz-in-rotate-z: initial;
    --xyz-out-rotate-z: initial;
    --xyz-appear-rotate-z: initial;
    --xyz-scale-x: initial;
    --xyz-in-scale-x: initial;
    --xyz-out-scale-x: initial;
    --xyz-appear-scale-x: initial;
    --xyz-scale-y: initial;
    --xyz-in-scale-y: initial;
    --xyz-out-scale-y: initial;
    --xyz-appear-scale-y: initial;
    --xyz-scale-z: initial;
    --xyz-in-scale-z: initial;
    --xyz-out-scale-z: initial;
    --xyz-appear-scale-z: initial;
    --xyz-skew-x: initial;
    --xyz-in-skew-x: initial;
    --xyz-out-skew-x: initial;
    --xyz-appear-skew-x: initial;
    --xyz-skew-y: initial;
    --xyz-in-skew-y: initial;
    --xyz-out-skew-y: initial;
    --xyz-appear-skew-y: initial
}

[xyz~=inherit] {
    --xyz-keyframes: inherit;
    --xyz-in-keyframes: inherit;
    --xyz-out-keyframes: inherit;
    --xyz-appear-keyframes: inherit;
    --xyz-ease: inherit;
    --xyz-in-ease: inherit;
    --xyz-out-ease: inherit;
    --xyz-appear-ease: inherit;
    --xyz-duration: inherit;
    --xyz-in-duration: inherit;
    --xyz-out-duration: inherit;
    --xyz-appear-duration: inherit;
    --xyz-delay: inherit;
    --xyz-in-delay: inherit;
    --xyz-out-delay: inherit;
    --xyz-appear-delay: inherit;
    --xyz-stagger: inherit;
    --xyz-in-stagger: inherit;
    --xyz-out-stagger: inherit;
    --xyz-appear-stagger: inherit;
    --xyz-stagger-rev: inherit;
    --xyz-in-stagger-rev: inherit;
    --xyz-out-stagger-rev: inherit;
    --xyz-appear-stagger-rev: inherit;
    --xyz-iterate: inherit;
    --xyz-in-iterate: inherit;
    --xyz-out-iterate: inherit;
    --xyz-appear-iterate: inherit;
    --xyz-direction: inherit;
    --xyz-in-direction: inherit;
    --xyz-out-direction: inherit;
    --xyz-appear-direction: inherit;
    --xyz-origin: inherit;
    --xyz-in-origin: inherit;
    --xyz-out-origin: inherit;
    --xyz-appear-origin: inherit;
    --xyz-opacity: inherit;
    --xyz-in-opacity: inherit;
    --xyz-out-opacity: inherit;
    --xyz-appear-opacity: inherit;
    --xyz-transform: inherit;
    --xyz-in-transform: inherit;
    --xyz-out-transform: inherit;
    --xyz-appear-transform: inherit;
    --xyz-perspective: inherit;
    --xyz-in-perspective: inherit;
    --xyz-out-perspective: inherit;
    --xyz-appear-perspective: inherit;
    --xyz-translate-x: inherit;
    --xyz-in-translate-x: inherit;
    --xyz-out-translate-x: inherit;
    --xyz-appear-translate-x: inherit;
    --xyz-translate-y: inherit;
    --xyz-in-translate-y: inherit;
    --xyz-out-translate-y: inherit;
    --xyz-appear-translate-y: inherit;
    --xyz-translate-z: inherit;
    --xyz-in-translate-z: inherit;
    --xyz-out-translate-z: inherit;
    --xyz-appear-translate-z: inherit;
    --xyz-rotate-x: inherit;
    --xyz-in-rotate-x: inherit;
    --xyz-out-rotate-x: inherit;
    --xyz-appear-rotate-x: inherit;
    --xyz-rotate-y: inherit;
    --xyz-in-rotate-y: inherit;
    --xyz-out-rotate-y: inherit;
    --xyz-appear-rotate-y: inherit;
    --xyz-rotate-z: inherit;
    --xyz-in-rotate-z: inherit;
    --xyz-out-rotate-z: inherit;
    --xyz-appear-rotate-z: inherit;
    --xyz-scale-x: inherit;
    --xyz-in-scale-x: inherit;
    --xyz-out-scale-x: inherit;
    --xyz-appear-scale-x: inherit;
    --xyz-scale-y: inherit;
    --xyz-in-scale-y: inherit;
    --xyz-out-scale-y: inherit;
    --xyz-appear-scale-y: inherit;
    --xyz-scale-z: inherit;
    --xyz-in-scale-z: inherit;
    --xyz-out-scale-z: inherit;
    --xyz-appear-scale-z: inherit;
    --xyz-skew-x: inherit;
    --xyz-in-skew-x: inherit;
    --xyz-out-skew-x: inherit;
    --xyz-appear-skew-x: inherit;
    --xyz-skew-y: inherit;
    --xyz-in-skew-y: inherit;
    --xyz-out-skew-y: inherit;
    --xyz-appear-skew-y: inherit
}

[xyz~=ease] {
    --xyz-ease: var(--xyz-ease-default)
}

[xyz~=ease-ease] {
    --xyz-ease: ease
}

[xyz~=ease-linear] {
    --xyz-ease: linear
}

[xyz~=ease-in] {
    --xyz-ease: ease-in
}

[xyz~=ease-in-back] {
    --xyz-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=ease-out] {
    --xyz-ease: ease-out
}

[xyz~=ease-out-back] {
    --xyz-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=ease-in-out] {
    --xyz-ease: ease-in-out
}

[xyz~=ease-in-out-back] {
    --xyz-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=in-ease] {
    --xyz-in-ease: var(--xyz-ease-default)
}

[xyz~=in-ease-ease] {
    --xyz-in-ease: ease
}

[xyz~=in-ease-linear] {
    --xyz-in-ease: linear
}

[xyz~=in-ease-in] {
    --xyz-in-ease: ease-in
}

[xyz~=in-ease-in-back] {
    --xyz-in-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=in-ease-out] {
    --xyz-in-ease: ease-out
}

[xyz~=in-ease-out-back] {
    --xyz-in-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=in-ease-in-out] {
    --xyz-in-ease: ease-in-out
}

[xyz~=in-ease-in-out-back] {
    --xyz-in-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=out-ease] {
    --xyz-out-ease: var(--xyz-ease-default)
}

[xyz~=out-ease-ease] {
    --xyz-out-ease: ease
}

[xyz~=out-ease-linear] {
    --xyz-out-ease: linear
}

[xyz~=out-ease-in] {
    --xyz-out-ease: ease-in
}

[xyz~=out-ease-in-back] {
    --xyz-out-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=out-ease-out] {
    --xyz-out-ease: ease-out
}

[xyz~=out-ease-out-back] {
    --xyz-out-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=out-ease-in-out] {
    --xyz-out-ease: ease-in-out
}

[xyz~=out-ease-in-out-back] {
    --xyz-out-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=appear-ease] {
    --xyz-appear-ease: var(--xyz-ease-default)
}

[xyz~=appear-ease-ease] {
    --xyz-appear-ease: ease
}

[xyz~=appear-ease-linear] {
    --xyz-appear-ease: linear
}

[xyz~=appear-ease-in] {
    --xyz-appear-ease: ease-in
}

[xyz~=appear-ease-in-back] {
    --xyz-appear-ease: cubic-bezier(.6, -.28, .735, .045)
}

[xyz~=appear-ease-out] {
    --xyz-appear-ease: ease-out
}

[xyz~=appear-ease-out-back] {
    --xyz-appear-ease: cubic-bezier(.175, .885, .32, 1.275)
}

[xyz~=appear-ease-in-out] {
    --xyz-appear-ease: ease-in-out
}

[xyz~=appear-ease-in-out-back] {
    --xyz-appear-ease: cubic-bezier(.68, -.55, .265, 1.55)
}

[xyz~=duration] {
    --xyz-duration: var(--xyz-duration-default)
}

[xyz~=duration-0] {
    --xyz-duration: 0s
}

[xyz~="duration-0.5"] {
    --xyz-duration: .05s
}

[xyz~=duration-1] {
    --xyz-duration: .1s
}

[xyz~="duration-1.5"] {
    --xyz-duration: .15s
}

[xyz~=duration-2] {
    --xyz-duration: .2s
}

[xyz~="duration-2.5"] {
    --xyz-duration: .25s
}

[xyz~=duration-3] {
    --xyz-duration: .3s
}

[xyz~=duration-4] {
    --xyz-duration: .4s
}

[xyz~=duration-5] {
    --xyz-duration: .5s
}

[xyz~=duration-6] {
    --xyz-duration: .6s
}

[xyz~=duration-7] {
    --xyz-duration: .7s
}

[xyz~=duration-8] {
    --xyz-duration: .8s
}

[xyz~=duration-9] {
    --xyz-duration: .9s
}

[xyz~=duration-10] {
    --xyz-duration: 1s
}

[xyz~=duration-15] {
    --xyz-duration: 1.5s
}

[xyz~=duration-20] {
    --xyz-duration: 2s
}

[xyz~=duration-25] {
    --xyz-duration: 2.5s
}

[xyz~=duration-30] {
    --xyz-duration: 3s
}

[xyz~=in-duration] {
    --xyz-in-duration: var(--xyz-duration-default)
}

[xyz~=in-duration-0] {
    --xyz-in-duration: 0s
}

[xyz~="in-duration-0.5"] {
    --xyz-in-duration: .05s
}

[xyz~=in-duration-1] {
    --xyz-in-duration: .1s
}

[xyz~="in-duration-1.5"] {
    --xyz-in-duration: .15s
}

[xyz~=in-duration-2] {
    --xyz-in-duration: .2s
}

[xyz~="in-duration-2.5"] {
    --xyz-in-duration: .25s
}

[xyz~=in-duration-3] {
    --xyz-in-duration: .3s
}

[xyz~=in-duration-4] {
    --xyz-in-duration: .4s
}

[xyz~=in-duration-5] {
    --xyz-in-duration: .5s
}

[xyz~=in-duration-6] {
    --xyz-in-duration: .6s
}

[xyz~=in-duration-7] {
    --xyz-in-duration: .7s
}

[xyz~=in-duration-8] {
    --xyz-in-duration: .8s
}

[xyz~=in-duration-9] {
    --xyz-in-duration: .9s
}

[xyz~=in-duration-10] {
    --xyz-in-duration: 1s
}

[xyz~=in-duration-15] {
    --xyz-in-duration: 1.5s
}

[xyz~=in-duration-20] {
    --xyz-in-duration: 2s
}

[xyz~=in-duration-25] {
    --xyz-in-duration: 2.5s
}

[xyz~=in-duration-30] {
    --xyz-in-duration: 3s
}

[xyz~=out-duration] {
    --xyz-out-duration: var(--xyz-duration-default)
}

[xyz~=out-duration-0] {
    --xyz-out-duration: 0s
}

[xyz~="out-duration-0.5"] {
    --xyz-out-duration: .05s
}

[xyz~=out-duration-1] {
    --xyz-out-duration: .1s
}

[xyz~="out-duration-1.5"] {
    --xyz-out-duration: .15s
}

[xyz~=out-duration-2] {
    --xyz-out-duration: .2s
}

[xyz~="out-duration-2.5"] {
    --xyz-out-duration: .25s
}

[xyz~=out-duration-3] {
    --xyz-out-duration: .3s
}

[xyz~=out-duration-4] {
    --xyz-out-duration: .4s
}

[xyz~=out-duration-5] {
    --xyz-out-duration: .5s
}

[xyz~=out-duration-6] {
    --xyz-out-duration: .6s
}

[xyz~=out-duration-7] {
    --xyz-out-duration: .7s
}

[xyz~=out-duration-8] {
    --xyz-out-duration: .8s
}

[xyz~=out-duration-9] {
    --xyz-out-duration: .9s
}

[xyz~=out-duration-10] {
    --xyz-out-duration: 1s
}

[xyz~=out-duration-15] {
    --xyz-out-duration: 1.5s
}

[xyz~=out-duration-20] {
    --xyz-out-duration: 2s
}

[xyz~=out-duration-25] {
    --xyz-out-duration: 2.5s
}

[xyz~=out-duration-30] {
    --xyz-out-duration: 3s
}

[xyz~=appear-duration] {
    --xyz-appear-duration: var(--xyz-duration-default)
}

[xyz~=appear-duration-0] {
    --xyz-appear-duration: 0s
}

[xyz~="appear-duration-0.5"] {
    --xyz-appear-duration: .05s
}

[xyz~=appear-duration-1] {
    --xyz-appear-duration: .1s
}

[xyz~="appear-duration-1.5"] {
    --xyz-appear-duration: .15s
}

[xyz~=appear-duration-2] {
    --xyz-appear-duration: .2s
}

[xyz~="appear-duration-2.5"] {
    --xyz-appear-duration: .25s
}

[xyz~=appear-duration-3] {
    --xyz-appear-duration: .3s
}

[xyz~=appear-duration-4] {
    --xyz-appear-duration: .4s
}

[xyz~=appear-duration-5] {
    --xyz-appear-duration: .5s
}

[xyz~=appear-duration-6] {
    --xyz-appear-duration: .6s
}

[xyz~=appear-duration-7] {
    --xyz-appear-duration: .7s
}

[xyz~=appear-duration-8] {
    --xyz-appear-duration: .8s
}

[xyz~=appear-duration-9] {
    --xyz-appear-duration: .9s
}

[xyz~=appear-duration-10] {
    --xyz-appear-duration: 1s
}

[xyz~=appear-duration-15] {
    --xyz-appear-duration: 1.5s
}

[xyz~=appear-duration-20] {
    --xyz-appear-duration: 2s
}

[xyz~=appear-duration-25] {
    --xyz-appear-duration: 2.5s
}

[xyz~=appear-duration-30] {
    --xyz-appear-duration: 3s
}

[xyz~=delay] {
    --xyz-delay: var(--xyz-delay-default)
}

[xyz~=delay-0] {
    --xyz-delay: 0s
}

[xyz~="delay-0.5"] {
    --xyz-delay: .05s
}

[xyz~=delay-1] {
    --xyz-delay: .1s
}

[xyz~="delay-1.5"] {
    --xyz-delay: .15s
}

[xyz~=delay-2] {
    --xyz-delay: .2s
}

[xyz~="delay-2.5"] {
    --xyz-delay: .25s
}

[xyz~=delay-3] {
    --xyz-delay: .3s
}

[xyz~=delay-4] {
    --xyz-delay: .4s
}

[xyz~=delay-5] {
    --xyz-delay: .5s
}

[xyz~=delay-6] {
    --xyz-delay: .6s
}

[xyz~=delay-7] {
    --xyz-delay: .7s
}

[xyz~=delay-8] {
    --xyz-delay: .8s
}

[xyz~=delay-9] {
    --xyz-delay: .9s
}

[xyz~=delay-10] {
    --xyz-delay: 1s
}

[xyz~=delay-15] {
    --xyz-delay: 1.5s
}

[xyz~=delay-20] {
    --xyz-delay: 2s
}

[xyz~=delay-25] {
    --xyz-delay: 2.5s
}

[xyz~=delay-30] {
    --xyz-delay: 3s
}

[xyz~=in-delay] {
    --xyz-in-delay: var(--xyz-delay-default)
}

[xyz~=in-delay-0] {
    --xyz-in-delay: 0s
}

[xyz~="in-delay-0.5"] {
    --xyz-in-delay: .05s
}

[xyz~=in-delay-1] {
    --xyz-in-delay: .1s
}

[xyz~="in-delay-1.5"] {
    --xyz-in-delay: .15s
}

[xyz~=in-delay-2] {
    --xyz-in-delay: .2s
}

[xyz~="in-delay-2.5"] {
    --xyz-in-delay: .25s
}

[xyz~=in-delay-3] {
    --xyz-in-delay: .3s
}

[xyz~=in-delay-4] {
    --xyz-in-delay: .4s
}

[xyz~=in-delay-5] {
    --xyz-in-delay: .5s
}

[xyz~=in-delay-6] {
    --xyz-in-delay: .6s
}

[xyz~=in-delay-7] {
    --xyz-in-delay: .7s
}

[xyz~=in-delay-8] {
    --xyz-in-delay: .8s
}

[xyz~=in-delay-9] {
    --xyz-in-delay: .9s
}

[xyz~=in-delay-10] {
    --xyz-in-delay: 1s
}

[xyz~=in-delay-15] {
    --xyz-in-delay: 1.5s
}

[xyz~=in-delay-20] {
    --xyz-in-delay: 2s
}

[xyz~=in-delay-25] {
    --xyz-in-delay: 2.5s
}

[xyz~=in-delay-30] {
    --xyz-in-delay: 3s
}

[xyz~=out-delay] {
    --xyz-out-delay: var(--xyz-delay-default)
}

[xyz~=out-delay-0] {
    --xyz-out-delay: 0s
}

[xyz~="out-delay-0.5"] {
    --xyz-out-delay: .05s
}

[xyz~=out-delay-1] {
    --xyz-out-delay: .1s
}

[xyz~="out-delay-1.5"] {
    --xyz-out-delay: .15s
}

[xyz~=out-delay-2] {
    --xyz-out-delay: .2s
}

[xyz~="out-delay-2.5"] {
    --xyz-out-delay: .25s
}

[xyz~=out-delay-3] {
    --xyz-out-delay: .3s
}

[xyz~=out-delay-4] {
    --xyz-out-delay: .4s
}

[xyz~=out-delay-5] {
    --xyz-out-delay: .5s
}

[xyz~=out-delay-6] {
    --xyz-out-delay: .6s
}

[xyz~=out-delay-7] {
    --xyz-out-delay: .7s
}

[xyz~=out-delay-8] {
    --xyz-out-delay: .8s
}

[xyz~=out-delay-9] {
    --xyz-out-delay: .9s
}

[xyz~=out-delay-10] {
    --xyz-out-delay: 1s
}

[xyz~=out-delay-15] {
    --xyz-out-delay: 1.5s
}

[xyz~=out-delay-20] {
    --xyz-out-delay: 2s
}

[xyz~=out-delay-25] {
    --xyz-out-delay: 2.5s
}

[xyz~=out-delay-30] {
    --xyz-out-delay: 3s
}

[xyz~=appear-delay] {
    --xyz-appear-delay: var(--xyz-delay-default)
}

[xyz~=appear-delay-0] {
    --xyz-appear-delay: 0s
}

[xyz~="appear-delay-0.5"] {
    --xyz-appear-delay: .05s
}

[xyz~=appear-delay-1] {
    --xyz-appear-delay: .1s
}

[xyz~="appear-delay-1.5"] {
    --xyz-appear-delay: .15s
}

[xyz~=appear-delay-2] {
    --xyz-appear-delay: .2s
}

[xyz~="appear-delay-2.5"] {
    --xyz-appear-delay: .25s
}

[xyz~=appear-delay-3] {
    --xyz-appear-delay: .3s
}

[xyz~=appear-delay-4] {
    --xyz-appear-delay: .4s
}

[xyz~=appear-delay-5] {
    --xyz-appear-delay: .5s
}

[xyz~=appear-delay-6] {
    --xyz-appear-delay: .6s
}

[xyz~=appear-delay-7] {
    --xyz-appear-delay: .7s
}

[xyz~=appear-delay-8] {
    --xyz-appear-delay: .8s
}

[xyz~=appear-delay-9] {
    --xyz-appear-delay: .9s
}

[xyz~=appear-delay-10] {
    --xyz-appear-delay: 1s
}

[xyz~=appear-delay-15] {
    --xyz-appear-delay: 1.5s
}

[xyz~=appear-delay-20] {
    --xyz-appear-delay: 2s
}

[xyz~=appear-delay-25] {
    --xyz-appear-delay: 2.5s
}

[xyz~=appear-delay-30] {
    --xyz-appear-delay: 3s
}

[xyz~=stagger] {
    --xyz-stagger: var(--xyz-stagger-default)
}

[xyz~=stagger-0] {
    --xyz-stagger: 0s
}

[xyz~="stagger-0.5"] {
    --xyz-stagger: .05s
}

[xyz~=stagger-1] {
    --xyz-stagger: .1s
}

[xyz~="stagger-1.5"] {
    --xyz-stagger: .15s
}

[xyz~=stagger-2] {
    --xyz-stagger: .2s
}

[xyz~="stagger-2.5"] {
    --xyz-stagger: .25s
}

[xyz~=stagger-3] {
    --xyz-stagger: .3s
}

[xyz~=stagger-4] {
    --xyz-stagger: .4s
}

[xyz~=stagger-5] {
    --xyz-stagger: .5s
}

[xyz~=stagger-6] {
    --xyz-stagger: .6s
}

[xyz~=stagger-7] {
    --xyz-stagger: .7s
}

[xyz~=stagger-8] {
    --xyz-stagger: .8s
}

[xyz~=stagger-9] {
    --xyz-stagger: .9s
}

[xyz~=stagger-10] {
    --xyz-stagger: 1s
}

[xyz~=stagger-15] {
    --xyz-stagger: 1.5s
}

[xyz~=stagger-20] {
    --xyz-stagger: 2s
}

[xyz~=stagger-25] {
    --xyz-stagger: 2.5s
}

[xyz~=stagger-30] {
    --xyz-stagger: 3s
}

[xyz~=in-stagger] {
    --xyz-in-stagger: var(--xyz-stagger-default)
}

[xyz~=in-stagger-0] {
    --xyz-in-stagger: 0s
}

[xyz~="in-stagger-0.5"] {
    --xyz-in-stagger: .05s
}

[xyz~=in-stagger-1] {
    --xyz-in-stagger: .1s
}

[xyz~="in-stagger-1.5"] {
    --xyz-in-stagger: .15s
}

[xyz~=in-stagger-2] {
    --xyz-in-stagger: .2s
}

[xyz~="in-stagger-2.5"] {
    --xyz-in-stagger: .25s
}

[xyz~=in-stagger-3] {
    --xyz-in-stagger: .3s
}

[xyz~=in-stagger-4] {
    --xyz-in-stagger: .4s
}

[xyz~=in-stagger-5] {
    --xyz-in-stagger: .5s
}

[xyz~=in-stagger-6] {
    --xyz-in-stagger: .6s
}

[xyz~=in-stagger-7] {
    --xyz-in-stagger: .7s
}

[xyz~=in-stagger-8] {
    --xyz-in-stagger: .8s
}

[xyz~=in-stagger-9] {
    --xyz-in-stagger: .9s
}

[xyz~=in-stagger-10] {
    --xyz-in-stagger: 1s
}

[xyz~=in-stagger-15] {
    --xyz-in-stagger: 1.5s
}

[xyz~=in-stagger-20] {
    --xyz-in-stagger: 2s
}

[xyz~=in-stagger-25] {
    --xyz-in-stagger: 2.5s
}

[xyz~=in-stagger-30] {
    --xyz-in-stagger: 3s
}

[xyz~=out-stagger] {
    --xyz-out-stagger: var(--xyz-stagger-default)
}

[xyz~=out-stagger-0] {
    --xyz-out-stagger: 0s
}

[xyz~="out-stagger-0.5"] {
    --xyz-out-stagger: .05s
}

[xyz~=out-stagger-1] {
    --xyz-out-stagger: .1s
}

[xyz~="out-stagger-1.5"] {
    --xyz-out-stagger: .15s
}

[xyz~=out-stagger-2] {
    --xyz-out-stagger: .2s
}

[xyz~="out-stagger-2.5"] {
    --xyz-out-stagger: .25s
}

[xyz~=out-stagger-3] {
    --xyz-out-stagger: .3s
}

[xyz~=out-stagger-4] {
    --xyz-out-stagger: .4s
}

[xyz~=out-stagger-5] {
    --xyz-out-stagger: .5s
}

[xyz~=out-stagger-6] {
    --xyz-out-stagger: .6s
}

[xyz~=out-stagger-7] {
    --xyz-out-stagger: .7s
}

[xyz~=out-stagger-8] {
    --xyz-out-stagger: .8s
}

[xyz~=out-stagger-9] {
    --xyz-out-stagger: .9s
}

[xyz~=out-stagger-10] {
    --xyz-out-stagger: 1s
}

[xyz~=out-stagger-15] {
    --xyz-out-stagger: 1.5s
}

[xyz~=out-stagger-20] {
    --xyz-out-stagger: 2s
}

[xyz~=out-stagger-25] {
    --xyz-out-stagger: 2.5s
}

[xyz~=out-stagger-30] {
    --xyz-out-stagger: 3s
}

[xyz~=appear-stagger] {
    --xyz-appear-stagger: var(--xyz-stagger-default)
}

[xyz~=appear-stagger-0] {
    --xyz-appear-stagger: 0s
}

[xyz~="appear-stagger-0.5"] {
    --xyz-appear-stagger: .05s
}

[xyz~=appear-stagger-1] {
    --xyz-appear-stagger: .1s
}

[xyz~="appear-stagger-1.5"] {
    --xyz-appear-stagger: .15s
}

[xyz~=appear-stagger-2] {
    --xyz-appear-stagger: .2s
}

[xyz~="appear-stagger-2.5"] {
    --xyz-appear-stagger: .25s
}

[xyz~=appear-stagger-3] {
    --xyz-appear-stagger: .3s
}

[xyz~=appear-stagger-4] {
    --xyz-appear-stagger: .4s
}

[xyz~=appear-stagger-5] {
    --xyz-appear-stagger: .5s
}

[xyz~=appear-stagger-6] {
    --xyz-appear-stagger: .6s
}

[xyz~=appear-stagger-7] {
    --xyz-appear-stagger: .7s
}

[xyz~=appear-stagger-8] {
    --xyz-appear-stagger: .8s
}

[xyz~=appear-stagger-9] {
    --xyz-appear-stagger: .9s
}

[xyz~=appear-stagger-10] {
    --xyz-appear-stagger: 1s
}

[xyz~=appear-stagger-15] {
    --xyz-appear-stagger: 1.5s
}

[xyz~=appear-stagger-20] {
    --xyz-appear-stagger: 2s
}

[xyz~=appear-stagger-25] {
    --xyz-appear-stagger: 2.5s
}

[xyz~=appear-stagger-30] {
    --xyz-appear-stagger: 3s
}

[xyz~=stagger-rev] {
    --xyz-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=stagger-rev-0] {
    --xyz-stagger-rev: 0s
}

[xyz~="stagger-rev-0.5"] {
    --xyz-stagger-rev: .05s
}

[xyz~=stagger-rev-1] {
    --xyz-stagger-rev: .1s
}

[xyz~="stagger-rev-1.5"] {
    --xyz-stagger-rev: .15s
}

[xyz~=stagger-rev-2] {
    --xyz-stagger-rev: .2s
}

[xyz~="stagger-rev-2.5"] {
    --xyz-stagger-rev: .25s
}

[xyz~=stagger-rev-3] {
    --xyz-stagger-rev: .3s
}

[xyz~=stagger-rev-4] {
    --xyz-stagger-rev: .4s
}

[xyz~=stagger-rev-5] {
    --xyz-stagger-rev: .5s
}

[xyz~=stagger-rev-6] {
    --xyz-stagger-rev: .6s
}

[xyz~=stagger-rev-7] {
    --xyz-stagger-rev: .7s
}

[xyz~=stagger-rev-8] {
    --xyz-stagger-rev: .8s
}

[xyz~=stagger-rev-9] {
    --xyz-stagger-rev: .9s
}

[xyz~=stagger-rev-10] {
    --xyz-stagger-rev: 1s
}

[xyz~=stagger-rev-15] {
    --xyz-stagger-rev: 1.5s
}

[xyz~=stagger-rev-20] {
    --xyz-stagger-rev: 2s
}

[xyz~=stagger-rev-25] {
    --xyz-stagger-rev: 2.5s
}

[xyz~=stagger-rev-30] {
    --xyz-stagger-rev: 3s
}

[xyz~=in-stagger-rev] {
    --xyz-in-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=in-stagger-rev-0] {
    --xyz-in-stagger-rev: 0s
}

[xyz~="in-stagger-rev-0.5"] {
    --xyz-in-stagger-rev: .05s
}

[xyz~=in-stagger-rev-1] {
    --xyz-in-stagger-rev: .1s
}

[xyz~="in-stagger-rev-1.5"] {
    --xyz-in-stagger-rev: .15s
}

[xyz~=in-stagger-rev-2] {
    --xyz-in-stagger-rev: .2s
}

[xyz~="in-stagger-rev-2.5"] {
    --xyz-in-stagger-rev: .25s
}

[xyz~=in-stagger-rev-3] {
    --xyz-in-stagger-rev: .3s
}

[xyz~=in-stagger-rev-4] {
    --xyz-in-stagger-rev: .4s
}

[xyz~=in-stagger-rev-5] {
    --xyz-in-stagger-rev: .5s
}

[xyz~=in-stagger-rev-6] {
    --xyz-in-stagger-rev: .6s
}

[xyz~=in-stagger-rev-7] {
    --xyz-in-stagger-rev: .7s
}

[xyz~=in-stagger-rev-8] {
    --xyz-in-stagger-rev: .8s
}

[xyz~=in-stagger-rev-9] {
    --xyz-in-stagger-rev: .9s
}

[xyz~=in-stagger-rev-10] {
    --xyz-in-stagger-rev: 1s
}

[xyz~=in-stagger-rev-15] {
    --xyz-in-stagger-rev: 1.5s
}

[xyz~=in-stagger-rev-20] {
    --xyz-in-stagger-rev: 2s
}

[xyz~=in-stagger-rev-25] {
    --xyz-in-stagger-rev: 2.5s
}

[xyz~=in-stagger-rev-30] {
    --xyz-in-stagger-rev: 3s
}

[xyz~=out-stagger-rev] {
    --xyz-out-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=out-stagger-rev-0] {
    --xyz-out-stagger-rev: 0s
}

[xyz~="out-stagger-rev-0.5"] {
    --xyz-out-stagger-rev: .05s
}

[xyz~=out-stagger-rev-1] {
    --xyz-out-stagger-rev: .1s
}

[xyz~="out-stagger-rev-1.5"] {
    --xyz-out-stagger-rev: .15s
}

[xyz~=out-stagger-rev-2] {
    --xyz-out-stagger-rev: .2s
}

[xyz~="out-stagger-rev-2.5"] {
    --xyz-out-stagger-rev: .25s
}

[xyz~=out-stagger-rev-3] {
    --xyz-out-stagger-rev: .3s
}

[xyz~=out-stagger-rev-4] {
    --xyz-out-stagger-rev: .4s
}

[xyz~=out-stagger-rev-5] {
    --xyz-out-stagger-rev: .5s
}

[xyz~=out-stagger-rev-6] {
    --xyz-out-stagger-rev: .6s
}

[xyz~=out-stagger-rev-7] {
    --xyz-out-stagger-rev: .7s
}

[xyz~=out-stagger-rev-8] {
    --xyz-out-stagger-rev: .8s
}

[xyz~=out-stagger-rev-9] {
    --xyz-out-stagger-rev: .9s
}

[xyz~=out-stagger-rev-10] {
    --xyz-out-stagger-rev: 1s
}

[xyz~=out-stagger-rev-15] {
    --xyz-out-stagger-rev: 1.5s
}

[xyz~=out-stagger-rev-20] {
    --xyz-out-stagger-rev: 2s
}

[xyz~=out-stagger-rev-25] {
    --xyz-out-stagger-rev: 2.5s
}

[xyz~=out-stagger-rev-30] {
    --xyz-out-stagger-rev: 3s
}

[xyz~=appear-stagger-rev] {
    --xyz-appear-stagger-rev: var(--xyz-stagger-default)
}

[xyz~=appear-stagger-rev-0] {
    --xyz-appear-stagger-rev: 0s
}

[xyz~="appear-stagger-rev-0.5"] {
    --xyz-appear-stagger-rev: .05s
}

[xyz~=appear-stagger-rev-1] {
    --xyz-appear-stagger-rev: .1s
}

[xyz~="appear-stagger-rev-1.5"] {
    --xyz-appear-stagger-rev: .15s
}

[xyz~=appear-stagger-rev-2] {
    --xyz-appear-stagger-rev: .2s
}

[xyz~="appear-stagger-rev-2.5"] {
    --xyz-appear-stagger-rev: .25s
}

[xyz~=appear-stagger-rev-3] {
    --xyz-appear-stagger-rev: .3s
}

[xyz~=appear-stagger-rev-4] {
    --xyz-appear-stagger-rev: .4s
}

[xyz~=appear-stagger-rev-5] {
    --xyz-appear-stagger-rev: .5s
}

[xyz~=appear-stagger-rev-6] {
    --xyz-appear-stagger-rev: .6s
}

[xyz~=appear-stagger-rev-7] {
    --xyz-appear-stagger-rev: .7s
}

[xyz~=appear-stagger-rev-8] {
    --xyz-appear-stagger-rev: .8s
}

[xyz~=appear-stagger-rev-9] {
    --xyz-appear-stagger-rev: .9s
}

[xyz~=appear-stagger-rev-10] {
    --xyz-appear-stagger-rev: 1s
}

[xyz~=appear-stagger-rev-15] {
    --xyz-appear-stagger-rev: 1.5s
}

[xyz~=appear-stagger-rev-20] {
    --xyz-appear-stagger-rev: 2s
}

[xyz~=appear-stagger-rev-25] {
    --xyz-appear-stagger-rev: 2.5s
}

[xyz~=appear-stagger-rev-30] {
    --xyz-appear-stagger-rev: 3s
}

[xyz~=iterate] {
    --xyz-iterate: var(--xyz-iterate-default)
}

[xyz~=iterate-1] {
    --xyz-iterate: 1
}

[xyz~=iterate-2] {
    --xyz-iterate: 2
}

[xyz~=iterate-3] {
    --xyz-iterate: 3
}

[xyz~=iterate-4] {
    --xyz-iterate: 4
}

[xyz~=iterate-5] {
    --xyz-iterate: 5
}

[xyz~=iterate-infinite] {
    --xyz-iterate: infinite
}

[xyz~=in-iterate] {
    --xyz-in-iterate: var(--xyz-iterate-default)
}

[xyz~=in-iterate-1] {
    --xyz-in-iterate: 1
}

[xyz~=in-iterate-2] {
    --xyz-in-iterate: 2
}

[xyz~=in-iterate-3] {
    --xyz-in-iterate: 3
}

[xyz~=in-iterate-4] {
    --xyz-in-iterate: 4
}

[xyz~=in-iterate-5] {
    --xyz-in-iterate: 5
}

[xyz~=in-iterate-infinite] {
    --xyz-in-iterate: infinite
}

[xyz~=out-iterate] {
    --xyz-out-iterate: var(--xyz-iterate-default)
}

[xyz~=out-iterate-1] {
    --xyz-out-iterate: 1
}

[xyz~=out-iterate-2] {
    --xyz-out-iterate: 2
}

[xyz~=out-iterate-3] {
    --xyz-out-iterate: 3
}

[xyz~=out-iterate-4] {
    --xyz-out-iterate: 4
}

[xyz~=out-iterate-5] {
    --xyz-out-iterate: 5
}

[xyz~=out-iterate-infinite] {
    --xyz-out-iterate: infinite
}

[xyz~=appear-iterate] {
    --xyz-appear-iterate: var(--xyz-iterate-default)
}

[xyz~=appear-iterate-1] {
    --xyz-appear-iterate: 1
}

[xyz~=appear-iterate-2] {
    --xyz-appear-iterate: 2
}

[xyz~=appear-iterate-3] {
    --xyz-appear-iterate: 3
}

[xyz~=appear-iterate-4] {
    --xyz-appear-iterate: 4
}

[xyz~=appear-iterate-5] {
    --xyz-appear-iterate: 5
}

[xyz~=appear-iterate-infinite] {
    --xyz-appear-iterate: infinite
}

[xyz~=direction] {
    --xyz-direction: var(--xyz-direction-default)
}

[xyz~=direction-normal] {
    --xyz-direction: normal
}

[xyz~=direction-reverse] {
    --xyz-direction: reverse
}

[xyz~=direction-alternate] {
    --xyz-direction: alternate
}

[xyz~=direction-alternate-reverse] {
    --xyz-direction: alternate-reverse
}

[xyz~=in-direction] {
    --xyz-in-direction: var(--xyz-direction-default)
}

[xyz~=in-direction-normal] {
    --xyz-in-direction: normal
}

[xyz~=in-direction-reverse] {
    --xyz-in-direction: reverse
}

[xyz~=in-direction-alternate] {
    --xyz-in-direction: alternate
}

[xyz~=in-direction-alternate-reverse] {
    --xyz-in-direction: alternate-reverse
}

[xyz~=out-direction] {
    --xyz-out-direction: var(--xyz-direction-default)
}

[xyz~=out-direction-normal] {
    --xyz-out-direction: normal
}

[xyz~=out-direction-reverse] {
    --xyz-out-direction: reverse
}

[xyz~=out-direction-alternate] {
    --xyz-out-direction: alternate
}

[xyz~=out-direction-alternate-reverse] {
    --xyz-out-direction: alternate-reverse
}

[xyz~=appear-direction] {
    --xyz-appear-direction: var(--xyz-direction-default)
}

[xyz~=appear-direction-normal] {
    --xyz-appear-direction: normal
}

[xyz~=appear-direction-reverse] {
    --xyz-appear-direction: reverse
}

[xyz~=appear-direction-alternate] {
    --xyz-appear-direction: alternate
}

[xyz~=appear-direction-alternate-reverse] {
    --xyz-appear-direction: alternate-reverse
}

[xyz~=origin] {
    --xyz-origin: var(--xyz-origin-default)
}

[xyz~=origin-center] {
    --xyz-origin: center
}

[xyz~=origin-top] {
    --xyz-origin: top
}

[xyz~=origin-bottom] {
    --xyz-origin: bottom
}

[xyz~=origin-left] {
    --xyz-origin: left
}

[xyz~=origin-right] {
    --xyz-origin: right
}

[xyz~=origin-top-left] {
    --xyz-origin: top left
}

[xyz~=origin-top-right] {
    --xyz-origin: top right
}

[xyz~=origin-bottom-left] {
    --xyz-origin: bottom left
}

[xyz~=origin-bottom-right] {
    --xyz-origin: bottom right
}

[xyz~=in-origin] {
    --xyz-in-origin: var(--xyz-origin-default)
}

[xyz~=in-origin-center] {
    --xyz-in-origin: center
}

[xyz~=in-origin-top] {
    --xyz-in-origin: top
}

[xyz~=in-origin-bottom] {
    --xyz-in-origin: bottom
}

[xyz~=in-origin-left] {
    --xyz-in-origin: left
}

[xyz~=in-origin-right] {
    --xyz-in-origin: right
}

[xyz~=in-origin-top-left] {
    --xyz-in-origin: top left
}

[xyz~=in-origin-top-right] {
    --xyz-in-origin: top right
}

[xyz~=in-origin-bottom-left] {
    --xyz-in-origin: bottom left
}

[xyz~=in-origin-bottom-right] {
    --xyz-in-origin: bottom right
}

[xyz~=out-origin] {
    --xyz-out-origin: var(--xyz-origin-default)
}

[xyz~=out-origin-center] {
    --xyz-out-origin: center
}

[xyz~=out-origin-top] {
    --xyz-out-origin: top
}

[xyz~=out-origin-bottom] {
    --xyz-out-origin: bottom
}

[xyz~=out-origin-left] {
    --xyz-out-origin: left
}

[xyz~=out-origin-right] {
    --xyz-out-origin: right
}

[xyz~=out-origin-top-left] {
    --xyz-out-origin: top left
}

[xyz~=out-origin-top-right] {
    --xyz-out-origin: top right
}

[xyz~=out-origin-bottom-left] {
    --xyz-out-origin: bottom left
}

[xyz~=out-origin-bottom-right] {
    --xyz-out-origin: bottom right
}

[xyz~=appear-origin] {
    --xyz-appear-origin: var(--xyz-origin-default)
}

[xyz~=appear-origin-center] {
    --xyz-appear-origin: center
}

[xyz~=appear-origin-top] {
    --xyz-appear-origin: top
}

[xyz~=appear-origin-bottom] {
    --xyz-appear-origin: bottom
}

[xyz~=appear-origin-left] {
    --xyz-appear-origin: left
}

[xyz~=appear-origin-right] {
    --xyz-appear-origin: right
}

[xyz~=appear-origin-top-left] {
    --xyz-appear-origin: top left
}

[xyz~=appear-origin-top-right] {
    --xyz-appear-origin: top right
}

[xyz~=appear-origin-bottom-left] {
    --xyz-appear-origin: bottom left
}

[xyz~=appear-origin-bottom-right] {
    --xyz-appear-origin: bottom right
}

[xyz~=perspective] {
    --xyz-perspective: var(--xyz-perspective-default)
}

[xyz~=perspective-0] {
    --xyz-perspective: var(--xyz-perspective-none)
}

[xyz~=perspective-1] {
    --xyz-perspective: 500px
}

[xyz~=perspective-2] {
    --xyz-perspective: 1000px
}

[xyz~=perspective-3] {
    --xyz-perspective: 1500px
}

[xyz~=perspective-4] {
    --xyz-perspective: 2000px
}

[xyz~=perspective-5] {
    --xyz-perspective: 2500px
}

[xyz~=in-perspective] {
    --xyz-in-perspective: var(--xyz-perspective-default)
}

[xyz~=in-perspective-0] {
    --xyz-in-perspective: var(--xyz-perspective-none)
}

[xyz~=in-perspective-1] {
    --xyz-in-perspective: 500px
}

[xyz~=in-perspective-2] {
    --xyz-in-perspective: 1000px
}

[xyz~=in-perspective-3] {
    --xyz-in-perspective: 1500px
}

[xyz~=in-perspective-4] {
    --xyz-in-perspective: 2000px
}

[xyz~=in-perspective-5] {
    --xyz-in-perspective: 2500px
}

[xyz~=out-perspective] {
    --xyz-out-perspective: var(--xyz-perspective-default)
}

[xyz~=out-perspective-0] {
    --xyz-out-perspective: var(--xyz-perspective-none)
}

[xyz~=out-perspective-1] {
    --xyz-out-perspective: 500px
}

[xyz~=out-perspective-2] {
    --xyz-out-perspective: 1000px
}

[xyz~=out-perspective-3] {
    --xyz-out-perspective: 1500px
}

[xyz~=out-perspective-4] {
    --xyz-out-perspective: 2000px
}

[xyz~=out-perspective-5] {
    --xyz-out-perspective: 2500px
}

[xyz~=appear-perspective] {
    --xyz-appear-perspective: var(--xyz-perspective-default)
}

[xyz~=appear-perspective-0] {
    --xyz-appear-perspective: var(--xyz-perspective-none)
}

[xyz~=appear-perspective-1] {
    --xyz-appear-perspective: 500px
}

[xyz~=appear-perspective-2] {
    --xyz-appear-perspective: 1000px
}

[xyz~=appear-perspective-3] {
    --xyz-appear-perspective: 1500px
}

[xyz~=appear-perspective-4] {
    --xyz-appear-perspective: 2000px
}

[xyz~=appear-perspective-5] {
    --xyz-appear-perspective: 2500px
}

[xyz~=fade] {
    --xyz-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=fade-0] {
    --xyz-opacity: 1
}

[xyz~="fade-25%"] {
    --xyz-opacity: .75
}

[xyz~="fade-50%"] {
    --xyz-opacity: .5
}

[xyz~="fade-75%"] {
    --xyz-opacity: .25
}

[xyz~="fade-100%"] {
    --xyz-opacity: 0
}

[xyz~=in-fade] {
    --xyz-in-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=in-fade-0] {
    --xyz-in-opacity: 1
}

[xyz~="in-fade-25%"] {
    --xyz-in-opacity: .75
}

[xyz~="in-fade-50%"] {
    --xyz-in-opacity: .5
}

[xyz~="in-fade-75%"] {
    --xyz-in-opacity: .25
}

[xyz~="in-fade-100%"] {
    --xyz-in-opacity: 0
}

[xyz~=out-fade] {
    --xyz-out-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=out-fade-0] {
    --xyz-out-opacity: 1
}

[xyz~="out-fade-25%"] {
    --xyz-out-opacity: .75
}

[xyz~="out-fade-50%"] {
    --xyz-out-opacity: .5
}

[xyz~="out-fade-75%"] {
    --xyz-out-opacity: .25
}

[xyz~="out-fade-100%"] {
    --xyz-out-opacity: 0
}

[xyz~=appear-fade] {
    --xyz-appear-opacity: calc(1 - var(--xyz-opacity-default))
}

[xyz~=appear-fade-0] {
    --xyz-appear-opacity: 1
}

[xyz~="appear-fade-25%"] {
    --xyz-appear-opacity: .75
}

[xyz~="appear-fade-50%"] {
    --xyz-appear-opacity: .5
}

[xyz~="appear-fade-75%"] {
    --xyz-appear-opacity: .25
}

[xyz~="appear-fade-100%"] {
    --xyz-appear-opacity: 0
}

[xyz~=right] {
    --xyz-translate-x: var(--xyz-translate-default)
}

[xyz~=right-0] {
    --xyz-translate-x: 0px
}

[xyz~=right-1] {
    --xyz-translate-x: 10px
}

[xyz~=right-2] {
    --xyz-translate-x: 20px
}

[xyz~=right-3] {
    --xyz-translate-x: 30px
}

[xyz~=right-4] {
    --xyz-translate-x: 40px
}

[xyz~=right-5] {
    --xyz-translate-x: 50px
}

[xyz~="right-25%"] {
    --xyz-translate-x: 25%
}

[xyz~="right-50%"] {
    --xyz-translate-x: 50%
}

[xyz~="right-75%"] {
    --xyz-translate-x: 75%
}

[xyz~="right-100%"] {
    --xyz-translate-x: 100%
}

[xyz~=in-right] {
    --xyz-in-translate-x: var(--xyz-translate-default)
}

[xyz~=in-right-0] {
    --xyz-in-translate-x: 0px
}

[xyz~=in-right-1] {
    --xyz-in-translate-x: 10px
}

[xyz~=in-right-2] {
    --xyz-in-translate-x: 20px
}

[xyz~=in-right-3] {
    --xyz-in-translate-x: 30px
}

[xyz~=in-right-4] {
    --xyz-in-translate-x: 40px
}

[xyz~=in-right-5] {
    --xyz-in-translate-x: 50px
}

[xyz~="in-right-25%"] {
    --xyz-in-translate-x: 25%
}

[xyz~="in-right-50%"] {
    --xyz-in-translate-x: 50%
}

[xyz~="in-right-75%"] {
    --xyz-in-translate-x: 75%
}

[xyz~="in-right-100%"] {
    --xyz-in-translate-x: 100%
}

[xyz~=out-right] {
    --xyz-out-translate-x: var(--xyz-translate-default)
}

[xyz~=out-right-0] {
    --xyz-out-translate-x: 0px
}

[xyz~=out-right-1] {
    --xyz-out-translate-x: 10px
}

[xyz~=out-right-2] {
    --xyz-out-translate-x: 20px
}

[xyz~=out-right-3] {
    --xyz-out-translate-x: 30px
}

[xyz~=out-right-4] {
    --xyz-out-translate-x: 40px
}

[xyz~=out-right-5] {
    --xyz-out-translate-x: 50px
}

[xyz~="out-right-25%"] {
    --xyz-out-translate-x: 25%
}

[xyz~="out-right-50%"] {
    --xyz-out-translate-x: 50%
}

[xyz~="out-right-75%"] {
    --xyz-out-translate-x: 75%
}

[xyz~="out-right-100%"] {
    --xyz-out-translate-x: 100%
}

[xyz~=appear-right] {
    --xyz-appear-translate-x: var(--xyz-translate-default)
}

[xyz~=appear-right-0] {
    --xyz-appear-translate-x: 0px
}

[xyz~=appear-right-1] {
    --xyz-appear-translate-x: 10px
}

[xyz~=appear-right-2] {
    --xyz-appear-translate-x: 20px
}

[xyz~=appear-right-3] {
    --xyz-appear-translate-x: 30px
}

[xyz~=appear-right-4] {
    --xyz-appear-translate-x: 40px
}

[xyz~=appear-right-5] {
    --xyz-appear-translate-x: 50px
}

[xyz~="appear-right-25%"] {
    --xyz-appear-translate-x: 25%
}

[xyz~="appear-right-50%"] {
    --xyz-appear-translate-x: 50%
}

[xyz~="appear-right-75%"] {
    --xyz-appear-translate-x: 75%
}

[xyz~="appear-right-100%"] {
    --xyz-appear-translate-x: 100%
}

[xyz~=left] {
    --xyz-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=left-0] {
    --xyz-translate-x: 0px
}

[xyz~=left-1] {
    --xyz-translate-x: -10px
}

[xyz~=left-2] {
    --xyz-translate-x: -20px
}

[xyz~=left-3] {
    --xyz-translate-x: -30px
}

[xyz~=left-4] {
    --xyz-translate-x: -40px
}

[xyz~=left-5] {
    --xyz-translate-x: -50px
}

[xyz~="left-25%"] {
    --xyz-translate-x: -25%
}

[xyz~="left-50%"] {
    --xyz-translate-x: -50%
}

[xyz~="left-75%"] {
    --xyz-translate-x: -75%
}

[xyz~="left-100%"] {
    --xyz-translate-x: -100%
}

[xyz~=in-left] {
    --xyz-in-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=in-left-0] {
    --xyz-in-translate-x: 0px
}

[xyz~=in-left-1] {
    --xyz-in-translate-x: -10px
}

[xyz~=in-left-2] {
    --xyz-in-translate-x: -20px
}

[xyz~=in-left-3] {
    --xyz-in-translate-x: -30px
}

[xyz~=in-left-4] {
    --xyz-in-translate-x: -40px
}

[xyz~=in-left-5] {
    --xyz-in-translate-x: -50px
}

[xyz~="in-left-25%"] {
    --xyz-in-translate-x: -25%
}

[xyz~="in-left-50%"] {
    --xyz-in-translate-x: -50%
}

[xyz~="in-left-75%"] {
    --xyz-in-translate-x: -75%
}

[xyz~="in-left-100%"] {
    --xyz-in-translate-x: -100%
}

[xyz~=out-left] {
    --xyz-out-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=out-left-0] {
    --xyz-out-translate-x: 0px
}

[xyz~=out-left-1] {
    --xyz-out-translate-x: -10px
}

[xyz~=out-left-2] {
    --xyz-out-translate-x: -20px
}

[xyz~=out-left-3] {
    --xyz-out-translate-x: -30px
}

[xyz~=out-left-4] {
    --xyz-out-translate-x: -40px
}

[xyz~=out-left-5] {
    --xyz-out-translate-x: -50px
}

[xyz~="out-left-25%"] {
    --xyz-out-translate-x: -25%
}

[xyz~="out-left-50%"] {
    --xyz-out-translate-x: -50%
}

[xyz~="out-left-75%"] {
    --xyz-out-translate-x: -75%
}

[xyz~="out-left-100%"] {
    --xyz-out-translate-x: -100%
}

[xyz~=appear-left] {
    --xyz-appear-translate-x: calc(var(--xyz-translate-default)*-1)
}

[xyz~=appear-left-0] {
    --xyz-appear-translate-x: 0px
}

[xyz~=appear-left-1] {
    --xyz-appear-translate-x: -10px
}

[xyz~=appear-left-2] {
    --xyz-appear-translate-x: -20px
}

[xyz~=appear-left-3] {
    --xyz-appear-translate-x: -30px
}

[xyz~=appear-left-4] {
    --xyz-appear-translate-x: -40px
}

[xyz~=appear-left-5] {
    --xyz-appear-translate-x: -50px
}

[xyz~="appear-left-25%"] {
    --xyz-appear-translate-x: -25%
}

[xyz~="appear-left-50%"] {
    --xyz-appear-translate-x: -50%
}

[xyz~="appear-left-75%"] {
    --xyz-appear-translate-x: -75%
}

[xyz~="appear-left-100%"] {
    --xyz-appear-translate-x: -100%
}

[xyz~=down] {
    --xyz-translate-y: var(--xyz-translate-default)
}

[xyz~=down-0] {
    --xyz-translate-y: 0px
}

[xyz~=down-1] {
    --xyz-translate-y: 10px
}

[xyz~=down-2] {
    --xyz-translate-y: 20px
}

[xyz~=down-3] {
    --xyz-translate-y: 30px
}

[xyz~=down-4] {
    --xyz-translate-y: 40px
}

[xyz~=down-5] {
    --xyz-translate-y: 50px
}

[xyz~="down-25%"] {
    --xyz-translate-y: 25%
}

[xyz~="down-50%"] {
    --xyz-translate-y: 50%
}

[xyz~="down-75%"] {
    --xyz-translate-y: 75%
}

[xyz~="down-100%"] {
    --xyz-translate-y: 100%
}

[xyz~=in-down] {
    --xyz-in-translate-y: var(--xyz-translate-default)
}

[xyz~=in-down-0] {
    --xyz-in-translate-y: 0px
}

[xyz~=in-down-1] {
    --xyz-in-translate-y: 10px
}

[xyz~=in-down-2] {
    --xyz-in-translate-y: 20px
}

[xyz~=in-down-3] {
    --xyz-in-translate-y: 30px
}

[xyz~=in-down-4] {
    --xyz-in-translate-y: 40px
}

[xyz~=in-down-5] {
    --xyz-in-translate-y: 50px
}

[xyz~="in-down-25%"] {
    --xyz-in-translate-y: 25%
}

[xyz~="in-down-50%"] {
    --xyz-in-translate-y: 50%
}

[xyz~="in-down-75%"] {
    --xyz-in-translate-y: 75%
}

[xyz~="in-down-100%"] {
    --xyz-in-translate-y: 100%
}

[xyz~=out-down] {
    --xyz-out-translate-y: var(--xyz-translate-default)
}

[xyz~=out-down-0] {
    --xyz-out-translate-y: 0px
}

[xyz~=out-down-1] {
    --xyz-out-translate-y: 10px
}

[xyz~=out-down-2] {
    --xyz-out-translate-y: 20px
}

[xyz~=out-down-3] {
    --xyz-out-translate-y: 30px
}

[xyz~=out-down-4] {
    --xyz-out-translate-y: 40px
}

[xyz~=out-down-5] {
    --xyz-out-translate-y: 50px
}

[xyz~="out-down-25%"] {
    --xyz-out-translate-y: 25%
}

[xyz~="out-down-50%"] {
    --xyz-out-translate-y: 50%
}

[xyz~="out-down-75%"] {
    --xyz-out-translate-y: 75%
}

[xyz~="out-down-100%"] {
    --xyz-out-translate-y: 100%
}

[xyz~=appear-down] {
    --xyz-appear-translate-y: var(--xyz-translate-default)
}

[xyz~=appear-down-0] {
    --xyz-appear-translate-y: 0px
}

[xyz~=appear-down-1] {
    --xyz-appear-translate-y: 10px
}

[xyz~=appear-down-2] {
    --xyz-appear-translate-y: 20px
}

[xyz~=appear-down-3] {
    --xyz-appear-translate-y: 30px
}

[xyz~=appear-down-4] {
    --xyz-appear-translate-y: 40px
}

[xyz~=appear-down-5] {
    --xyz-appear-translate-y: 50px
}

[xyz~="appear-down-25%"] {
    --xyz-appear-translate-y: 25%
}

[xyz~="appear-down-50%"] {
    --xyz-appear-translate-y: 50%
}

[xyz~="appear-down-75%"] {
    --xyz-appear-translate-y: 75%
}

[xyz~="appear-down-100%"] {
    --xyz-appear-translate-y: 100%
}

[xyz~=up] {
    --xyz-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=up-0] {
    --xyz-translate-y: 0px
}

[xyz~=up-1] {
    --xyz-translate-y: -10px
}

[xyz~=up-2] {
    --xyz-translate-y: -20px
}

[xyz~=up-3] {
    --xyz-translate-y: -30px
}

[xyz~=up-4] {
    --xyz-translate-y: -40px
}

[xyz~=up-5] {
    --xyz-translate-y: -50px
}

[xyz~="up-25%"] {
    --xyz-translate-y: -25%
}

[xyz~="up-50%"] {
    --xyz-translate-y: -50%
}

[xyz~="up-75%"] {
    --xyz-translate-y: -75%
}

[xyz~="up-100%"] {
    --xyz-translate-y: -100%
}

[xyz~=in-up] {
    --xyz-in-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=in-up-0] {
    --xyz-in-translate-y: 0px
}

[xyz~=in-up-1] {
    --xyz-in-translate-y: -10px
}

[xyz~=in-up-2] {
    --xyz-in-translate-y: -20px
}

[xyz~=in-up-3] {
    --xyz-in-translate-y: -30px
}

[xyz~=in-up-4] {
    --xyz-in-translate-y: -40px
}

[xyz~=in-up-5] {
    --xyz-in-translate-y: -50px
}

[xyz~="in-up-25%"] {
    --xyz-in-translate-y: -25%
}

[xyz~="in-up-50%"] {
    --xyz-in-translate-y: -50%
}

[xyz~="in-up-75%"] {
    --xyz-in-translate-y: -75%
}

[xyz~="in-up-100%"] {
    --xyz-in-translate-y: -100%
}

[xyz~=out-up] {
    --xyz-out-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=out-up-0] {
    --xyz-out-translate-y: 0px
}

[xyz~=out-up-1] {
    --xyz-out-translate-y: -10px
}

[xyz~=out-up-2] {
    --xyz-out-translate-y: -20px
}

[xyz~=out-up-3] {
    --xyz-out-translate-y: -30px
}

[xyz~=out-up-4] {
    --xyz-out-translate-y: -40px
}

[xyz~=out-up-5] {
    --xyz-out-translate-y: -50px
}

[xyz~="out-up-25%"] {
    --xyz-out-translate-y: -25%
}

[xyz~="out-up-50%"] {
    --xyz-out-translate-y: -50%
}

[xyz~="out-up-75%"] {
    --xyz-out-translate-y: -75%
}

[xyz~="out-up-100%"] {
    --xyz-out-translate-y: -100%
}

[xyz~=appear-up] {
    --xyz-appear-translate-y: calc(var(--xyz-translate-default)*-1)
}

[xyz~=appear-up-0] {
    --xyz-appear-translate-y: 0px
}

[xyz~=appear-up-1] {
    --xyz-appear-translate-y: -10px
}

[xyz~=appear-up-2] {
    --xyz-appear-translate-y: -20px
}

[xyz~=appear-up-3] {
    --xyz-appear-translate-y: -30px
}

[xyz~=appear-up-4] {
    --xyz-appear-translate-y: -40px
}

[xyz~=appear-up-5] {
    --xyz-appear-translate-y: -50px
}

[xyz~="appear-up-25%"] {
    --xyz-appear-translate-y: -25%
}

[xyz~="appear-up-50%"] {
    --xyz-appear-translate-y: -50%
}

[xyz~="appear-up-75%"] {
    --xyz-appear-translate-y: -75%
}

[xyz~="appear-up-100%"] {
    --xyz-appear-translate-y: -100%
}

[xyz~=front] {
    --xyz-translate-z: var(--xyz-translate-z-default)
}

[xyz~=front-0] {
    --xyz-translate-z: 0px
}

[xyz~=front-1] {
    --xyz-translate-z: 100px
}

[xyz~=front-2] {
    --xyz-translate-z: 200px
}

[xyz~=front-3] {
    --xyz-translate-z: 300px
}

[xyz~=front-4] {
    --xyz-translate-z: 400px
}

[xyz~=front-5] {
    --xyz-translate-z: 500px
}

[xyz~=in-front] {
    --xyz-in-translate-z: var(--xyz-translate-z-default)
}

[xyz~=in-front-0] {
    --xyz-in-translate-z: 0px
}

[xyz~=in-front-1] {
    --xyz-in-translate-z: 100px
}

[xyz~=in-front-2] {
    --xyz-in-translate-z: 200px
}

[xyz~=in-front-3] {
    --xyz-in-translate-z: 300px
}

[xyz~=in-front-4] {
    --xyz-in-translate-z: 400px
}

[xyz~=in-front-5] {
    --xyz-in-translate-z: 500px
}

[xyz~=out-front] {
    --xyz-out-translate-z: var(--xyz-translate-z-default)
}

[xyz~=out-front-0] {
    --xyz-out-translate-z: 0px
}

[xyz~=out-front-1] {
    --xyz-out-translate-z: 100px
}

[xyz~=out-front-2] {
    --xyz-out-translate-z: 200px
}

[xyz~=out-front-3] {
    --xyz-out-translate-z: 300px
}

[xyz~=out-front-4] {
    --xyz-out-translate-z: 400px
}

[xyz~=out-front-5] {
    --xyz-out-translate-z: 500px
}

[xyz~=appear-front] {
    --xyz-appear-translate-z: var(--xyz-translate-z-default)
}

[xyz~=appear-front-0] {
    --xyz-appear-translate-z: 0px
}

[xyz~=appear-front-1] {
    --xyz-appear-translate-z: 100px
}

[xyz~=appear-front-2] {
    --xyz-appear-translate-z: 200px
}

[xyz~=appear-front-3] {
    --xyz-appear-translate-z: 300px
}

[xyz~=appear-front-4] {
    --xyz-appear-translate-z: 400px
}

[xyz~=appear-front-5] {
    --xyz-appear-translate-z: 500px
}

[xyz~=back] {
    --xyz-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=back-0] {
    --xyz-translate-z: 0px
}

[xyz~=back-1] {
    --xyz-translate-z: -100px
}

[xyz~=back-2] {
    --xyz-translate-z: -200px
}

[xyz~=back-3] {
    --xyz-translate-z: -300px
}

[xyz~=back-4] {
    --xyz-translate-z: -400px
}

[xyz~=back-5] {
    --xyz-translate-z: -500px
}

[xyz~=in-back] {
    --xyz-in-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=in-back-0] {
    --xyz-in-translate-z: 0px
}

[xyz~=in-back-1] {
    --xyz-in-translate-z: -100px
}

[xyz~=in-back-2] {
    --xyz-in-translate-z: -200px
}

[xyz~=in-back-3] {
    --xyz-in-translate-z: -300px
}

[xyz~=in-back-4] {
    --xyz-in-translate-z: -400px
}

[xyz~=in-back-5] {
    --xyz-in-translate-z: -500px
}

[xyz~=out-back] {
    --xyz-out-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=out-back-0] {
    --xyz-out-translate-z: 0px
}

[xyz~=out-back-1] {
    --xyz-out-translate-z: -100px
}

[xyz~=out-back-2] {
    --xyz-out-translate-z: -200px
}

[xyz~=out-back-3] {
    --xyz-out-translate-z: -300px
}

[xyz~=out-back-4] {
    --xyz-out-translate-z: -400px
}

[xyz~=out-back-5] {
    --xyz-out-translate-z: -500px
}

[xyz~=appear-back] {
    --xyz-appear-translate-z: calc(var(--xyz-translate-z-default)*-1)
}

[xyz~=appear-back-0] {
    --xyz-appear-translate-z: 0px
}

[xyz~=appear-back-1] {
    --xyz-appear-translate-z: -100px
}

[xyz~=appear-back-2] {
    --xyz-appear-translate-z: -200px
}

[xyz~=appear-back-3] {
    --xyz-appear-translate-z: -300px
}

[xyz~=appear-back-4] {
    --xyz-appear-translate-z: -400px
}

[xyz~=appear-back-5] {
    --xyz-appear-translate-z: -500px
}

[xyz~=flip-up] {
    --xyz-rotate-x: var(--xyz-rotate-default)
}

[xyz~=flip-up-0] {
    --xyz-rotate-x: 0deg
}

[xyz~=flip-up-1] {
    --xyz-rotate-x: 10deg
}

[xyz~=flip-up-2] {
    --xyz-rotate-x: 20deg
}

[xyz~=flip-up-3] {
    --xyz-rotate-x: 30deg
}

[xyz~=flip-up-4] {
    --xyz-rotate-x: 40deg
}

[xyz~=flip-up-5] {
    --xyz-rotate-x: 50deg
}

[xyz~="flip-up-25%"] {
    --xyz-rotate-x: .25turn
}

[xyz~="flip-up-50%"] {
    --xyz-rotate-x: .5turn
}

[xyz~="flip-up-75%"] {
    --xyz-rotate-x: .75turn
}

[xyz~="flip-up-100%"] {
    --xyz-rotate-x: 1turn
}

[xyz~=in-flip-up] {
    --xyz-in-rotate-x: var(--xyz-rotate-default)
}

[xyz~=in-flip-up-0] {
    --xyz-in-rotate-x: 0deg
}

[xyz~=in-flip-up-1] {
    --xyz-in-rotate-x: 10deg
}

[xyz~=in-flip-up-2] {
    --xyz-in-rotate-x: 20deg
}

[xyz~=in-flip-up-3] {
    --xyz-in-rotate-x: 30deg
}

[xyz~=in-flip-up-4] {
    --xyz-in-rotate-x: 40deg
}

[xyz~=in-flip-up-5] {
    --xyz-in-rotate-x: 50deg
}

[xyz~="in-flip-up-25%"] {
    --xyz-in-rotate-x: .25turn
}

[xyz~="in-flip-up-50%"] {
    --xyz-in-rotate-x: .5turn
}

[xyz~="in-flip-up-75%"] {
    --xyz-in-rotate-x: .75turn
}

[xyz~="in-flip-up-100%"] {
    --xyz-in-rotate-x: 1turn
}

[xyz~=out-flip-up] {
    --xyz-out-rotate-x: var(--xyz-rotate-default)
}

[xyz~=out-flip-up-0] {
    --xyz-out-rotate-x: 0deg
}

[xyz~=out-flip-up-1] {
    --xyz-out-rotate-x: 10deg
}

[xyz~=out-flip-up-2] {
    --xyz-out-rotate-x: 20deg
}

[xyz~=out-flip-up-3] {
    --xyz-out-rotate-x: 30deg
}

[xyz~=out-flip-up-4] {
    --xyz-out-rotate-x: 40deg
}

[xyz~=out-flip-up-5] {
    --xyz-out-rotate-x: 50deg
}

[xyz~="out-flip-up-25%"] {
    --xyz-out-rotate-x: .25turn
}

[xyz~="out-flip-up-50%"] {
    --xyz-out-rotate-x: .5turn
}

[xyz~="out-flip-up-75%"] {
    --xyz-out-rotate-x: .75turn
}

[xyz~="out-flip-up-100%"] {
    --xyz-out-rotate-x: 1turn
}

[xyz~=appear-flip-up] {
    --xyz-appear-rotate-x: var(--xyz-rotate-default)
}

[xyz~=appear-flip-up-0] {
    --xyz-appear-rotate-x: 0deg
}

[xyz~=appear-flip-up-1] {
    --xyz-appear-rotate-x: 10deg
}

[xyz~=appear-flip-up-2] {
    --xyz-appear-rotate-x: 20deg
}

[xyz~=appear-flip-up-3] {
    --xyz-appear-rotate-x: 30deg
}

[xyz~=appear-flip-up-4] {
    --xyz-appear-rotate-x: 40deg
}

[xyz~=appear-flip-up-5] {
    --xyz-appear-rotate-x: 50deg
}

[xyz~="appear-flip-up-25%"] {
    --xyz-appear-rotate-x: .25turn
}

[xyz~="appear-flip-up-50%"] {
    --xyz-appear-rotate-x: .5turn
}

[xyz~="appear-flip-up-75%"] {
    --xyz-appear-rotate-x: .75turn
}

[xyz~="appear-flip-up-100%"] {
    --xyz-appear-rotate-x: 1turn
}

[xyz~=flip-down] {
    --xyz-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=flip-down-0] {
    --xyz-rotate-x: 0deg
}

[xyz~=flip-down-1] {
    --xyz-rotate-x: -10deg
}

[xyz~=flip-down-2] {
    --xyz-rotate-x: -20deg
}

[xyz~=flip-down-3] {
    --xyz-rotate-x: -30deg
}

[xyz~=flip-down-4] {
    --xyz-rotate-x: -40deg
}

[xyz~=flip-down-5] {
    --xyz-rotate-x: -50deg
}

[xyz~="flip-down-25%"] {
    --xyz-rotate-x: -.25turn
}

[xyz~="flip-down-50%"] {
    --xyz-rotate-x: -.5turn
}

[xyz~="flip-down-75%"] {
    --xyz-rotate-x: -.75turn
}

[xyz~="flip-down-100%"] {
    --xyz-rotate-x: -1turn
}

[xyz~=in-flip-down] {
    --xyz-in-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-flip-down-0] {
    --xyz-in-rotate-x: 0deg
}

[xyz~=in-flip-down-1] {
    --xyz-in-rotate-x: -10deg
}

[xyz~=in-flip-down-2] {
    --xyz-in-rotate-x: -20deg
}

[xyz~=in-flip-down-3] {
    --xyz-in-rotate-x: -30deg
}

[xyz~=in-flip-down-4] {
    --xyz-in-rotate-x: -40deg
}

[xyz~=in-flip-down-5] {
    --xyz-in-rotate-x: -50deg
}

[xyz~="in-flip-down-25%"] {
    --xyz-in-rotate-x: -.25turn
}

[xyz~="in-flip-down-50%"] {
    --xyz-in-rotate-x: -.5turn
}

[xyz~="in-flip-down-75%"] {
    --xyz-in-rotate-x: -.75turn
}

[xyz~="in-flip-down-100%"] {
    --xyz-in-rotate-x: -1turn
}

[xyz~=out-flip-down] {
    --xyz-out-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-flip-down-0] {
    --xyz-out-rotate-x: 0deg
}

[xyz~=out-flip-down-1] {
    --xyz-out-rotate-x: -10deg
}

[xyz~=out-flip-down-2] {
    --xyz-out-rotate-x: -20deg
}

[xyz~=out-flip-down-3] {
    --xyz-out-rotate-x: -30deg
}

[xyz~=out-flip-down-4] {
    --xyz-out-rotate-x: -40deg
}

[xyz~=out-flip-down-5] {
    --xyz-out-rotate-x: -50deg
}

[xyz~="out-flip-down-25%"] {
    --xyz-out-rotate-x: -.25turn
}

[xyz~="out-flip-down-50%"] {
    --xyz-out-rotate-x: -.5turn
}

[xyz~="out-flip-down-75%"] {
    --xyz-out-rotate-x: -.75turn
}

[xyz~="out-flip-down-100%"] {
    --xyz-out-rotate-x: -1turn
}

[xyz~=appear-flip-down] {
    --xyz-appear-rotate-x: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-flip-down-0] {
    --xyz-appear-rotate-x: 0deg
}

[xyz~=appear-flip-down-1] {
    --xyz-appear-rotate-x: -10deg
}

[xyz~=appear-flip-down-2] {
    --xyz-appear-rotate-x: -20deg
}

[xyz~=appear-flip-down-3] {
    --xyz-appear-rotate-x: -30deg
}

[xyz~=appear-flip-down-4] {
    --xyz-appear-rotate-x: -40deg
}

[xyz~=appear-flip-down-5] {
    --xyz-appear-rotate-x: -50deg
}

[xyz~="appear-flip-down-25%"] {
    --xyz-appear-rotate-x: -.25turn
}

[xyz~="appear-flip-down-50%"] {
    --xyz-appear-rotate-x: -.5turn
}

[xyz~="appear-flip-down-75%"] {
    --xyz-appear-rotate-x: -.75turn
}

[xyz~="appear-flip-down-100%"] {
    --xyz-appear-rotate-x: -1turn
}

[xyz~=flip-right] {
    --xyz-rotate-y: var(--xyz-rotate-default)
}

[xyz~=flip-right-0] {
    --xyz-rotate-y: 0deg
}

[xyz~=flip-right-1] {
    --xyz-rotate-y: 10deg
}

[xyz~=flip-right-2] {
    --xyz-rotate-y: 20deg
}

[xyz~=flip-right-3] {
    --xyz-rotate-y: 30deg
}

[xyz~=flip-right-4] {
    --xyz-rotate-y: 40deg
}

[xyz~=flip-right-5] {
    --xyz-rotate-y: 50deg
}

[xyz~="flip-right-25%"] {
    --xyz-rotate-y: .25turn
}

[xyz~="flip-right-50%"] {
    --xyz-rotate-y: .5turn
}

[xyz~="flip-right-75%"] {
    --xyz-rotate-y: .75turn
}

[xyz~="flip-right-100%"] {
    --xyz-rotate-y: 1turn
}

[xyz~=in-flip-right] {
    --xyz-in-rotate-y: var(--xyz-rotate-default)
}

[xyz~=in-flip-right-0] {
    --xyz-in-rotate-y: 0deg
}

[xyz~=in-flip-right-1] {
    --xyz-in-rotate-y: 10deg
}

[xyz~=in-flip-right-2] {
    --xyz-in-rotate-y: 20deg
}

[xyz~=in-flip-right-3] {
    --xyz-in-rotate-y: 30deg
}

[xyz~=in-flip-right-4] {
    --xyz-in-rotate-y: 40deg
}

[xyz~=in-flip-right-5] {
    --xyz-in-rotate-y: 50deg
}

[xyz~="in-flip-right-25%"] {
    --xyz-in-rotate-y: .25turn
}

[xyz~="in-flip-right-50%"] {
    --xyz-in-rotate-y: .5turn
}

[xyz~="in-flip-right-75%"] {
    --xyz-in-rotate-y: .75turn
}

[xyz~="in-flip-right-100%"] {
    --xyz-in-rotate-y: 1turn
}

[xyz~=out-flip-right] {
    --xyz-out-rotate-y: var(--xyz-rotate-default)
}

[xyz~=out-flip-right-0] {
    --xyz-out-rotate-y: 0deg
}

[xyz~=out-flip-right-1] {
    --xyz-out-rotate-y: 10deg
}

[xyz~=out-flip-right-2] {
    --xyz-out-rotate-y: 20deg
}

[xyz~=out-flip-right-3] {
    --xyz-out-rotate-y: 30deg
}

[xyz~=out-flip-right-4] {
    --xyz-out-rotate-y: 40deg
}

[xyz~=out-flip-right-5] {
    --xyz-out-rotate-y: 50deg
}

[xyz~="out-flip-right-25%"] {
    --xyz-out-rotate-y: .25turn
}

[xyz~="out-flip-right-50%"] {
    --xyz-out-rotate-y: .5turn
}

[xyz~="out-flip-right-75%"] {
    --xyz-out-rotate-y: .75turn
}

[xyz~="out-flip-right-100%"] {
    --xyz-out-rotate-y: 1turn
}

[xyz~=appear-flip-right] {
    --xyz-appear-rotate-y: var(--xyz-rotate-default)
}

[xyz~=appear-flip-right-0] {
    --xyz-appear-rotate-y: 0deg
}

[xyz~=appear-flip-right-1] {
    --xyz-appear-rotate-y: 10deg
}

[xyz~=appear-flip-right-2] {
    --xyz-appear-rotate-y: 20deg
}

[xyz~=appear-flip-right-3] {
    --xyz-appear-rotate-y: 30deg
}

[xyz~=appear-flip-right-4] {
    --xyz-appear-rotate-y: 40deg
}

[xyz~=appear-flip-right-5] {
    --xyz-appear-rotate-y: 50deg
}

[xyz~="appear-flip-right-25%"] {
    --xyz-appear-rotate-y: .25turn
}

[xyz~="appear-flip-right-50%"] {
    --xyz-appear-rotate-y: .5turn
}

[xyz~="appear-flip-right-75%"] {
    --xyz-appear-rotate-y: .75turn
}

[xyz~="appear-flip-right-100%"] {
    --xyz-appear-rotate-y: 1turn
}

[xyz~=flip-left] {
    --xyz-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=flip-left-0] {
    --xyz-rotate-y: 0deg
}

[xyz~=flip-left-1] {
    --xyz-rotate-y: -10deg
}

[xyz~=flip-left-2] {
    --xyz-rotate-y: -20deg
}

[xyz~=flip-left-3] {
    --xyz-rotate-y: -30deg
}

[xyz~=flip-left-4] {
    --xyz-rotate-y: -40deg
}

[xyz~=flip-left-5] {
    --xyz-rotate-y: -50deg
}

[xyz~="flip-left-25%"] {
    --xyz-rotate-y: -.25turn
}

[xyz~="flip-left-50%"] {
    --xyz-rotate-y: -.5turn
}

[xyz~="flip-left-75%"] {
    --xyz-rotate-y: -.75turn
}

[xyz~="flip-left-100%"] {
    --xyz-rotate-y: -1turn
}

[xyz~=in-flip-left] {
    --xyz-in-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-flip-left-0] {
    --xyz-in-rotate-y: 0deg
}

[xyz~=in-flip-left-1] {
    --xyz-in-rotate-y: -10deg
}

[xyz~=in-flip-left-2] {
    --xyz-in-rotate-y: -20deg
}

[xyz~=in-flip-left-3] {
    --xyz-in-rotate-y: -30deg
}

[xyz~=in-flip-left-4] {
    --xyz-in-rotate-y: -40deg
}

[xyz~=in-flip-left-5] {
    --xyz-in-rotate-y: -50deg
}

[xyz~="in-flip-left-25%"] {
    --xyz-in-rotate-y: -.25turn
}

[xyz~="in-flip-left-50%"] {
    --xyz-in-rotate-y: -.5turn
}

[xyz~="in-flip-left-75%"] {
    --xyz-in-rotate-y: -.75turn
}

[xyz~="in-flip-left-100%"] {
    --xyz-in-rotate-y: -1turn
}

[xyz~=out-flip-left] {
    --xyz-out-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-flip-left-0] {
    --xyz-out-rotate-y: 0deg
}

[xyz~=out-flip-left-1] {
    --xyz-out-rotate-y: -10deg
}

[xyz~=out-flip-left-2] {
    --xyz-out-rotate-y: -20deg
}

[xyz~=out-flip-left-3] {
    --xyz-out-rotate-y: -30deg
}

[xyz~=out-flip-left-4] {
    --xyz-out-rotate-y: -40deg
}

[xyz~=out-flip-left-5] {
    --xyz-out-rotate-y: -50deg
}

[xyz~="out-flip-left-25%"] {
    --xyz-out-rotate-y: -.25turn
}

[xyz~="out-flip-left-50%"] {
    --xyz-out-rotate-y: -.5turn
}

[xyz~="out-flip-left-75%"] {
    --xyz-out-rotate-y: -.75turn
}

[xyz~="out-flip-left-100%"] {
    --xyz-out-rotate-y: -1turn
}

[xyz~=appear-flip-left] {
    --xyz-appear-rotate-y: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-flip-left-0] {
    --xyz-appear-rotate-y: 0deg
}

[xyz~=appear-flip-left-1] {
    --xyz-appear-rotate-y: -10deg
}

[xyz~=appear-flip-left-2] {
    --xyz-appear-rotate-y: -20deg
}

[xyz~=appear-flip-left-3] {
    --xyz-appear-rotate-y: -30deg
}

[xyz~=appear-flip-left-4] {
    --xyz-appear-rotate-y: -40deg
}

[xyz~=appear-flip-left-5] {
    --xyz-appear-rotate-y: -50deg
}

[xyz~="appear-flip-left-25%"] {
    --xyz-appear-rotate-y: -.25turn
}

[xyz~="appear-flip-left-50%"] {
    --xyz-appear-rotate-y: -.5turn
}

[xyz~="appear-flip-left-75%"] {
    --xyz-appear-rotate-y: -.75turn
}

[xyz~="appear-flip-left-100%"] {
    --xyz-appear-rotate-y: -1turn
}

[xyz~=rotate-right] {
    --xyz-rotate-z: var(--xyz-rotate-default)
}

[xyz~=rotate-right-0] {
    --xyz-rotate-z: 0deg
}

[xyz~=rotate-right-1] {
    --xyz-rotate-z: 10deg
}

[xyz~=rotate-right-2] {
    --xyz-rotate-z: 20deg
}

[xyz~=rotate-right-3] {
    --xyz-rotate-z: 30deg
}

[xyz~=rotate-right-4] {
    --xyz-rotate-z: 40deg
}

[xyz~=rotate-right-5] {
    --xyz-rotate-z: 50deg
}

[xyz~="rotate-right-25%"] {
    --xyz-rotate-z: .25turn
}

[xyz~="rotate-right-50%"] {
    --xyz-rotate-z: .5turn
}

[xyz~="rotate-right-75%"] {
    --xyz-rotate-z: .75turn
}

[xyz~="rotate-right-100%"] {
    --xyz-rotate-z: 1turn
}

[xyz~=in-rotate-right] {
    --xyz-in-rotate-z: var(--xyz-rotate-default)
}

[xyz~=in-rotate-right-0] {
    --xyz-in-rotate-z: 0deg
}

[xyz~=in-rotate-right-1] {
    --xyz-in-rotate-z: 10deg
}

[xyz~=in-rotate-right-2] {
    --xyz-in-rotate-z: 20deg
}

[xyz~=in-rotate-right-3] {
    --xyz-in-rotate-z: 30deg
}

[xyz~=in-rotate-right-4] {
    --xyz-in-rotate-z: 40deg
}

[xyz~=in-rotate-right-5] {
    --xyz-in-rotate-z: 50deg
}

[xyz~="in-rotate-right-25%"] {
    --xyz-in-rotate-z: .25turn
}

[xyz~="in-rotate-right-50%"] {
    --xyz-in-rotate-z: .5turn
}

[xyz~="in-rotate-right-75%"] {
    --xyz-in-rotate-z: .75turn
}

[xyz~="in-rotate-right-100%"] {
    --xyz-in-rotate-z: 1turn
}

[xyz~=out-rotate-right] {
    --xyz-out-rotate-z: var(--xyz-rotate-default)
}

[xyz~=out-rotate-right-0] {
    --xyz-out-rotate-z: 0deg
}

[xyz~=out-rotate-right-1] {
    --xyz-out-rotate-z: 10deg
}

[xyz~=out-rotate-right-2] {
    --xyz-out-rotate-z: 20deg
}

[xyz~=out-rotate-right-3] {
    --xyz-out-rotate-z: 30deg
}

[xyz~=out-rotate-right-4] {
    --xyz-out-rotate-z: 40deg
}

[xyz~=out-rotate-right-5] {
    --xyz-out-rotate-z: 50deg
}

[xyz~="out-rotate-right-25%"] {
    --xyz-out-rotate-z: .25turn
}

[xyz~="out-rotate-right-50%"] {
    --xyz-out-rotate-z: .5turn
}

[xyz~="out-rotate-right-75%"] {
    --xyz-out-rotate-z: .75turn
}

[xyz~="out-rotate-right-100%"] {
    --xyz-out-rotate-z: 1turn
}

[xyz~=appear-rotate-right] {
    --xyz-appear-rotate-z: var(--xyz-rotate-default)
}

[xyz~=appear-rotate-right-0] {
    --xyz-appear-rotate-z: 0deg
}

[xyz~=appear-rotate-right-1] {
    --xyz-appear-rotate-z: 10deg
}

[xyz~=appear-rotate-right-2] {
    --xyz-appear-rotate-z: 20deg
}

[xyz~=appear-rotate-right-3] {
    --xyz-appear-rotate-z: 30deg
}

[xyz~=appear-rotate-right-4] {
    --xyz-appear-rotate-z: 40deg
}

[xyz~=appear-rotate-right-5] {
    --xyz-appear-rotate-z: 50deg
}

[xyz~="appear-rotate-right-25%"] {
    --xyz-appear-rotate-z: .25turn
}

[xyz~="appear-rotate-right-50%"] {
    --xyz-appear-rotate-z: .5turn
}

[xyz~="appear-rotate-right-75%"] {
    --xyz-appear-rotate-z: .75turn
}

[xyz~="appear-rotate-right-100%"] {
    --xyz-appear-rotate-z: 1turn
}

[xyz~=rotate-left] {
    --xyz-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=rotate-left-0] {
    --xyz-rotate-z: 0deg
}

[xyz~=rotate-left-1] {
    --xyz-rotate-z: -10deg
}

[xyz~=rotate-left-2] {
    --xyz-rotate-z: -20deg
}

[xyz~=rotate-left-3] {
    --xyz-rotate-z: -30deg
}

[xyz~=rotate-left-4] {
    --xyz-rotate-z: -40deg
}

[xyz~=rotate-left-5] {
    --xyz-rotate-z: -50deg
}

[xyz~="rotate-left-25%"] {
    --xyz-rotate-z: -.25turn
}

[xyz~="rotate-left-50%"] {
    --xyz-rotate-z: -.5turn
}

[xyz~="rotate-left-75%"] {
    --xyz-rotate-z: -.75turn
}

[xyz~="rotate-left-100%"] {
    --xyz-rotate-z: -1turn
}

[xyz~=in-rotate-left] {
    --xyz-in-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=in-rotate-left-0] {
    --xyz-in-rotate-z: 0deg
}

[xyz~=in-rotate-left-1] {
    --xyz-in-rotate-z: -10deg
}

[xyz~=in-rotate-left-2] {
    --xyz-in-rotate-z: -20deg
}

[xyz~=in-rotate-left-3] {
    --xyz-in-rotate-z: -30deg
}

[xyz~=in-rotate-left-4] {
    --xyz-in-rotate-z: -40deg
}

[xyz~=in-rotate-left-5] {
    --xyz-in-rotate-z: -50deg
}

[xyz~="in-rotate-left-25%"] {
    --xyz-in-rotate-z: -.25turn
}

[xyz~="in-rotate-left-50%"] {
    --xyz-in-rotate-z: -.5turn
}

[xyz~="in-rotate-left-75%"] {
    --xyz-in-rotate-z: -.75turn
}

[xyz~="in-rotate-left-100%"] {
    --xyz-in-rotate-z: -1turn
}

[xyz~=out-rotate-left] {
    --xyz-out-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=out-rotate-left-0] {
    --xyz-out-rotate-z: 0deg
}

[xyz~=out-rotate-left-1] {
    --xyz-out-rotate-z: -10deg
}

[xyz~=out-rotate-left-2] {
    --xyz-out-rotate-z: -20deg
}

[xyz~=out-rotate-left-3] {
    --xyz-out-rotate-z: -30deg
}

[xyz~=out-rotate-left-4] {
    --xyz-out-rotate-z: -40deg
}

[xyz~=out-rotate-left-5] {
    --xyz-out-rotate-z: -50deg
}

[xyz~="out-rotate-left-25%"] {
    --xyz-out-rotate-z: -.25turn
}

[xyz~="out-rotate-left-50%"] {
    --xyz-out-rotate-z: -.5turn
}

[xyz~="out-rotate-left-75%"] {
    --xyz-out-rotate-z: -.75turn
}

[xyz~="out-rotate-left-100%"] {
    --xyz-out-rotate-z: -1turn
}

[xyz~=appear-rotate-left] {
    --xyz-appear-rotate-z: calc(var(--xyz-rotate-default)*-1)
}

[xyz~=appear-rotate-left-0] {
    --xyz-appear-rotate-z: 0deg
}

[xyz~=appear-rotate-left-1] {
    --xyz-appear-rotate-z: -10deg
}

[xyz~=appear-rotate-left-2] {
    --xyz-appear-rotate-z: -20deg
}

[xyz~=appear-rotate-left-3] {
    --xyz-appear-rotate-z: -30deg
}

[xyz~=appear-rotate-left-4] {
    --xyz-appear-rotate-z: -40deg
}

[xyz~=appear-rotate-left-5] {
    --xyz-appear-rotate-z: -50deg
}

[xyz~="appear-rotate-left-25%"] {
    --xyz-appear-rotate-z: -.25turn
}

[xyz~="appear-rotate-left-50%"] {
    --xyz-appear-rotate-z: -.5turn
}

[xyz~="appear-rotate-left-75%"] {
    --xyz-appear-rotate-z: -.75turn
}

[xyz~="appear-rotate-left-100%"] {
    --xyz-appear-rotate-z: -1turn
}

[xyz~=small] {
    --xyz-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=small-0] {
    --xyz-scale-x: 1;
    --xyz-scale-y: 1;
    --xyz-scale-z: 1
}

[xyz~=small-1] {
    --xyz-scale-x: .975;
    --xyz-scale-y: .975;
    --xyz-scale-z: .975
}

[xyz~=small-2] {
    --xyz-scale-x: .95;
    --xyz-scale-y: .95;
    --xyz-scale-z: .95
}

[xyz~=small-3] {
    --xyz-scale-x: .925;
    --xyz-scale-y: .925;
    --xyz-scale-z: .925
}

[xyz~=small-4] {
    --xyz-scale-x: .9;
    --xyz-scale-y: .9;
    --xyz-scale-z: .9
}

[xyz~=small-5] {
    --xyz-scale-x: .875;
    --xyz-scale-y: .875;
    --xyz-scale-z: .875
}

[xyz~="small-25%"] {
    --xyz-scale-x: .75;
    --xyz-scale-y: .75;
    --xyz-scale-z: .75
}

[xyz~="small-50%"] {
    --xyz-scale-x: .5;
    --xyz-scale-y: .5;
    --xyz-scale-z: .5
}

[xyz~="small-75%"] {
    --xyz-scale-x: .25;
    --xyz-scale-y: .25;
    --xyz-scale-z: .25
}

[xyz~="small-100%"] {
    --xyz-scale-x: 0;
    --xyz-scale-y: 0;
    --xyz-scale-z: 0
}

[xyz~=in-small] {
    --xyz-in-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-in-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-in-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-small-0] {
    --xyz-in-scale-x: 1;
    --xyz-in-scale-y: 1;
    --xyz-in-scale-z: 1
}

[xyz~=in-small-1] {
    --xyz-in-scale-x: .975;
    --xyz-in-scale-y: .975;
    --xyz-in-scale-z: .975
}

[xyz~=in-small-2] {
    --xyz-in-scale-x: .95;
    --xyz-in-scale-y: .95;
    --xyz-in-scale-z: .95
}

[xyz~=in-small-3] {
    --xyz-in-scale-x: .925;
    --xyz-in-scale-y: .925;
    --xyz-in-scale-z: .925
}

[xyz~=in-small-4] {
    --xyz-in-scale-x: .9;
    --xyz-in-scale-y: .9;
    --xyz-in-scale-z: .9
}

[xyz~=in-small-5] {
    --xyz-in-scale-x: .875;
    --xyz-in-scale-y: .875;
    --xyz-in-scale-z: .875
}

[xyz~="in-small-25%"] {
    --xyz-in-scale-x: .75;
    --xyz-in-scale-y: .75;
    --xyz-in-scale-z: .75
}

[xyz~="in-small-50%"] {
    --xyz-in-scale-x: .5;
    --xyz-in-scale-y: .5;
    --xyz-in-scale-z: .5
}

[xyz~="in-small-75%"] {
    --xyz-in-scale-x: .25;
    --xyz-in-scale-y: .25;
    --xyz-in-scale-z: .25
}

[xyz~="in-small-100%"] {
    --xyz-in-scale-x: 0;
    --xyz-in-scale-y: 0;
    --xyz-in-scale-z: 0
}

[xyz~=out-small] {
    --xyz-out-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-out-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-out-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-small-0] {
    --xyz-out-scale-x: 1;
    --xyz-out-scale-y: 1;
    --xyz-out-scale-z: 1
}

[xyz~=out-small-1] {
    --xyz-out-scale-x: .975;
    --xyz-out-scale-y: .975;
    --xyz-out-scale-z: .975
}

[xyz~=out-small-2] {
    --xyz-out-scale-x: .95;
    --xyz-out-scale-y: .95;
    --xyz-out-scale-z: .95
}

[xyz~=out-small-3] {
    --xyz-out-scale-x: .925;
    --xyz-out-scale-y: .925;
    --xyz-out-scale-z: .925
}

[xyz~=out-small-4] {
    --xyz-out-scale-x: .9;
    --xyz-out-scale-y: .9;
    --xyz-out-scale-z: .9
}

[xyz~=out-small-5] {
    --xyz-out-scale-x: .875;
    --xyz-out-scale-y: .875;
    --xyz-out-scale-z: .875
}

[xyz~="out-small-25%"] {
    --xyz-out-scale-x: .75;
    --xyz-out-scale-y: .75;
    --xyz-out-scale-z: .75
}

[xyz~="out-small-50%"] {
    --xyz-out-scale-x: .5;
    --xyz-out-scale-y: .5;
    --xyz-out-scale-z: .5
}

[xyz~="out-small-75%"] {
    --xyz-out-scale-x: .25;
    --xyz-out-scale-y: .25;
    --xyz-out-scale-z: .25
}

[xyz~="out-small-100%"] {
    --xyz-out-scale-x: 0;
    --xyz-out-scale-y: 0;
    --xyz-out-scale-z: 0
}

[xyz~=appear-small] {
    --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default));
    --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default));
    --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-small-0] {
    --xyz-appear-scale-x: 1;
    --xyz-appear-scale-y: 1;
    --xyz-appear-scale-z: 1
}

[xyz~=appear-small-1] {
    --xyz-appear-scale-x: .975;
    --xyz-appear-scale-y: .975;
    --xyz-appear-scale-z: .975
}

[xyz~=appear-small-2] {
    --xyz-appear-scale-x: .95;
    --xyz-appear-scale-y: .95;
    --xyz-appear-scale-z: .95
}

[xyz~=appear-small-3] {
    --xyz-appear-scale-x: .925;
    --xyz-appear-scale-y: .925;
    --xyz-appear-scale-z: .925
}

[xyz~=appear-small-4] {
    --xyz-appear-scale-x: .9;
    --xyz-appear-scale-y: .9;
    --xyz-appear-scale-z: .9
}

[xyz~=appear-small-5] {
    --xyz-appear-scale-x: .875;
    --xyz-appear-scale-y: .875;
    --xyz-appear-scale-z: .875
}

[xyz~="appear-small-25%"] {
    --xyz-appear-scale-x: .75;
    --xyz-appear-scale-y: .75;
    --xyz-appear-scale-z: .75
}

[xyz~="appear-small-50%"] {
    --xyz-appear-scale-x: .5;
    --xyz-appear-scale-y: .5;
    --xyz-appear-scale-z: .5
}

[xyz~="appear-small-75%"] {
    --xyz-appear-scale-x: .25;
    --xyz-appear-scale-y: .25;
    --xyz-appear-scale-z: .25
}

[xyz~="appear-small-100%"] {
    --xyz-appear-scale-x: 0;
    --xyz-appear-scale-y: 0;
    --xyz-appear-scale-z: 0
}

[xyz~=big] {
    --xyz-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=big-0] {
    --xyz-scale-x: 1;
    --xyz-scale-y: 1;
    --xyz-scale-z: 1
}

[xyz~=big-1] {
    --xyz-scale-x: 1.025;
    --xyz-scale-y: 1.025;
    --xyz-scale-z: 1.025
}

[xyz~=big-2] {
    --xyz-scale-x: 1.05;
    --xyz-scale-y: 1.05;
    --xyz-scale-z: 1.05
}

[xyz~=big-3] {
    --xyz-scale-x: 1.075;
    --xyz-scale-y: 1.075;
    --xyz-scale-z: 1.075
}

[xyz~=big-4] {
    --xyz-scale-x: 1.1;
    --xyz-scale-y: 1.1;
    --xyz-scale-z: 1.1
}

[xyz~=big-5] {
    --xyz-scale-x: 1.125;
    --xyz-scale-y: 1.125;
    --xyz-scale-z: 1.125
}

[xyz~="big-25%"] {
    --xyz-scale-x: 1.25;
    --xyz-scale-y: 1.25;
    --xyz-scale-z: 1.25
}

[xyz~="big-50%"] {
    --xyz-scale-x: 1.5;
    --xyz-scale-y: 1.5;
    --xyz-scale-z: 1.5
}

[xyz~="big-75%"] {
    --xyz-scale-x: 1.75;
    --xyz-scale-y: 1.75;
    --xyz-scale-z: 1.75
}

[xyz~="big-100%"] {
    --xyz-scale-x: 2;
    --xyz-scale-y: 2;
    --xyz-scale-z: 2
}

[xyz~=in-big] {
    --xyz-in-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-in-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-in-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-big-0] {
    --xyz-in-scale-x: 1;
    --xyz-in-scale-y: 1;
    --xyz-in-scale-z: 1
}

[xyz~=in-big-1] {
    --xyz-in-scale-x: 1.025;
    --xyz-in-scale-y: 1.025;
    --xyz-in-scale-z: 1.025
}

[xyz~=in-big-2] {
    --xyz-in-scale-x: 1.05;
    --xyz-in-scale-y: 1.05;
    --xyz-in-scale-z: 1.05
}

[xyz~=in-big-3] {
    --xyz-in-scale-x: 1.075;
    --xyz-in-scale-y: 1.075;
    --xyz-in-scale-z: 1.075
}

[xyz~=in-big-4] {
    --xyz-in-scale-x: 1.1;
    --xyz-in-scale-y: 1.1;
    --xyz-in-scale-z: 1.1
}

[xyz~=in-big-5] {
    --xyz-in-scale-x: 1.125;
    --xyz-in-scale-y: 1.125;
    --xyz-in-scale-z: 1.125
}

[xyz~="in-big-25%"] {
    --xyz-in-scale-x: 1.25;
    --xyz-in-scale-y: 1.25;
    --xyz-in-scale-z: 1.25
}

[xyz~="in-big-50%"] {
    --xyz-in-scale-x: 1.5;
    --xyz-in-scale-y: 1.5;
    --xyz-in-scale-z: 1.5
}

[xyz~="in-big-75%"] {
    --xyz-in-scale-x: 1.75;
    --xyz-in-scale-y: 1.75;
    --xyz-in-scale-z: 1.75
}

[xyz~="in-big-100%"] {
    --xyz-in-scale-x: 2;
    --xyz-in-scale-y: 2;
    --xyz-in-scale-z: 2
}

[xyz~=out-big] {
    --xyz-out-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-out-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-out-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-big-0] {
    --xyz-out-scale-x: 1;
    --xyz-out-scale-y: 1;
    --xyz-out-scale-z: 1
}

[xyz~=out-big-1] {
    --xyz-out-scale-x: 1.025;
    --xyz-out-scale-y: 1.025;
    --xyz-out-scale-z: 1.025
}

[xyz~=out-big-2] {
    --xyz-out-scale-x: 1.05;
    --xyz-out-scale-y: 1.05;
    --xyz-out-scale-z: 1.05
}

[xyz~=out-big-3] {
    --xyz-out-scale-x: 1.075;
    --xyz-out-scale-y: 1.075;
    --xyz-out-scale-z: 1.075
}

[xyz~=out-big-4] {
    --xyz-out-scale-x: 1.1;
    --xyz-out-scale-y: 1.1;
    --xyz-out-scale-z: 1.1
}

[xyz~=out-big-5] {
    --xyz-out-scale-x: 1.125;
    --xyz-out-scale-y: 1.125;
    --xyz-out-scale-z: 1.125
}

[xyz~="out-big-25%"] {
    --xyz-out-scale-x: 1.25;
    --xyz-out-scale-y: 1.25;
    --xyz-out-scale-z: 1.25
}

[xyz~="out-big-50%"] {
    --xyz-out-scale-x: 1.5;
    --xyz-out-scale-y: 1.5;
    --xyz-out-scale-z: 1.5
}

[xyz~="out-big-75%"] {
    --xyz-out-scale-x: 1.75;
    --xyz-out-scale-y: 1.75;
    --xyz-out-scale-z: 1.75
}

[xyz~="out-big-100%"] {
    --xyz-out-scale-x: 2;
    --xyz-out-scale-y: 2;
    --xyz-out-scale-z: 2
}

[xyz~=appear-big] {
    --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default));
    --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default));
    --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-big-0] {
    --xyz-appear-scale-x: 1;
    --xyz-appear-scale-y: 1;
    --xyz-appear-scale-z: 1
}

[xyz~=appear-big-1] {
    --xyz-appear-scale-x: 1.025;
    --xyz-appear-scale-y: 1.025;
    --xyz-appear-scale-z: 1.025
}

[xyz~=appear-big-2] {
    --xyz-appear-scale-x: 1.05;
    --xyz-appear-scale-y: 1.05;
    --xyz-appear-scale-z: 1.05
}

[xyz~=appear-big-3] {
    --xyz-appear-scale-x: 1.075;
    --xyz-appear-scale-y: 1.075;
    --xyz-appear-scale-z: 1.075
}

[xyz~=appear-big-4] {
    --xyz-appear-scale-x: 1.1;
    --xyz-appear-scale-y: 1.1;
    --xyz-appear-scale-z: 1.1
}

[xyz~=appear-big-5] {
    --xyz-appear-scale-x: 1.125;
    --xyz-appear-scale-y: 1.125;
    --xyz-appear-scale-z: 1.125
}

[xyz~="appear-big-25%"] {
    --xyz-appear-scale-x: 1.25;
    --xyz-appear-scale-y: 1.25;
    --xyz-appear-scale-z: 1.25
}

[xyz~="appear-big-50%"] {
    --xyz-appear-scale-x: 1.5;
    --xyz-appear-scale-y: 1.5;
    --xyz-appear-scale-z: 1.5
}

[xyz~="appear-big-75%"] {
    --xyz-appear-scale-x: 1.75;
    --xyz-appear-scale-y: 1.75;
    --xyz-appear-scale-z: 1.75
}

[xyz~="appear-big-100%"] {
    --xyz-appear-scale-x: 2;
    --xyz-appear-scale-y: 2;
    --xyz-appear-scale-z: 2
}

[xyz~=narrow] {
    --xyz-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=narrow-0] {
    --xyz-scale-x: 1
}

[xyz~=narrow-1] {
    --xyz-scale-x: .975
}

[xyz~=narrow-2] {
    --xyz-scale-x: .95
}

[xyz~=narrow-3] {
    --xyz-scale-x: .925
}

[xyz~=narrow-4] {
    --xyz-scale-x: .9
}

[xyz~=narrow-5] {
    --xyz-scale-x: .875
}

[xyz~="narrow-25%"] {
    --xyz-scale-x: .75
}

[xyz~="narrow-50%"] {
    --xyz-scale-x: .5
}

[xyz~="narrow-75%"] {
    --xyz-scale-x: .25
}

[xyz~="narrow-100%"] {
    --xyz-scale-x: 0
}

[xyz~=in-narrow] {
    --xyz-in-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-narrow-0] {
    --xyz-in-scale-x: 1
}

[xyz~=in-narrow-1] {
    --xyz-in-scale-x: .975
}

[xyz~=in-narrow-2] {
    --xyz-in-scale-x: .95
}

[xyz~=in-narrow-3] {
    --xyz-in-scale-x: .925
}

[xyz~=in-narrow-4] {
    --xyz-in-scale-x: .9
}

[xyz~=in-narrow-5] {
    --xyz-in-scale-x: .875
}

[xyz~="in-narrow-25%"] {
    --xyz-in-scale-x: .75
}

[xyz~="in-narrow-50%"] {
    --xyz-in-scale-x: .5
}

[xyz~="in-narrow-75%"] {
    --xyz-in-scale-x: .25
}

[xyz~="in-narrow-100%"] {
    --xyz-in-scale-x: 0
}

[xyz~=out-narrow] {
    --xyz-out-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-narrow-0] {
    --xyz-out-scale-x: 1
}

[xyz~=out-narrow-1] {
    --xyz-out-scale-x: .975
}

[xyz~=out-narrow-2] {
    --xyz-out-scale-x: .95
}

[xyz~=out-narrow-3] {
    --xyz-out-scale-x: .925
}

[xyz~=out-narrow-4] {
    --xyz-out-scale-x: .9
}

[xyz~=out-narrow-5] {
    --xyz-out-scale-x: .875
}

[xyz~="out-narrow-25%"] {
    --xyz-out-scale-x: .75
}

[xyz~="out-narrow-50%"] {
    --xyz-out-scale-x: .5
}

[xyz~="out-narrow-75%"] {
    --xyz-out-scale-x: .25
}

[xyz~="out-narrow-100%"] {
    --xyz-out-scale-x: 0
}

[xyz~=appear-narrow] {
    --xyz-appear-scale-x: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-narrow-0] {
    --xyz-appear-scale-x: 1
}

[xyz~=appear-narrow-1] {
    --xyz-appear-scale-x: .975
}

[xyz~=appear-narrow-2] {
    --xyz-appear-scale-x: .95
}

[xyz~=appear-narrow-3] {
    --xyz-appear-scale-x: .925
}

[xyz~=appear-narrow-4] {
    --xyz-appear-scale-x: .9
}

[xyz~=appear-narrow-5] {
    --xyz-appear-scale-x: .875
}

[xyz~="appear-narrow-25%"] {
    --xyz-appear-scale-x: .75
}

[xyz~="appear-narrow-50%"] {
    --xyz-appear-scale-x: .5
}

[xyz~="appear-narrow-75%"] {
    --xyz-appear-scale-x: .25
}

[xyz~="appear-narrow-100%"] {
    --xyz-appear-scale-x: 0
}

[xyz~=wide] {
    --xyz-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=wide-0] {
    --xyz-scale-x: 1
}

[xyz~=wide-1] {
    --xyz-scale-x: 1.025
}

[xyz~=wide-2] {
    --xyz-scale-x: 1.05
}

[xyz~=wide-3] {
    --xyz-scale-x: 1.075
}

[xyz~=wide-4] {
    --xyz-scale-x: 1.1
}

[xyz~=wide-5] {
    --xyz-scale-x: 1.125
}

[xyz~="wide-25%"] {
    --xyz-scale-x: 1.25
}

[xyz~="wide-50%"] {
    --xyz-scale-x: 1.5
}

[xyz~="wide-75%"] {
    --xyz-scale-x: 1.75
}

[xyz~="wide-100%"] {
    --xyz-scale-x: 2
}

[xyz~=in-wide] {
    --xyz-in-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-wide-0] {
    --xyz-in-scale-x: 1
}

[xyz~=in-wide-1] {
    --xyz-in-scale-x: 1.025
}

[xyz~=in-wide-2] {
    --xyz-in-scale-x: 1.05
}

[xyz~=in-wide-3] {
    --xyz-in-scale-x: 1.075
}

[xyz~=in-wide-4] {
    --xyz-in-scale-x: 1.1
}

[xyz~=in-wide-5] {
    --xyz-in-scale-x: 1.125
}

[xyz~="in-wide-25%"] {
    --xyz-in-scale-x: 1.25
}

[xyz~="in-wide-50%"] {
    --xyz-in-scale-x: 1.5
}

[xyz~="in-wide-75%"] {
    --xyz-in-scale-x: 1.75
}

[xyz~="in-wide-100%"] {
    --xyz-in-scale-x: 2
}

[xyz~=out-wide] {
    --xyz-out-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-wide-0] {
    --xyz-out-scale-x: 1
}

[xyz~=out-wide-1] {
    --xyz-out-scale-x: 1.025
}

[xyz~=out-wide-2] {
    --xyz-out-scale-x: 1.05
}

[xyz~=out-wide-3] {
    --xyz-out-scale-x: 1.075
}

[xyz~=out-wide-4] {
    --xyz-out-scale-x: 1.1
}

[xyz~=out-wide-5] {
    --xyz-out-scale-x: 1.125
}

[xyz~="out-wide-25%"] {
    --xyz-out-scale-x: 1.25
}

[xyz~="out-wide-50%"] {
    --xyz-out-scale-x: 1.5
}

[xyz~="out-wide-75%"] {
    --xyz-out-scale-x: 1.75
}

[xyz~="out-wide-100%"] {
    --xyz-out-scale-x: 2
}

[xyz~=appear-wide] {
    --xyz-appear-scale-x: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-wide-0] {
    --xyz-appear-scale-x: 1
}

[xyz~=appear-wide-1] {
    --xyz-appear-scale-x: 1.025
}

[xyz~=appear-wide-2] {
    --xyz-appear-scale-x: 1.05
}

[xyz~=appear-wide-3] {
    --xyz-appear-scale-x: 1.075
}

[xyz~=appear-wide-4] {
    --xyz-appear-scale-x: 1.1
}

[xyz~=appear-wide-5] {
    --xyz-appear-scale-x: 1.125
}

[xyz~="appear-wide-25%"] {
    --xyz-appear-scale-x: 1.25
}

[xyz~="appear-wide-50%"] {
    --xyz-appear-scale-x: 1.5
}

[xyz~="appear-wide-75%"] {
    --xyz-appear-scale-x: 1.75
}

[xyz~="appear-wide-100%"] {
    --xyz-appear-scale-x: 2
}

[xyz~=short] {
    --xyz-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=short-0] {
    --xyz-scale-y: 1
}

[xyz~=short-1] {
    --xyz-scale-y: .975
}

[xyz~=short-2] {
    --xyz-scale-y: .95
}

[xyz~=short-3] {
    --xyz-scale-y: .925
}

[xyz~=short-4] {
    --xyz-scale-y: .9
}

[xyz~=short-5] {
    --xyz-scale-y: .875
}

[xyz~="short-25%"] {
    --xyz-scale-y: .75
}

[xyz~="short-50%"] {
    --xyz-scale-y: .5
}

[xyz~="short-75%"] {
    --xyz-scale-y: .25
}

[xyz~="short-100%"] {
    --xyz-scale-y: 0
}

[xyz~=in-short] {
    --xyz-in-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-short-0] {
    --xyz-in-scale-y: 1
}

[xyz~=in-short-1] {
    --xyz-in-scale-y: .975
}

[xyz~=in-short-2] {
    --xyz-in-scale-y: .95
}

[xyz~=in-short-3] {
    --xyz-in-scale-y: .925
}

[xyz~=in-short-4] {
    --xyz-in-scale-y: .9
}

[xyz~=in-short-5] {
    --xyz-in-scale-y: .875
}

[xyz~="in-short-25%"] {
    --xyz-in-scale-y: .75
}

[xyz~="in-short-50%"] {
    --xyz-in-scale-y: .5
}

[xyz~="in-short-75%"] {
    --xyz-in-scale-y: .25
}

[xyz~="in-short-100%"] {
    --xyz-in-scale-y: 0
}

[xyz~=out-short] {
    --xyz-out-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-short-0] {
    --xyz-out-scale-y: 1
}

[xyz~=out-short-1] {
    --xyz-out-scale-y: .975
}

[xyz~=out-short-2] {
    --xyz-out-scale-y: .95
}

[xyz~=out-short-3] {
    --xyz-out-scale-y: .925
}

[xyz~=out-short-4] {
    --xyz-out-scale-y: .9
}

[xyz~=out-short-5] {
    --xyz-out-scale-y: .875
}

[xyz~="out-short-25%"] {
    --xyz-out-scale-y: .75
}

[xyz~="out-short-50%"] {
    --xyz-out-scale-y: .5
}

[xyz~="out-short-75%"] {
    --xyz-out-scale-y: .25
}

[xyz~="out-short-100%"] {
    --xyz-out-scale-y: 0
}

[xyz~=appear-short] {
    --xyz-appear-scale-y: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-short-0] {
    --xyz-appear-scale-y: 1
}

[xyz~=appear-short-1] {
    --xyz-appear-scale-y: .975
}

[xyz~=appear-short-2] {
    --xyz-appear-scale-y: .95
}

[xyz~=appear-short-3] {
    --xyz-appear-scale-y: .925
}

[xyz~=appear-short-4] {
    --xyz-appear-scale-y: .9
}

[xyz~=appear-short-5] {
    --xyz-appear-scale-y: .875
}

[xyz~="appear-short-25%"] {
    --xyz-appear-scale-y: .75
}

[xyz~="appear-short-50%"] {
    --xyz-appear-scale-y: .5
}

[xyz~="appear-short-75%"] {
    --xyz-appear-scale-y: .25
}

[xyz~="appear-short-100%"] {
    --xyz-appear-scale-y: 0
}

[xyz~=tall] {
    --xyz-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=tall-0] {
    --xyz-scale-y: 1
}

[xyz~=tall-1] {
    --xyz-scale-y: 1.025
}

[xyz~=tall-2] {
    --xyz-scale-y: 1.05
}

[xyz~=tall-3] {
    --xyz-scale-y: 1.075
}

[xyz~=tall-4] {
    --xyz-scale-y: 1.1
}

[xyz~=tall-5] {
    --xyz-scale-y: 1.125
}

[xyz~="tall-25%"] {
    --xyz-scale-y: 1.25
}

[xyz~="tall-50%"] {
    --xyz-scale-y: 1.5
}

[xyz~="tall-75%"] {
    --xyz-scale-y: 1.75
}

[xyz~="tall-100%"] {
    --xyz-scale-y: 2
}

[xyz~=in-tall] {
    --xyz-in-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-tall-0] {
    --xyz-in-scale-y: 1
}

[xyz~=in-tall-1] {
    --xyz-in-scale-y: 1.025
}

[xyz~=in-tall-2] {
    --xyz-in-scale-y: 1.05
}

[xyz~=in-tall-3] {
    --xyz-in-scale-y: 1.075
}

[xyz~=in-tall-4] {
    --xyz-in-scale-y: 1.1
}

[xyz~=in-tall-5] {
    --xyz-in-scale-y: 1.125
}

[xyz~="in-tall-25%"] {
    --xyz-in-scale-y: 1.25
}

[xyz~="in-tall-50%"] {
    --xyz-in-scale-y: 1.5
}

[xyz~="in-tall-75%"] {
    --xyz-in-scale-y: 1.75
}

[xyz~="in-tall-100%"] {
    --xyz-in-scale-y: 2
}

[xyz~=out-tall] {
    --xyz-out-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-tall-0] {
    --xyz-out-scale-y: 1
}

[xyz~=out-tall-1] {
    --xyz-out-scale-y: 1.025
}

[xyz~=out-tall-2] {
    --xyz-out-scale-y: 1.05
}

[xyz~=out-tall-3] {
    --xyz-out-scale-y: 1.075
}

[xyz~=out-tall-4] {
    --xyz-out-scale-y: 1.1
}

[xyz~=out-tall-5] {
    --xyz-out-scale-y: 1.125
}

[xyz~="out-tall-25%"] {
    --xyz-out-scale-y: 1.25
}

[xyz~="out-tall-50%"] {
    --xyz-out-scale-y: 1.5
}

[xyz~="out-tall-75%"] {
    --xyz-out-scale-y: 1.75
}

[xyz~="out-tall-100%"] {
    --xyz-out-scale-y: 2
}

[xyz~=appear-tall] {
    --xyz-appear-scale-y: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-tall-0] {
    --xyz-appear-scale-y: 1
}

[xyz~=appear-tall-1] {
    --xyz-appear-scale-y: 1.025
}

[xyz~=appear-tall-2] {
    --xyz-appear-scale-y: 1.05
}

[xyz~=appear-tall-3] {
    --xyz-appear-scale-y: 1.075
}

[xyz~=appear-tall-4] {
    --xyz-appear-scale-y: 1.1
}

[xyz~=appear-tall-5] {
    --xyz-appear-scale-y: 1.125
}

[xyz~="appear-tall-25%"] {
    --xyz-appear-scale-y: 1.25
}

[xyz~="appear-tall-50%"] {
    --xyz-appear-scale-y: 1.5
}

[xyz~="appear-tall-75%"] {
    --xyz-appear-scale-y: 1.75
}

[xyz~="appear-tall-100%"] {
    --xyz-appear-scale-y: 2
}

[xyz~=thin] {
    --xyz-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=thin-0] {
    --xyz-scale-z: 1
}

[xyz~=thin-1] {
    --xyz-scale-z: .975
}

[xyz~=thin-2] {
    --xyz-scale-z: .95
}

[xyz~=thin-3] {
    --xyz-scale-z: .925
}

[xyz~=thin-4] {
    --xyz-scale-z: .9
}

[xyz~=thin-5] {
    --xyz-scale-z: .875
}

[xyz~="thin-25%"] {
    --xyz-scale-z: .75
}

[xyz~="thin-50%"] {
    --xyz-scale-z: .5
}

[xyz~="thin-75%"] {
    --xyz-scale-z: .25
}

[xyz~="thin-100%"] {
    --xyz-scale-z: 0
}

[xyz~=in-thin] {
    --xyz-in-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=in-thin-0] {
    --xyz-in-scale-z: 1
}

[xyz~=in-thin-1] {
    --xyz-in-scale-z: .975
}

[xyz~=in-thin-2] {
    --xyz-in-scale-z: .95
}

[xyz~=in-thin-3] {
    --xyz-in-scale-z: .925
}

[xyz~=in-thin-4] {
    --xyz-in-scale-z: .9
}

[xyz~=in-thin-5] {
    --xyz-in-scale-z: .875
}

[xyz~="in-thin-25%"] {
    --xyz-in-scale-z: .75
}

[xyz~="in-thin-50%"] {
    --xyz-in-scale-z: .5
}

[xyz~="in-thin-75%"] {
    --xyz-in-scale-z: .25
}

[xyz~="in-thin-100%"] {
    --xyz-in-scale-z: 0
}

[xyz~=out-thin] {
    --xyz-out-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=out-thin-0] {
    --xyz-out-scale-z: 1
}

[xyz~=out-thin-1] {
    --xyz-out-scale-z: .975
}

[xyz~=out-thin-2] {
    --xyz-out-scale-z: .95
}

[xyz~=out-thin-3] {
    --xyz-out-scale-z: .925
}

[xyz~=out-thin-4] {
    --xyz-out-scale-z: .9
}

[xyz~=out-thin-5] {
    --xyz-out-scale-z: .875
}

[xyz~="out-thin-25%"] {
    --xyz-out-scale-z: .75
}

[xyz~="out-thin-50%"] {
    --xyz-out-scale-z: .5
}

[xyz~="out-thin-75%"] {
    --xyz-out-scale-z: .25
}

[xyz~="out-thin-100%"] {
    --xyz-out-scale-z: 0
}

[xyz~=appear-thin] {
    --xyz-appear-scale-z: calc(1 - var(--xyz-scale-default))
}

[xyz~=appear-thin-0] {
    --xyz-appear-scale-z: 1
}

[xyz~=appear-thin-1] {
    --xyz-appear-scale-z: .975
}

[xyz~=appear-thin-2] {
    --xyz-appear-scale-z: .95
}

[xyz~=appear-thin-3] {
    --xyz-appear-scale-z: .925
}

[xyz~=appear-thin-4] {
    --xyz-appear-scale-z: .9
}

[xyz~=appear-thin-5] {
    --xyz-appear-scale-z: .875
}

[xyz~="appear-thin-25%"] {
    --xyz-appear-scale-z: .75
}

[xyz~="appear-thin-50%"] {
    --xyz-appear-scale-z: .5
}

[xyz~="appear-thin-75%"] {
    --xyz-appear-scale-z: .25
}

[xyz~="appear-thin-100%"] {
    --xyz-appear-scale-z: 0
}

[xyz~=thick] {
    --xyz-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=thick-0] {
    --xyz-scale-z: 1
}

[xyz~=thick-1] {
    --xyz-scale-z: 1.025
}

[xyz~=thick-2] {
    --xyz-scale-z: 1.05
}

[xyz~=thick-3] {
    --xyz-scale-z: 1.075
}

[xyz~=thick-4] {
    --xyz-scale-z: 1.1
}

[xyz~=thick-5] {
    --xyz-scale-z: 1.125
}

[xyz~="thick-25%"] {
    --xyz-scale-z: 1.25
}

[xyz~="thick-50%"] {
    --xyz-scale-z: 1.5
}

[xyz~="thick-75%"] {
    --xyz-scale-z: 1.75
}

[xyz~="thick-100%"] {
    --xyz-scale-z: 2
}

[xyz~=in-thick] {
    --xyz-in-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=in-thick-0] {
    --xyz-in-scale-z: 1
}

[xyz~=in-thick-1] {
    --xyz-in-scale-z: 1.025
}

[xyz~=in-thick-2] {
    --xyz-in-scale-z: 1.05
}

[xyz~=in-thick-3] {
    --xyz-in-scale-z: 1.075
}

[xyz~=in-thick-4] {
    --xyz-in-scale-z: 1.1
}

[xyz~=in-thick-5] {
    --xyz-in-scale-z: 1.125
}

[xyz~="in-thick-25%"] {
    --xyz-in-scale-z: 1.25
}

[xyz~="in-thick-50%"] {
    --xyz-in-scale-z: 1.5
}

[xyz~="in-thick-75%"] {
    --xyz-in-scale-z: 1.75
}

[xyz~="in-thick-100%"] {
    --xyz-in-scale-z: 2
}

[xyz~=out-thick] {
    --xyz-out-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=out-thick-0] {
    --xyz-out-scale-z: 1
}

[xyz~=out-thick-1] {
    --xyz-out-scale-z: 1.025
}

[xyz~=out-thick-2] {
    --xyz-out-scale-z: 1.05
}

[xyz~=out-thick-3] {
    --xyz-out-scale-z: 1.075
}

[xyz~=out-thick-4] {
    --xyz-out-scale-z: 1.1
}

[xyz~=out-thick-5] {
    --xyz-out-scale-z: 1.125
}

[xyz~="out-thick-25%"] {
    --xyz-out-scale-z: 1.25
}

[xyz~="out-thick-50%"] {
    --xyz-out-scale-z: 1.5
}

[xyz~="out-thick-75%"] {
    --xyz-out-scale-z: 1.75
}

[xyz~="out-thick-100%"] {
    --xyz-out-scale-z: 2
}

[xyz~=appear-thick] {
    --xyz-appear-scale-z: calc(1 + var(--xyz-scale-default))
}

[xyz~=appear-thick-0] {
    --xyz-appear-scale-z: 1
}

[xyz~=appear-thick-1] {
    --xyz-appear-scale-z: 1.025
}

[xyz~=appear-thick-2] {
    --xyz-appear-scale-z: 1.05
}

[xyz~=appear-thick-3] {
    --xyz-appear-scale-z: 1.075
}

[xyz~=appear-thick-4] {
    --xyz-appear-scale-z: 1.1
}

[xyz~=appear-thick-5] {
    --xyz-appear-scale-z: 1.125
}

[xyz~="appear-thick-25%"] {
    --xyz-appear-scale-z: 1.25
}

[xyz~="appear-thick-50%"] {
    --xyz-appear-scale-z: 1.5
}

[xyz~="appear-thick-75%"] {
    --xyz-appear-scale-z: 1.75
}

[xyz~="appear-thick-100%"] {
    --xyz-appear-scale-z: 2
}

[xyz~=skew-left] {
    --xyz-skew-x: var(--xyz-skew-default)
}

[xyz~=skew-left-0] {
    --xyz-skew-x: 0deg
}

[xyz~=skew-left-1] {
    --xyz-skew-x: 10deg
}

[xyz~=skew-left-2] {
    --xyz-skew-x: 20deg
}

[xyz~=skew-left-3] {
    --xyz-skew-x: 30deg
}

[xyz~=skew-left-4] {
    --xyz-skew-x: 40deg
}

[xyz~=skew-left-5] {
    --xyz-skew-x: 50deg
}

[xyz~=in-skew-left] {
    --xyz-in-skew-x: var(--xyz-skew-default)
}

[xyz~=in-skew-left-0] {
    --xyz-in-skew-x: 0deg
}

[xyz~=in-skew-left-1] {
    --xyz-in-skew-x: 10deg
}

[xyz~=in-skew-left-2] {
    --xyz-in-skew-x: 20deg
}

[xyz~=in-skew-left-3] {
    --xyz-in-skew-x: 30deg
}

[xyz~=in-skew-left-4] {
    --xyz-in-skew-x: 40deg
}

[xyz~=in-skew-left-5] {
    --xyz-in-skew-x: 50deg
}

[xyz~=out-skew-left] {
    --xyz-out-skew-x: var(--xyz-skew-default)
}

[xyz~=out-skew-left-0] {
    --xyz-out-skew-x: 0deg
}

[xyz~=out-skew-left-1] {
    --xyz-out-skew-x: 10deg
}

[xyz~=out-skew-left-2] {
    --xyz-out-skew-x: 20deg
}

[xyz~=out-skew-left-3] {
    --xyz-out-skew-x: 30deg
}

[xyz~=out-skew-left-4] {
    --xyz-out-skew-x: 40deg
}

[xyz~=out-skew-left-5] {
    --xyz-out-skew-x: 50deg
}

[xyz~=appear-skew-left] {
    --xyz-appear-skew-x: var(--xyz-skew-default)
}

[xyz~=appear-skew-left-0] {
    --xyz-appear-skew-x: 0deg
}

[xyz~=appear-skew-left-1] {
    --xyz-appear-skew-x: 10deg
}

[xyz~=appear-skew-left-2] {
    --xyz-appear-skew-x: 20deg
}

[xyz~=appear-skew-left-3] {
    --xyz-appear-skew-x: 30deg
}

[xyz~=appear-skew-left-4] {
    --xyz-appear-skew-x: 40deg
}

[xyz~=appear-skew-left-5] {
    --xyz-appear-skew-x: 50deg
}

[xyz~=skew-right] {
    --xyz-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=skew-right-0] {
    --xyz-skew-x: 0deg
}

[xyz~=skew-right-1] {
    --xyz-skew-x: -10deg
}

[xyz~=skew-right-2] {
    --xyz-skew-x: -20deg
}

[xyz~=skew-right-3] {
    --xyz-skew-x: -30deg
}

[xyz~=skew-right-4] {
    --xyz-skew-x: -40deg
}

[xyz~=skew-right-5] {
    --xyz-skew-x: -50deg
}

[xyz~=in-skew-right] {
    --xyz-in-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=in-skew-right-0] {
    --xyz-in-skew-x: 0deg
}

[xyz~=in-skew-right-1] {
    --xyz-in-skew-x: -10deg
}

[xyz~=in-skew-right-2] {
    --xyz-in-skew-x: -20deg
}

[xyz~=in-skew-right-3] {
    --xyz-in-skew-x: -30deg
}

[xyz~=in-skew-right-4] {
    --xyz-in-skew-x: -40deg
}

[xyz~=in-skew-right-5] {
    --xyz-in-skew-x: -50deg
}

[xyz~=out-skew-right] {
    --xyz-out-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=out-skew-right-0] {
    --xyz-out-skew-x: 0deg
}

[xyz~=out-skew-right-1] {
    --xyz-out-skew-x: -10deg
}

[xyz~=out-skew-right-2] {
    --xyz-out-skew-x: -20deg
}

[xyz~=out-skew-right-3] {
    --xyz-out-skew-x: -30deg
}

[xyz~=out-skew-right-4] {
    --xyz-out-skew-x: -40deg
}

[xyz~=out-skew-right-5] {
    --xyz-out-skew-x: -50deg
}

[xyz~=appear-skew-right] {
    --xyz-appear-skew-x: calc(var(--xyz-skew-default)*-1)
}

[xyz~=appear-skew-right-0] {
    --xyz-appear-skew-x: 0deg
}

[xyz~=appear-skew-right-1] {
    --xyz-appear-skew-x: -10deg
}

[xyz~=appear-skew-right-2] {
    --xyz-appear-skew-x: -20deg
}

[xyz~=appear-skew-right-3] {
    --xyz-appear-skew-x: -30deg
}

[xyz~=appear-skew-right-4] {
    --xyz-appear-skew-x: -40deg
}

[xyz~=appear-skew-right-5] {
    --xyz-appear-skew-x: -50deg
}

[xyz~=skew-up] {
    --xyz-skew-y: var(--xyz-skew-default)
}

[xyz~=skew-up-0] {
    --xyz-skew-y: 0deg
}

[xyz~=skew-up-1] {
    --xyz-skew-y: 10deg
}

[xyz~=skew-up-2] {
    --xyz-skew-y: 20deg
}

[xyz~=skew-up-3] {
    --xyz-skew-y: 30deg
}

[xyz~=skew-up-4] {
    --xyz-skew-y: 40deg
}

[xyz~=skew-up-5] {
    --xyz-skew-y: 50deg
}

[xyz~=in-skew-up] {
    --xyz-in-skew-y: var(--xyz-skew-default)
}

[xyz~=in-skew-up-0] {
    --xyz-in-skew-y: 0deg
}

[xyz~=in-skew-up-1] {
    --xyz-in-skew-y: 10deg
}

[xyz~=in-skew-up-2] {
    --xyz-in-skew-y: 20deg
}

[xyz~=in-skew-up-3] {
    --xyz-in-skew-y: 30deg
}

[xyz~=in-skew-up-4] {
    --xyz-in-skew-y: 40deg
}

[xyz~=in-skew-up-5] {
    --xyz-in-skew-y: 50deg
}

[xyz~=out-skew-up] {
    --xyz-out-skew-y: var(--xyz-skew-default)
}

[xyz~=out-skew-up-0] {
    --xyz-out-skew-y: 0deg
}

[xyz~=out-skew-up-1] {
    --xyz-out-skew-y: 10deg
}

[xyz~=out-skew-up-2] {
    --xyz-out-skew-y: 20deg
}

[xyz~=out-skew-up-3] {
    --xyz-out-skew-y: 30deg
}

[xyz~=out-skew-up-4] {
    --xyz-out-skew-y: 40deg
}

[xyz~=out-skew-up-5] {
    --xyz-out-skew-y: 50deg
}

[xyz~=appear-skew-up] {
    --xyz-appear-skew-y: var(--xyz-skew-default)
}

[xyz~=appear-skew-up-0] {
    --xyz-appear-skew-y: 0deg
}

[xyz~=appear-skew-up-1] {
    --xyz-appear-skew-y: 10deg
}

[xyz~=appear-skew-up-2] {
    --xyz-appear-skew-y: 20deg
}

[xyz~=appear-skew-up-3] {
    --xyz-appear-skew-y: 30deg
}

[xyz~=appear-skew-up-4] {
    --xyz-appear-skew-y: 40deg
}

[xyz~=appear-skew-up-5] {
    --xyz-appear-skew-y: 50deg
}

[xyz~=skew-down] {
    --xyz-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=skew-down-0] {
    --xyz-skew-y: 0deg
}

[xyz~=skew-down-1] {
    --xyz-skew-y: -10deg
}

[xyz~=skew-down-2] {
    --xyz-skew-y: -20deg
}

[xyz~=skew-down-3] {
    --xyz-skew-y: -30deg
}

[xyz~=skew-down-4] {
    --xyz-skew-y: -40deg
}

[xyz~=skew-down-5] {
    --xyz-skew-y: -50deg
}

[xyz~=in-skew-down] {
    --xyz-in-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=in-skew-down-0] {
    --xyz-in-skew-y: 0deg
}

[xyz~=in-skew-down-1] {
    --xyz-in-skew-y: -10deg
}

[xyz~=in-skew-down-2] {
    --xyz-in-skew-y: -20deg
}

[xyz~=in-skew-down-3] {
    --xyz-in-skew-y: -30deg
}

[xyz~=in-skew-down-4] {
    --xyz-in-skew-y: -40deg
}

[xyz~=in-skew-down-5] {
    --xyz-in-skew-y: -50deg
}

[xyz~=out-skew-down] {
    --xyz-out-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=out-skew-down-0] {
    --xyz-out-skew-y: 0deg
}

[xyz~=out-skew-down-1] {
    --xyz-out-skew-y: -10deg
}

[xyz~=out-skew-down-2] {
    --xyz-out-skew-y: -20deg
}

[xyz~=out-skew-down-3] {
    --xyz-out-skew-y: -30deg
}

[xyz~=out-skew-down-4] {
    --xyz-out-skew-y: -40deg
}

[xyz~=out-skew-down-5] {
    --xyz-out-skew-y: -50deg
}

[xyz~=appear-skew-down] {
    --xyz-appear-skew-y: calc(var(--xyz-skew-default)*-1)
}

[xyz~=appear-skew-down-0] {
    --xyz-appear-skew-y: 0deg
}

[xyz~=appear-skew-down-1] {
    --xyz-appear-skew-y: -10deg
}

[xyz~=appear-skew-down-2] {
    --xyz-appear-skew-y: -20deg
}

[xyz~=appear-skew-down-3] {
    --xyz-appear-skew-y: -30deg
}

[xyz~=appear-skew-down-4] {
    --xyz-appear-skew-y: -40deg
}

[xyz~=appear-skew-down-5] {
    --xyz-appear-skew-y: -50deg
}