.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.banner-bg-mask {
    position: absolute;
    min-height: 800px;
    top: 0;
    width: 100%;
    left: 0;
    transition: background-image .2s linear
}

.banner-transition-mask {
    position: absolute;
    height: 460px;
    left: 0;
    top: 470px;
    width: calc(100vw - var(--navigation-fold-width));
    background: linear-gradient(180deg,rgba(18,18,24,0) 0,#121218 50%)
}

.banner-swiper {
    position: relative;
    display: flex;
    width: 1200px;
    height: 450px;
    margin: 140px auto 48px;
    border-radius: 8px;
    overflow: hidden
}

.tl-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 7px 8px;
    padding-left: 32px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    pointer-events: none;
    background: rgba(0,0,0,.6)
}

.info-block {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%)
}

.tl-tag::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 8px;
    width: 20px;
    height: 20px;
    transform: translateY(-55%);
    background: url("https://p0.ssl.qhimg.com/t0146c879260a31a195.webp") no-repeat;
    background-size: contain
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.banner-swiper .ban-content {
    width: 900px;
    height: 100%
}

.banner-swiper .ban-nav-containe-wrap {
    flex: 1;
    height: 100%;
    transition: background .2s linear
}

.info-block .game-name {
    font-size: 24px;
    padding-top: 78px;
    font-weight: 700;
    color: #fff;
    line-height: 1
}

.info-block .tag-block {
    display: flex;
    margin-top: 12px
}

.info-block .tag-block>span {
    display: block;
    margin-right: 12px;
    font-size: 14px;
    padding: 4px 8px;
    color: #ffc90d;
    background: rgba(0,0,0,0);
    line-height: 1;
    border: 1px solid #ffc90d;
    border-radius: 2px
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-containe-inner,.banner-swiper .ban-nav-containe-wrap .ban-nav-container {
    width: 100%;
    height: 100%
}


.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.info-block .tag-block>span:last-child {
    color: #b0fb68;
    border-color: #b0fb68
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .active-bg {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 276px;
    height: 56px;
    border-radius: 8px;
    background: rgba(255,255,255,.2);
    transition: top .2s ease-in-out
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item:hover {
    cursor: pointer;
    background: rgba(255,255,255,.1)
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item.active {
    font-size: 24px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-weight: 700;
    cursor: pointer;
    transition: none;
    padding-left:25px;
    margin-left:10px;
}

@media screen and (max-width: 1500px) {
    .banner-bg-mask {
        height:630px
    }

    .banner-transition-mask {
        top: 515px;
        height: 355px
    }

    .banner-swiper {
        width: 1000px;
        height: 375px;
        margin-top: 117px;
        margin-bottom: 40px
    }

    .tl-tag {
        font-size: 12px;
        padding: 6px 7px 6px 27px;
        top: 10px;
        left: 10px
    }

    .info-block {
        height: 133px
    }

    .tl-tag::before {
        width: 17px;
        height: 17px;
        left: 7px
    }

    .banner-swiper .ban-content {
        width: 750px
    }

    .info-block .game-name {
        font-size: 20px;
        padding-top: 63px
    }

    .info-block .tag-block {
        margin-top: 10px
    }

    .info-block .tag-block>span {
        padding: 3px 7px;
        margin-right: 10px;
        font-size: 12px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container {
        padding: 7px 10px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container .active-bg {
        top: 7px;
        left: 10px;
        width: 230px;
        height: 47px;
        border-radius: 7px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item {
        width: 100%;
        height: 47px;
        padding-left: 20px;
        font-size: 17px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item.active {
        font-size: 20px
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-scrollbar__thumb[data-v-5f1e2796] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-5f1e2796] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-5f1e2796] {
    color: #ddd
}

.el-skeleton[data-v-5f1e2796],.el-skeleton__item[data-v-5f1e2796] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-5f1e2796] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-5f1e2796] {
    border-radius: 8px
}

.el-message[data-v-5f1e2796],.el-message--error[data-v-5f1e2796],.el-message--info[data-v-5f1e2796] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-5f1e2796] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-5f1e2796] {
    background: #282a33!important
}

.el-backtop[data-v-5f1e2796] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.banner-bg-mask[data-v-5f1e2796] {
    position: absolute;
    min-height: 800px;
    top: 0;
    width: 100%;
    left: 0;
    transition: background-image .2s linear
}

.banner-transition-mask[data-v-5f1e2796] {
    position: absolute;
    height: 460px;
    left: 0;
    top: 470px;
    width: calc(100vw - var(--navigation-fold-width));
    background: linear-gradient(180deg,rgba(18,18,24,0) 0,#121218 50%)
}

.banner-swiper[data-v-5f1e2796] {
    position: relative;
    display: flex;
    width: 1200px;
    height: 450px;
    margin: 120px auto 48px;
    border-radius: 8px;
    overflow: hidden
}

.tl-tag[data-v-5f1e2796] {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 7px 8px;
    padding-left: 32px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    border-radius: 4px;
    pointer-events: none;
    background: rgba(0,0,0,.6)
}

.info-block[data-v-5f1e2796] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.8) 100%)
}

.inner-block .ad-img img {
    width: auto
}

.tl-tag[data-v-5f1e2796]::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 8px;
    width: 20px;
    height: 20px;
    transform: translateY(-55%);
    background: url("https://p0.ssl.qhimg.com/t0146c879260a31a195.webp") no-repeat;
    background-size: contain
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-dropdown__popper.el-popper[data-v-5f1e2796] {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon[data-v-5f1e2796] {
    display: none!important
}

.el-message--info .el-message__content[data-v-5f1e2796] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-5f1e2796] {
    color: #dc3545!important
}

.banner-swiper .ban-content[data-v-5f1e2796] {
    width: 900px;
    height: 100%
}

.banner-swiper .ban-nav-containe-wrap[data-v-5f1e2796] {
    flex: 1;
    height: 100%;
    transition: background .2s linear
}

.info-block .game-name[data-v-5f1e2796] {
    font-size: 24px;
    padding-top: 78px;
    font-weight: 700;
    color: #fff;
    line-height: 1
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item[data-v-5f1e2796]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-5f1e2796]:not(.is-disabled):hover {
    font-weight: 600
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-containe-inner[data-v-5f1e2796],.banner-swiper .ban-nav-containe-wrap .ban-nav-container[data-v-5f1e2796] {
    width: 100%;
    height: 100%
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container[data-v-5f1e2796] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 12px;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}

.el-popper.is-light .el-popper__arrow[data-v-5f1e2796]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .active-bg[data-v-5f1e2796] {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 276px;
    height: 56px;
    border-radius: 8px;
    background: rgba(255,255,255,.2);
    transition: top .2s ease-in-out
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item[data-v-5f1e2796] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 56px;
    padding-left: 24px;
    font-size: 20px;
    color: rgba(255,255,255,.75);
    border-radius: 8px;
    transition: background-color .2s linear,font-size .1s linear
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item[data-v-5f1e2796]:hover {
    cursor: pointer;
    background: rgba(255,255,255,.1)
}

.banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item.active[data-v-5f1e2796] {
    font-size: 24px;
    color: #fff;
    background: rgba(255,255,255,.1);
    font-weight: 700;
    cursor: pointer;
    transition: none
}

.info-block .tag-block[data-v-5f1e2796] {
    display: flex;
    margin-top: 12px
}

.info-block .tag-block>span[data-v-5f1e2796] {
    display: block;
    margin-right: 12px;
    font-size: 14px;
    padding: 4px 8px;
    color: #ffc90d;
    background: rgba(0,0,0,0);
    line-height: 1;
    border: 1px solid #ffc90d;
    border-radius: 2px
}

.info-block .tag-block>span[data-v-5f1e2796]:last-child {
    color: #b0fb68;
    border-color: #b0fb68
}

@media screen and (max-width: 1500px) {
    .banner-bg-mask[data-v-5f1e2796] {
        height:630px
    }

    .banner-transition-mask[data-v-5f1e2796] {
        top: 515px;
        height: 355px
    }

    .banner-swiper[data-v-5f1e2796] {
        width: 1000px;
        height: 375px;
        margin-top: 117px;
        margin-bottom: 40px
    }

    .tl-tag[data-v-5f1e2796] {
        font-size: 12px;
        padding: 6px 7px 6px 27px;
        top: 10px;
        left: 10px
    }

    .info-block[data-v-5f1e2796] {
        height: 133px
    }

    .tl-tag[data-v-5f1e2796]::before {
        width: 17px;
        height: 17px;
        left: 7px
    }

    .banner-swiper .ban-content[data-v-5f1e2796] {
        width: 750px
    }

    .info-block .game-name[data-v-5f1e2796] {
        font-size: 20px;
        padding-top: 63px
    }

    .info-block .tag-block[data-v-5f1e2796] {
        margin-top: 10px
    }

    .info-block .tag-block>span[data-v-5f1e2796] {
        padding: 3px 7px;
        margin-right: 10px;
        font-size: 12px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container[data-v-5f1e2796] {
        padding: 7px 10px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container .active-bg[data-v-5f1e2796] {
        top: 7px;
        left: 10px;
        width: 230px;
        height: 47px;
        border-radius: 7px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item[data-v-5f1e2796] {
        width: 100%;
        height: 47px;
        padding-left: 20px;
        font-size: 17px
    }

    .banner-swiper .ban-nav-containe-wrap .ban-nav-container .nav-item.active[data-v-5f1e2796] {
        font-size: 20px
    }
}

.el-scrollbar__thumb[data-v-198363a5] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-198363a5] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-198363a5] {
    color: #ddd
}

.el-skeleton[data-v-198363a5],.el-skeleton__item[data-v-198363a5] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-198363a5] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-198363a5] {
    border-radius: 8px
}

.el-message[data-v-198363a5],.el-message--error[data-v-198363a5],.el-message--info[data-v-198363a5] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-198363a5] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-198363a5] {
    background: #282a33!important
}

.el-backtop[data-v-198363a5] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.more-btn[data-v-198363a5]::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("https://p0.ssl.qhimg.com/t012d6918cbd88f016f.webp") no-repeat;
    background-size: contain
}

.el-dropdown__popper.el-popper[data-v-198363a5] {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon[data-v-198363a5] {
    display: none!important
}

.el-message--info .el-message__content[data-v-198363a5] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-198363a5] {
    color: #dc3545!important
}

.more-btn[data-v-198363a5]:hover {
    color: #e66200;
    cursor: pointer
}

.more-btn[data-v-198363a5]:hover::after {
    background: url("https://p3.ssl.qhimg.com/t01602f05a72d8a38f3.png") no-repeat;
    background-size: contain
}

.el-dropdown-menu__item[data-v-198363a5]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-198363a5]:not(.is-disabled):hover {
    font-weight: 600
}

.el-popper.is-light .el-popper__arrow[data-v-198363a5]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

@media screen and (max-width: 1500px) {
    .more-btn[data-v-198363a5]::after {
        width:17px;
        height: 17px
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-scrollbar__thumb[data-v-7199f6ae] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-7199f6ae] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-7199f6ae] {
    color: #ddd
}

.el-skeleton[data-v-7199f6ae],.el-skeleton__item[data-v-7199f6ae] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-7199f6ae] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-7199f6ae] {
    border-radius: 8px
}

.el-message[data-v-7199f6ae],.el-message--error[data-v-7199f6ae],.el-message--info[data-v-7199f6ae] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-7199f6ae] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-7199f6ae] {
    background: #282a33!important
}

.el-backtop[data-v-7199f6ae] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-scrollbar__thumb[data-v-543c83ea] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-543c83ea] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-543c83ea] {
    color: #ddd
}

.el-skeleton[data-v-543c83ea],.el-skeleton__item[data-v-543c83ea] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-543c83ea] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-543c83ea] {
    border-radius: 8px
}

.el-message[data-v-543c83ea],.el-message--error[data-v-543c83ea],.el-message--info[data-v-543c83ea] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-543c83ea] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-543c83ea] {
    background: #282a33!important
}

.el-backtop[data-v-543c83ea] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.recommend-week-container[data-v-543c83ea] {
    background: url("https://p2.ssl.qhimg.com/t0158abe3c226641e71.webp") no-repeat;
    background-size: cover
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper[data-v-7199f6ae] {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon[data-v-7199f6ae] {
    display: none!important
}

.el-message--info .el-message__content[data-v-7199f6ae] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-7199f6ae] {
    color: #dc3545!important
}

.newest-pop-bar.maskbg[data-v-7199f6ae] {
    background: url("https://p1.ssl.qhimg.com/t0101a0cebabaf10229.webp") no-repeat;
    background-size: cover
}

.newest-pop-bar .newest-hover-sty[data-v-7199f6ae] {
    display: none;
    background: rgba(0,0,0,.75)
}

.el-dropdown__popper.el-popper[data-v-543c83ea] {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon[data-v-543c83ea] {
    display: none!important
}

.el-message--info .el-message__content[data-v-543c83ea] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-543c83ea] {
    color: #dc3545!important
}

.recommend-week-container .ban-info[data-v-543c83ea] {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.85) 100%)
}

.recommend-week-container .enter-btn[data-v-543c83ea] {
    background: url("https://p2.ssl.qhimg.com/t012c6a4c8117a6bff2.webp") no-repeat;
    background-size: contain
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item[data-v-7199f6ae]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-7199f6ae]:not(.is-disabled):hover {
    font-weight: 600
}

.newest-pop-bar .tag-icon.new-icon[data-v-7199f6ae] {
    background: url("https://p5.ssl.qhimg.com/t01eb78dfaf1c40bee3.webp") no-repeat;
    background-size: contain
}

.newest-pop-bar .tag-icon.pop-icon[data-v-7199f6ae] {
    background: url("https://p4.ssl.qhimg.com/t0105f130c21c03c5fe.webp") no-repeat;
    background-size: contain
}

.newest-pop-bar .newest-hover-sty .h-enter-btn[data-v-7199f6ae] {
    background: url("https://p1.ssl.qhimg.com/t011eda4d6ac7f6717c.webp") no-repeat;
    background-size: contain
}

.el-dropdown-menu__item[data-v-543c83ea]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-543c83ea]:not(.is-disabled):hover {
    font-weight: 600
}

.el-popper.is-light .el-popper__arrow[data-v-7199f6ae]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-popper.is-light .el-popper__arrow[data-v-543c83ea]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.recommend-week-container .game-item[data-v-543c83ea]:hover::after,.newest-pop-bar .newest-item:hover .newest-hover-sty[data-v-7199f6ae] {
    display: block;
    animation: fadeIn .2s linear
}

.recommend-week-container .game-item[data-v-543c83ea]:hover::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #43a62d;
    border-radius: 8px
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.swiper {
    overflow: initial
}

.swiper-slide {
    height: 100px
}

.swiper-scrollbar {
    position: relative;
    width: 480px;
    height: 3px;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.07)
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.swiper-scrollbar .swiper-scrollbar-drag {
    top: -2px;
    background: #404046;
    height: 7px;
    border-radius: 4px;
    cursor: pointer
}

.swiper-scrollbar .swiper-scrollbar-drag::before {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    position: absolute;
    top: -15px;
    left: 0
}

.swiper-scrollbar .swiper-scrollbar-drag::after {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: -15px;
    left: 0
}

.swiper-scrollbar .swiper-scrollbar-drag:hover {
    top: -1.5px;
    background: #43a62d;
    transition: all .1s ease-in-out
}

@media screen and (max-width: 1500px) {
    .swiper-slide {
        height:83px
    }
}

.el-scrollbar__thumb[data-v-f04ff9b6] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-f04ff9b6] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-f04ff9b6] {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow[data-v-f04ff9b6]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper[data-v-f04ff9b6] {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item[data-v-f04ff9b6]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-f04ff9b6]:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton[data-v-f04ff9b6],.el-skeleton__item[data-v-f04ff9b6] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-f04ff9b6] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-f04ff9b6] {
    border-radius: 8px
}

.el-message[data-v-f04ff9b6],.el-message--error[data-v-f04ff9b6],.el-message--info[data-v-f04ff9b6] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon[data-v-f04ff9b6] {
    display: none!important
}

.el-message--info .el-message__content[data-v-f04ff9b6] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error[data-v-f04ff9b6] {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content[data-v-f04ff9b6] {
    color: #dc3545!important
}

.el-image__placeholder[data-v-f04ff9b6] {
    background: #282a33!important
}

.el-backtop[data-v-f04ff9b6] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.category-rank-bar[data-v-f04ff9b6] {
    position: relative;
    margin: 0 auto
}

.category-rank-bar[data-v-f04ff9b6]::before {
    content: "";
    display: block;
    position: absolute;
    left: -162px;
    top: -5px;
    width: 1474px;
    height: 656px;
    background: url("https://p4.ssl.qhimg.com/t012d9b4567ead998cd.webp") center no-repeat;
    background-size: contain
}

.category-block[data-v-f04ff9b6] {
    position: relative;
    display: flex;
    flex-direction: column
}

.category-block[data-v-f04ff9b6]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 442px;
    border-radius: 8px;
    background: rgba(255,255,255,.03)
}

.category-block[data-v-f04ff9b6]::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 442px;
    background: #25252d
}

.category-block .category-item[data-v-f04ff9b6] {
    position: relative
}

.category-block .category-item[data-v-f04ff9b6]:hover {
    color: #fff;
    cursor: pointer;
    transition: color .25s ease-in-out
}

.category-block .category-item:hover>span[data-v-f04ff9b6] {
    position: relative;
    z-index: 0
}

.category-block .category-item:hover>span[data-v-f04ff9b6]::before {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 104px;
    height: 48px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #2b2b31;
    z-index: -1;
    animation: fadeIn .25s ease-in-out
}

.category-block .category-item[data-v-f04ff9b6]::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 20px;
    border-radius: 1px;
    opacity: 0
}

.category-block .category-item.class-tab-active[data-v-f04ff9b6] {
    font-weight: 700;
    background: #37383f;
    transition: background .25s ease-in-out,font-size .1s ease-in-out,padding .2s ease-in-out;
    background-size: 100px 100%
}

.category-block .category-item.class-tab-active[data-v-f04ff9b6]::before {
    left: -13px;
    animation: activeCategoryItem-f04ff9b6 .25s ease-in-out forwards
}

.category-block .category-item.class-tab-active>span[data-v-f04ff9b6]::before {
    display: none
}

.rank-game-block[data-v-f04ff9b6] {
    overflow-x: auto;
    padding-bottom: 55px;
}

.rank-game-block .game-item[data-v-f04ff9b6] {
    display: flex
}

.rank-game-block .game-item[data-v-f04ff9b6]:hover {
    cursor: pointer;
    background: rgba(255,255,255,.07);
    transition: background .25s ease-in-out
}

.rank-game-block .game-item .rank-num[data-v-f04ff9b6] {
    font-weight: 700;
    background: url("https://p4.ssl.qhimg.com/t0113b3a3e0865bb1d3.webp") no-repeat;
    background-size: 100% 100%
}

.rank-game-block .game-item .rank-num>span[data-v-f04ff9b6] {
    margin-left: -4px
}

.rank-game-block .game-item .rank-num-1[data-v-f04ff9b6] {
    background: url("https://p2.ssl.qhimg.com/t012e8aa953e80f678c.webp") no-repeat;
    background-size: 100% 100%
}

.rank-game-block .game-item .rank-num-2[data-v-f04ff9b6] {
    background: url("https://p4.ssl.qhimg.com/t01a491ed15fb98b020.webp") no-repeat;
    background-size: 100% 100%
}

.rank-game-block .game-item .rank-num-3[data-v-f04ff9b6] {
    background: url("https://p1.ssl.qhimg.com/t01aa8300e9d19d7d0e.webp") no-repeat;
    background-size: 100% 100%
}

.rank-game-block .game-item .like-num[data-v-f04ff9b6],.rank-game-block .game-item .like-num>span[data-v-f04ff9b6] {
    position: relative;
    line-height: 1
}

.rank-game-block .game-item .like-num>span[data-v-f04ff9b6] {
    color: rgba(255,255,255,.5)
}

.rank-game-block .game-item .like-num>span[data-v-f04ff9b6]::after {
    content: "";
    display: block;
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("https://p0.ssl.qhimg.com/t01886649b6956628b4.webp") no-repeat;
    background-size: contain
}

.end-mask[data-v-f04ff9b6] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(270deg,#131313 0,rgba(216,216,216,0) 100%)
}

.prev-btn[data-v-f04ff9b6],.next-btn[data-v-f04ff9b6] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.prev-btn[data-v-f04ff9b6] {
    background: url("https://p1.ssl.qhimg.com/t01ec5783cf06cc5f3d.webp") no-repeat;
    background-size: contain
}

.prev-btn[data-v-f04ff9b6]:hover {
    background: url("https://p4.ssl.qhimg.com/t018a41d9e211cffba3.webp") no-repeat;
    background-size: contain
}

.prev-btn.disable[data-v-f04ff9b6] {
    cursor: default;
    background: url("https://p0.ssl.qhimg.com/t01d9f6c1c1c566904e.webp") no-repeat;
    background-size: contain;
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,13%);
}

.next-btn[data-v-f04ff9b6] {
    background: url("https://p0.ssl.qhimg.com/t016d345a8fb676657b.webp") no-repeat;
    background-size: contain;
    position: absolute;
    right: var(--swiper-scrollbar-sides-offset,13%);
}

.next-btn[data-v-f04ff9b6]:hover {
    background: url("https://p5.ssl.qhimg.com/t0104b55cf1fbcd6464.webp") no-repeat;
    background-size: contain
}

.next-btn.disable[data-v-f04ff9b6] {
    cursor: default;
    background: url("https://p2.ssl.qhimg.com/t010f7b2d6b8636749e.webp") no-repeat;
    background-size: contain
}

@keyframes activeCategoryItem-f04ff9b6 {
    0% {
        left: 5px;
        opacity: 0;
        background: #37383f
    }

    100% {
        left: 16px;
        opacity: 1;
        background: linear-gradient(45deg,#22A449 0,#B0FB68 100%)
    }
}

@keyframes activeCategoryItem1500-f04ff9b6 {
    0% {
        left: 4px;
        opacity: 0;
        background: #37383f
    }

    100% {
        left: 13px;
        opacity: 1;
        background: linear-gradient(45deg,#22A449 0,#B0FB68 100%)
    }
}

@media screen and (max-width: 1500px) {
    .category-rank-bar[data-v-f04ff9b6]::before {
        left:-137px;
        top: 0;
        width: 1228px;
        height: 547px
    }

    .category-block[data-v-f04ff9b6]::before {
        width: 100px;
        height: 368px;
        border-radius: 7px
    }

    .category-block[data-v-f04ff9b6]::after {
        width: 7px;
        height: 368px
    }

    .category-block .category-item[data-v-f04ff9b6]::before {
        width: 3px;
        height: 17px
    }

    .category-block .category-item .active[data-v-f04ff9b6]::before {
        animation: activeCategoryItem1500-f04ff9b6 .25s ease-in-out forwards
    }

    .category-block .category-item:hover>span[data-v-f04ff9b6]::before {
        left: -14px;
        width: 87px;
        height: 40px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .rank-game-block .game-item .like-num span[data-v-f04ff9b6]::after {
        right: -18px;
        top: 50%;
        transform: translateY(-50%);
        width: 13px;
        height: 13px;
        background: url("https://p0.ssl.qhimg.com/t01886649b6956628b4.webp") no-repeat;
        background-size: contain
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.category-common-inner .swiper {
    overflow: initial
}

.category-common-inner .swiper-slide {
    width: 320px;
    height: 264px
}

.category-common-inner .swiper-scrollbar {
    position: relative;
    width: 480px;
    height: 3px;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.07)
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.category-common-inner .swiper-scrollbar .swiper-scrollbar-drag {
    top: -2px;
    background: #404046;
    height: 7px;
    border-radius: 4px;
    cursor: pointer
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.category-common-inner .swiper-scrollbar .swiper-scrollbar-drag::before {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    position: absolute;
    top: -15px;
    left: 0
}

.category-common-inner .swiper-scrollbar .swiper-scrollbar-drag::after {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    position: absolute;
    bottom: -15px;
    left: 0
}

.category-common-inner .swiper-scrollbar .swiper-scrollbar-drag:hover {
    top: -1.5px;
    background: #43a62d;
    transition: all .1s ease-in-out
}

@media screen and (max-width: 1500px) {
    .category-common-inner .swiper-slide {
        width:267px;
        height: 220px
    }
}

.el-scrollbar__thumb[data-v-0a6d6ac6] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-0a6d6ac6] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-0a6d6ac6] {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow[data-v-0a6d6ac6]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper[data-v-0a6d6ac6] {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item[data-v-0a6d6ac6]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-0a6d6ac6]:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton[data-v-0a6d6ac6],.el-skeleton__item[data-v-0a6d6ac6] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-0a6d6ac6] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-0a6d6ac6] {
    border-radius: 8px
}

.el-message[data-v-0a6d6ac6],.el-message--error[data-v-0a6d6ac6],.el-message--info[data-v-0a6d6ac6] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon[data-v-0a6d6ac6] {
    display: none!important
}

.el-message--info .el-message__content[data-v-0a6d6ac6] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error[data-v-0a6d6ac6] {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content[data-v-0a6d6ac6] {
    color: #dc3545!important
}

.el-image__placeholder[data-v-0a6d6ac6] {
    background: #282a33!important
}

.el-backtop[data-v-0a6d6ac6] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.category-common-bar.maskbg[data-v-0a6d6ac6] {
    background: url("https://p1.ssl.qhimg.com/t0101a0cebabaf10229.webp") no-repeat;
    background-size: cover
}

.category-common-bar .category-common-inner.boy[data-v-0a6d6ac6] {
    background: url("https://p3.ssl.qhimg.com/t0155e2a4f25df54e29.webp") no-repeat;
    background-size: 100% 200px
}

.category-common-bar .category-common-inner.girl[data-v-0a6d6ac6] {
    background: url("https://p2.ssl.qhimg.com/t01264d3092c0fafd62.webp") no-repeat;
    background-size: 100% 200px
}

.category-common-bar .category-common-inner .category-game-block[data-v-0a6d6ac6] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.category-common-bar .category-common-inner .category-game-block .game-item[data-v-0a6d6ac6] {
    position: relative;
    display: flex;
    overflow: hidden;
    cursor: pointer
}

.category-common-bar .category-common-inner .category-game-block .game-item[data-v-0a6d6ac6]::after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #43a62d;
    border-radius: 8px;
    pointer-events: none;
    transition: opacity .25s ease-in-out
}

.category-common-bar .category-common-inner .category-game-block .game-item .game-info-block[data-v-0a6d6ac6] {
    position: absolute;
    background: rgba(0,0,0,.25);
    transition: all .25s ease-in-out
}

.category-common-bar .category-common-inner .category-game-block .game-item[data-v-0a6d6ac6]:hover::after {
    opacity: 1
}

.category-common-bar .category-common-inner .category-game-block .game-item:hover .game-info-block[data-v-0a6d6ac6] {
    bottom: 0;
    background: rgba(0,0,0,.75)
}

.category-common-bar .category-common-inner .category-game-block .game-item .enter-btn[data-v-0a6d6ac6] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    background: url("https://p2.ssl.qhimg.com/t012c6a4c8117a6bff2.webp") no-repeat;
    background-size: contain
}

.category-common-bar .category-common-inner .end-mask[data-v-0a6d6ac6] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    height: 552px;
    pointer-events: none;
    background: linear-gradient(270deg,#131313 0,rgba(216,216,216,0) 100%)
}

.category-common-bar .category-common-inner .prev-btn[data-v-0a6d6ac6],.category-common-bar .category-common-inner .next-btn[data-v-0a6d6ac6] {
    width: 40px;
    height: 40px;
    cursor: pointer
}

.category-common-bar .category-common-inner .prev-btn[data-v-0a6d6ac6] {
    background: url("https://p1.ssl.qhimg.com/t01ec5783cf06cc5f3d.webp") no-repeat;
    background-size: contain
}

.category-common-bar .category-common-inner .prev-btn[data-v-0a6d6ac6]:hover {
    background: url("https://p4.ssl.qhimg.com/t018a41d9e211cffba3.webp") no-repeat;
    background-size: contain
}

.category-common-bar .category-common-inner .prev-btn.disable[data-v-0a6d6ac6] {
    cursor: default;
    background: url("https://p0.ssl.qhimg.com/t01d9f6c1c1c566904e.webp") no-repeat;
    background-size: contain
}

.category-common-bar .category-common-inner .next-btn[data-v-0a6d6ac6] {
    background: url("https://p0.ssl.qhimg.com/t016d345a8fb676657b.webp") no-repeat;
    background-size: contain
}

.category-common-bar .category-common-inner .next-btn[data-v-0a6d6ac6]:hover {
    background: url("https://p5.ssl.qhimg.com/t0104b55cf1fbcd6464.webp") no-repeat;
    background-size: contain
}

.category-common-bar .category-common-inner .next-btn.disable[data-v-0a6d6ac6] {
    cursor: default;
    background: url("https://p2.ssl.qhimg.com/t010f7b2d6b8636749e.webp") no-repeat;
    background-size: contain
}

@keyframes activeCategoryItem-0a6d6ac6 {
    0% {
        left: 5px;
        opacity: 0;
        background: #37383f
    }

    100% {
        left: 16px;
        opacity: 1;
        background: linear-gradient(45deg,#22A449 0,#B0FB68 100%)
    }
}

@media screen and (max-width: 1500px) {
    .category-common-bar .category-common-inner .end-mask[data-v-0a6d6ac6] {
        height:460px
    }
}

.el-scrollbar__thumb[data-v-66c4a820] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-66c4a820] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-66c4a820] {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow[data-v-66c4a820]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper[data-v-66c4a820] {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item[data-v-66c4a820]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-66c4a820]:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton[data-v-66c4a820],.el-skeleton__item[data-v-66c4a820] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-66c4a820] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-66c4a820] {
    border-radius: 8px
}

.el-message[data-v-66c4a820],.el-message--error[data-v-66c4a820],.el-message--info[data-v-66c4a820] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon[data-v-66c4a820] {
    display: none!important
}

.el-message--info .el-message__content[data-v-66c4a820] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error[data-v-66c4a820] {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content[data-v-66c4a820] {
    color: #dc3545!important
}

.el-image__placeholder[data-v-66c4a820] {
    background: #282a33!important
}

.el-backtop[data-v-66c4a820] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.hide[data-v-66c4a820] {
    opacity: 0
}

.loader[data-v-66c4a820],.loader[data-v-66c4a820]:before,.loader[data-v-66c4a820]:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    animation-fill-mode: both;
    animation: load7-66c4a820 1.4s infinite ease-in-out
}

.loader[data-v-66c4a820] {
    color: #c5cdd6;
    font-size: 8px;
    margin: 0 auto;
    position: relative;
    top: -30px;
    text-indent: -9999em;
    transform: translateZ(0);
    animation-delay: -0.16s
}

.loader[data-v-66c4a820]:before,.loader[data-v-66c4a820]:after {
    content: "";
    position: absolute;
    top: 0
}

.loader[data-v-66c4a820]:before {
    left: -3.5em;
    animation-delay: -0.32s
}

.loader[data-v-66c4a820]:after {
    left: 3.5em
}

@keyframes load7-66c4a820 {
    0%,80%,100% {
        box-shadow: 0 2.5em 0 -1.3em
    }

    40% {
        box-shadow: 0 2.5em 0 0
    }
}

.el-scrollbar__thumb[data-v-6363699e] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-6363699e] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-6363699e] {
    color: #ddd
}

.el-skeleton[data-v-6363699e],.el-skeleton__item[data-v-6363699e] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-6363699e] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-6363699e] {
    border-radius: 8px
}

.el-message[data-v-6363699e],.el-message--error[data-v-6363699e],.el-message--info[data-v-6363699e] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-6363699e] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-6363699e] {
    background: #282a33!important
}

.el-backtop[data-v-6363699e] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.game-item[data-v-6363699e] {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer
}

.info-ad[data-v-6363699e] {
    width: 440px;
    height: 136px;
    background: red
}

.shopwindow-ad[data-v-6363699e] {
    width: 288px;
    height: 288px;
    background: blue
}

.el-scrollbar__thumb[data-v-6ebef09a] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-6ebef09a] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-6ebef09a] {
    color: #ddd
}

.el-skeleton[data-v-6ebef09a],.el-skeleton__item[data-v-6ebef09a] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-6ebef09a] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-6ebef09a] {
    border-radius: 8px
}

.el-message[data-v-6ebef09a],.el-message--error[data-v-6ebef09a],.el-message--info[data-v-6ebef09a] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-6ebef09a] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-6ebef09a] {
    background: #282a33!important
}

.el-backtop[data-v-6ebef09a] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-scrollbar__thumb[data-v-c880864c] {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu[data-v-c880864c] {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item[data-v-c880864c] {
    color: #ddd
}

.game-item[data-v-6363699e]::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: 2px solid #43a62d;
    border-radius: 8px;
    pointer-events: none;
    transition: opacity .25s ease-in-out
}

.active[data-v-6ebef09a]::before {
    background: linear-gradient(45deg,#077C2A 0,#7ECF30 100%);
    background-size: cover;
    animation: fadeIn .2s linear forwards
}

.el-dropdown__popper.el-popper[data-v-6363699e] {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon[data-v-6363699e] {
    display: none!important
}

.el-message--info .el-message__content[data-v-6363699e] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-6363699e] {
    color: #dc3545!important
}

.game-item .gname[data-v-6363699e] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.75);
    color: #fff;
    opacity: 0
}

.el-dropdown__popper.el-popper[data-v-6ebef09a] {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon[data-v-6ebef09a] {
    display: none!important
}

.el-message--info .el-message__content[data-v-6ebef09a] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-6ebef09a] {
    color: #dc3545!important
}

.active .r-nav-img[data-v-6ebef09a] {
    opacity: 1
}

.el-dropdown__popper.el-popper[data-v-c880864c] {
    background: rgba(0,0,0,0);
    border: none
}

.game-item[data-v-6363699e]:hover::after {
    opacity: 1
}

.el-dropdown-menu__item[data-v-6363699e]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-6363699e]:not(.is-disabled):hover {
    font-weight: 600
}

.game-item:hover .gname[data-v-6363699e] {
    animation: fadeIn .2s linear forwards
}

.el-dropdown-menu__item[data-v-6ebef09a]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-6ebef09a]:not(.is-disabled):hover {
    font-weight: 600
}

.el-dropdown-menu__item[data-v-c880864c]:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item[data-v-c880864c]:not(.is-disabled):hover {
    font-weight: 600
}

.el-popper.is-light .el-popper__arrow[data-v-6363699e]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-popper.is-light .el-popper__arrow[data-v-6ebef09a]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-popper.is-light .el-popper__arrow[data-v-c880864c]::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-skeleton[data-v-c880864c],.el-skeleton__item[data-v-c880864c] {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external[data-v-c880864c] {
    background: #f5f5f5
}

.el-skeleton__image[data-v-c880864c] {
    border-radius: 8px
}

.el-message[data-v-c880864c],.el-message--error[data-v-c880864c],.el-message--info[data-v-c880864c] {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error[data-v-c880864c] {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder[data-v-c880864c] {
    background: #282a33!important
}

.el-backtop[data-v-c880864c] {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.home-page[data-v-c880864c] {
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden
}

.el-message .el-message__icon[data-v-c880864c] {
    display: none!important
}

.el-message--info .el-message__content[data-v-c880864c] {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content[data-v-c880864c] {
    color: #dc3545!important
}

@media screen and (max-width: 1180px) {
    .home-page[data-v-c880864c] {
        overflow-x:scroll
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

:root {
    --header-height: 44px;
    --navigation-fold-width: 118px;
    --navigation-expend-width: 118px;
    --border-color: #65ad58;
    --min-width: 1080px;
    --tit1-color: rgba(255,255,255,1);
    --tit2-color: rgba(255,255,255,0.3);
    --tit3-color: rgba(255,255,255,0.3)
}

html {
    background: #121317;
    height: 100%
}

body * {
    flex-shrink: 0;
    font-size-adjust: none
}

body {
    font-family: PingFangSC-Regular,Helvetica,Tahoma,Arial,PingFang SC-Light,Microsoft YaHei;
    height: 100%;
    padding: 0;
    margin: 0;
    color: #eee;
    font-size: 16px
}

input,button {
    background-color: rgba(0,0,0,0)
}

input {
    border: 0
}

button {
    margin: 0;
    padding: 0;
    border: 1px solid rgba(0,0,0,0);
    outline: none
}

button:active {
    opacity: .6
}

img {
    -webkit-user-drag: none
}

.tit1 {
    font-size: 16px;
    color: var(--tit1-color)
}

.tit2 {
    font-size: 14px;
    color: var(--tit2-color)
}

.tit3 {
    font-size: 12px;
    color: var(--tit3-color)
}

.v3white {
    color: rgba(255,255,255,.5)
}

::-webkit-scrollbar {
    display: block;
    height: 10px;
    width: 0
}

::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0)
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.5);
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: rgba(255,255,255,.7)
}

.lh1 {
    line-height: 1
}

.abs-c,.abs {
    position: absolute
}

.abs-c {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.abs {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fixed-c,.fixed-bc {
    position: fixed;
    left: 50%
}

.fixed-c {
    top: 50%;
    transform: translate(-50%,-50%)
}

.fixed-bc {
    bottom: 50%;
    transform: translate(-50%,50%)
}

.mga {
    margin: 0 auto
}

.hover-sty:hover {
    cursor: pointer;
    opacity: .9
}

.flexc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.square-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow: hidden
}

.ellipsis,.ellipsis-multiline {
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis {
    white-space: nowrap
}

.ellipsis-multiline {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.border1 {
    border: 1px solid rgba(255,255,255,.2)
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.end-tip {
    position: relative;
    padding: 20px 0;
    color: rgba(255,255,255,.3);
    font-size: 14px;
    text-align: center
}

.login-btn,.logout-btn {
    width: 106px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: url("https://p2.ssl.qhimg.com/t01e50d653e3b7253f5.png") no-repeat;
    background-size: contain
}

.ad-tip-top-right,.ad-tip-top-left {
    position: absolute;
    top: 6px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    padding: 3px 4px;
    border-radius: 4px;
    pointer-events: none
}

.ad-tip-top-right {
    right: 6px;
    background: rgba(0,0,0,.5)
}

.ad-tip-top-left {
    left: 6px;
    background: rgba(0,0,0,.5)
}

.ad-tip-bottom-right,.ad-tip-bottom-left {
    position: absolute;
    bottom: 6px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    padding: 3px 4px;
    border-radius: 4px;
    pointer-events: none
}

.ad-tip-bottom-right {
    right: 6px;
    background: rgba(0,0,0,.5)
}

.ad-tip-bottom-left {
    left: 6px;
    background: rgba(0,0,0,.5)
}

.scroll-x {
    overflow-x: scroll
}

.end-tip::before,.end-tip::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 1px
}

.end-tip::before {
    left: 50%;
    transform: translate(-165px,-50%);
    background: rgba(255,255,255,.15)
}

.end-tip::after {
    right: 50%;
    transform: translate(165px,-50%);
    background: rgba(255,255,255,.15)
}

.scroll-x::-webkit-scrollbar {
    display: block;
    height: 10px
}

.scroll-x::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.5);
    border-radius: 10px
}

.quc-wrapper a {
    font-weight: 400!important;
    color: #666!important
}

.login-btn:hover,.logout-btn:hover {
    cursor: pointer;
    opacity: .9
}

.quc-wrapper .quc-button-primary {
    background: linear-gradient(45deg,#1e8c2b 0,#69c12f 100%)!important;
    border-color: rgba(0,0,0,0)!important
}

.end-tip.line-145::before {
    transform: translate(-145px,-50%)
}

.end-tip.line-145::after {
    transform: translate(145px,-50%)
}

.quc-wrapper a:hover,.quc-input:hover,.quc-wrapper .quc-link {
    color: #44a62d!important
}

.quc-wrapper .quc-tab-item-active .quc-tab-item-inner {
    font-weight: 600!important;
    color: #44a62d!important;
    border-bottom: 1px solid #44a62d!important
}

.quc-wrapper .quc-input input:focus {
    border-color: #44a62d!important
}

.quc-wrapper .quc-form-item:hover .quc-input input {
    border-color: #44a62d!important
}

@font-face {
    font-family: "DINPro-Bold";
    src: url("https://s5.ssl.qhres2.com/static/edeff29d1de59801.otf") format("truetype")
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

*,::before,::after {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-scroll-snap-strictness: proximity;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-shadow: 0 0 rgba(0,0,0,0);
    --un-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-offset-width: 0;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0;
    --un-ring-color: rgba(147,197,253,0.5)
}

::backdrop {
    --un-rotate: 0;
    --un-rotate-x: 0;
    --un-rotate-y: 0;
    --un-rotate-z: 0;
    --un-scale-x: 1;
    --un-scale-y: 1;
    --un-scale-z: 1;
    --un-skew-x: 0;
    --un-skew-y: 0;
    --un-translate-x: 0;
    --un-translate-y: 0;
    --un-translate-z: 0;
    --un-scroll-snap-strictness: proximity;
    --un-border-spacing-x: 0;
    --un-border-spacing-y: 0;
    --un-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-shadow: 0 0 rgba(0,0,0,0);
    --un-shadow: 0 0 rgba(0,0,0,0);
    --un-ring-offset-width: 0;
    --un-ring-offset-color: #fff;
    --un-ring-width: 0;
    --un-ring-color: rgba(147,197,253,0.5)
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        max-width:320px
    }
}

@media (min-width: 640px) {
    .container {
        max-width:640px
    }
}

@media (min-width: 960px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1281px) {
    .container {
        max-width:1281px
    }
}

@media (min-width: 1100px) {
    .container {
        max-width:1100px
    }
}

@media (min-width: 1350px) {
    .container {
        max-width:1350px
    }
}

@media (min-width: 1500px) {
    .container {
        max-width:1500px
    }
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.absolute,.before\:absolute::before {
    position: absolute
}

.fixed {
    position: fixed
}

.position-relative,.relative {
    position: relative
}

.sticky {
    position: sticky
}

.before\:left-\[50\%\]::before,.left-\[50\%\],.left-50\% {
    left: 50%
}

.before\:top-\[50\%\]::before {
    top: 50%
}

.bottom-\[-20px\] {
    bottom: -20px
}

.bottom-\[-40\%\] {
    bottom: -40%
}

.bottom-\[-51px\] {
    bottom: -51px
}

.bottom-\[-53px\] {
    bottom: -53px
}

.bottom-\[-66px\] {
    bottom: -66px
}

.bottom-\[-74px\] {
    bottom: -74px
}

.bottom-\[6px\] {
    bottom: 6px
}

.bottom-0 {
    bottom: 0
}

.bottom-16px {
    bottom: 16px
}

.bottom-18px {
    bottom: 18px
}

.bottom-28px {
    bottom: 28px
}

.bottom-32px {
    bottom: 32px
}

.bottom-4px {
    bottom: 4px
}

.bottom-50px {
    bottom: 50px
}

.bottom-7px {
    bottom: 7px
}

.bottom-8px {
    bottom: 8px
}

.important-bottom-36px {
    bottom: 36px!important
}

.important-bottom-57px {
    bottom: 57px!important
}

.left-\[-10\%\] {
    left: -10%
}

.left-\[-139px\] {
    left: -139px
}

.left-\[-56px\] {
    left: -56px
}

.left-\[88px\] {
    left: 88px
}

.left-0,.left-0px {
    left: 0
}

.left-10px {
    left: 10px
}

.left-15px {
    left: 15px
}

.left-16px {
    left: 16px
}

.left-2px {
    left: 2px
}

.left-33px {
    left: 33px
}

.left-4px {
    left: 4px
}

.left-50px {
    left: 50px
}

.left-57px {
    left: 57px
}

.left-664px {
    left: 664px
}

.left-66px {
    left: 66px
}

.left-8px {
    left: 8px
}

.right-\[-20px\] {
    right: -20px
}

.right-\[-40px\] {
    right: -40px
}

.right-\[70px\] {
    right: 70px
}

.right-0,.right-0px {
    right: 0
}

.right-10px {
    right: 10px
}

.right-112px {
    right: 112px
}

.right-136px {
    right: 136px
}

.right-16px {
    right: 16px
}

.right-19px {
    right: 19px
}

.right-200px {
    right: 200px
}

.right-210px {
    right: 210px
}

.right-224px {
    right: 224px
}

.right-24px {
    right: 24px
}

.right-25px {
    right: 25px
}

.right-4px {
    right: 4px
}

.right-8px {
    right: 8px
}

.top-\[-10\%\] {
    top: -10%
}

.top-\[-10px\] {
    top: -10px
}

.top-\[-15px\] {
    top: -15px
}

.top-\[-20px\] {
    top: -20px
}

.top-\[3\.5\%\] {
    top: 3.5%
}

.top-0,.top-0px {
    top: 0
}

.top-10px {
    top: 10px
}

.top-13px {
    top: 13px
}

.top-154px {
    top: 154px
}

.top-16px {
    top: 16px
}

.top-254px {
    top: 254px
}

.top-2px {
    top: 2px
}

.top-30px {
    top: 30px
}

.top-34px {
    top: 34px
}

.top-40px {
    top: 40px
}

.top-42px {
    top: 42px
}

.top-446px {
    top: 446px
}

.top-48px {
    top: 48px
}

.top-4px {
    top: 4px
}

.top-55px {
    top: 55px
}

.top-65px {
    top: 65px
}

.top-6px {
    top: 6px
}

.top-8px {
    top: 8px
}

.top-9px {
    top: 9px
}

.z-\[-1\] {
    z-index: -1
}

.z-\[1\],.z-1 {
    z-index: 1
}

.z-\[999\],.z-999 {
    z-index: 999
}

.z-10 {
    z-index: 10
}

.z-100 {
    z-index: 100
}

.z-11 {
    z-index: 11
}

.z-2 {
    z-index: 2
}

.z-20 {
    z-index: 20
}

.z-9999 {
    z-index: 9999
}

.z-99999 {
    z-index: 99999
}

.z-999999 {
    z-index: 999999
}

.grid {
    display: grid
}

.m-\[-12\.5px\] {
    margin: -12.5px
}

.m-\[-12px\] {
    margin: -12px
}

.m-\[-8px\] {
    margin: -8px
}

.m-\[12\.5px\] {
    margin: 12.5px;
}

.m-12px {
    margin: 12px
}

.m-2px {
    margin: 2px
}

.m-6px {
    margin: 6px
}

.m-8px {
    margin: 8px
}

.m-auto {
    margin: auto
}

.mx-\[-12px\] {
    margin-left: -12px;
    margin-right: -12px
}

.mx-\[-4px\] {
    margin-left: -4px;
    margin-right: -4px
}

.mx-\[-6px\] {
    margin-left: -6px;
    margin-right: -6px
}

.mx-10px {
    margin-left: 10px;
    margin-right: 10px
}

.mx-12px {
    margin-left: 12px;
    margin-right: 12px
}

.mx-16px {
    margin-left: 16px;
    margin-right: 16px
}

.mx-24px {
    margin-left: 24px;
    margin-right: 24px
}

.mx-32px {
    margin-left: 32px;
    margin-right: 32px
}

.mx-4px {
    margin-left: 4px;
    margin-right: 4px
}

.mx-6px {
    margin-left: 6px;
    margin-right: 6px
}

.mx-8px {
    margin-left: 8px;
    margin-right: 8px
}

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

.my-\[-3px\] {
    margin-top: -3px;
    margin-bottom: -3px
}

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

.my-15px {
    margin-top: 15px;
    margin-bottom: 15px
}

.my-3px {
    margin-top: 3px;
    margin-bottom: 3px
}

.my-48px {
    margin-top: 48px;
    margin-bottom: 48px
}

.important-ml-2px {
    margin-left: 2px!important
}

.m-l {
    margin-left: 1rem
}

.mb-0px {
    margin-bottom: 0
}

.mb-10px {
    margin-bottom: 10px
}

.mb-11px {
    margin-bottom: 11px
}

.mb-12px {
    margin-bottom: 12px
}

.mb-13px {
    margin-bottom: 13px
}

.mb-14px {
    margin-bottom: 14px
}

.mb-15px {
    margin-bottom: 15px
}

.mb-16px {
    margin-bottom: 16px
}

.mb-18px {
    margin-bottom: 18px
}

.mb-20px {
    margin-bottom: 20px
}

.mb-22px {
    margin-bottom: 22px
}

.mb-24px {
    margin-bottom: 24px
}

.mb-2px {
    margin-bottom: 2px
}

.mb-30px {
    margin-bottom: 30px
}

.mb-32px {
    margin-bottom: 32px
}

.mb-3px {
    margin-bottom: 3px
}

.mb-4px {
    margin-bottom: 4px
}

.mb-6px {
    margin-bottom: 6px
}

.mb-80px {
    margin-bottom: 80px
}

.mb-8px {
    margin-bottom: 8px
}

.mb\[28px\] {
    margin-bottom: 28px
}

.ml-\[-16px\] {
    margin-left: -16px
}

.ml-\[-3px\] {
    margin-left: -3px
}

.ml-\[-6px\] {
    margin-left: -6px
}

.ml-12px {
    margin-left: 12px
}

.ml-14px {
    margin-left: 14px
}

.ml-16px {
    margin-left: 16px
}

.ml-24px {
    margin-left: 24px
}

.ml-26px {
    margin-left: 26px
}

.ml-2px {
    margin-left: 2px
}

.ml-32px {
    margin-left: 32px
}

.ml-4px {
    margin-left: 4px
}

.ml-5px {
    margin-left: 5px
}

.ml-60px {
    margin-left: 60px
}

.ml-6px {
    margin-left: 6px
}

.ml-8px {
    margin-left: 8px
}

.ml-auto {
    margin-left: auto
}

.mr-0,.mr-0px {
    margin-right: 0
}

.mr-1\.35\% {
    margin-right: 1.35%
}

.mr-1\.46\% {
    margin-right: 1.46%
}

.mr-10px {
    margin-right: 10px
}

.mr-12px {
    margin-right: 12px
}

.mr-13px {
    margin-right: 13px
}

.mr-14px {
    margin-right: 14px
}

.mr-16px {
    margin-right: 16px
}

.mr-18px {
    margin-right: 18px
}

.mr-23px {
    margin-right: 23px
}

.mr-24px {
    margin-right: 24px
}

.mr-25px {
    margin-right: 25px
}

.mr-2px {
    margin-right: 2px
}

.mr-32px {
    margin-right: 32px
}

.mr-40px {
    margin-right: 40px
}

.mr-4px,.mr\[4px\] {
    margin-right: 4px
}

.mr-5px {
    margin-right: 5px
}

.mr-6px {
    margin-right: 6px
}

.mr-72px {
    margin-right: 72px
}

.mr-7px {
    margin-right: 7px
}

.mr-8px,.mr\[8px\] {
    margin-right: 8px
}

.mr-auto {
    margin-right: auto
}

.mt-\[-18px\] {
    margin-top: -18px
}

.mt-\[-8px\] {
    margin-top: -8px
}

.mt-10px {
    margin-top: 10px
}

.mt-12px {
    margin-top: 12px
}

.mt-13px {
    margin-top: 13px
}

.mt-14px {
    margin-top: 14px
}

.mt-15px {
    margin-top: 15px
}

.mt-16px {
    margin-top: 16px
}

.mt-1px {
    margin-top: 1px
}

.mt-20px {
    margin-top: 20px
}

.mt-21px {
    margin-top: 21px
}

.mt-22px {
    margin-top: 22px
}

.mt-24px,.mt\[24px\] {
    margin-top: 24px
}

.mt-28px {
    margin-top: 28px
}

.mt-2px {
    margin-top: 2px
}

.mt-30px {
    margin-top: 30px
}

.mt-32px {
    margin-top: 32px
}

.mt-48px {
    margin-top: 48px
}

.mt-4px,.mt\[4px\] {
    margin-top: 4px
}

.mt-50px {
    margin-top: 50px
}

.mt-5px {
    margin-top: 5px
}

.mt-6px {
    margin-top: 6px
}

.mt-80px {
    margin-top: 80px
}

.mt-88px {
    margin-top: 88px
}

.mt-8px {
    margin-top: 8px
}

.mt\[200px\] {
    margin-top: 200px
}

.before\:block::before,.block {
    display: block
}

.inline-block {
    display: inline-block
}

.hidden {
    display: none
}

.before\:h-\[90\%\]::before {
    height: 90%
}

.before\:w-\[90\%\]::before,.w-90\% {
    width: 90%
}

.h-\[58\%\] {
    height: 58%
}

.h-\[73\%\] {
    height: 73%
}

.h-\[96\.5\%\] {
    height: 96.5%
}

.h-0 {
    height: 0
}

.h-100\%,.h-full {
    height: 100%
}

.h-100px {
    height: 100px
}

.h-100vh {
    height: 100vh
}

.h-102px {
    height: 102px
}

.h-104px {
    height: 104px
}

.h-106px {
    height: 106px
}

.h-108px {
    height: 108px
}

.h-110px {
    height: 110px
}

.h-114px {
    height: 114px
}

.h-120\% {
    height: 120%
}

.h-120px {
    height: 120px
}

.h-12px {
    height: 12px
}

.h-136px {
    height: 136px
}

.h-138px {
    height: 138px
}

.h-140px {
    height: 140px
}

.h-146px {
    height: 146px
}

.h-14px {
    height: 14px
}

.h-150\% {
    height: 150%
}

.h-150px {
    height: 150px
}

.h-160px {
    height: 160px
}

.h-166px {
    height: 166px
}

.h-16px {
    height: 16px
}

.h-170px {
    height: 170px
}

.h-18\.2\% {
    height: 18.2%
}

.h-180px {
    height: 180px
}

.h-18px {
    height: 18px
}

.h-190px {
    height: 190px
}

.h-192px {
    height: 192px
}

.h-193px {
    height: 193px
}

.h-194px {
    height: 194px
}

.h-19px {
    height: 19px
}

.h-20px {
    height: 20px
}

.h-218px {
    height: 218px
}

.h-224px {
    height: 224px
}

.h-22px {
    height: 22px
}

.h-23px {
    height: 23px
}

.h-240px {
    height: 240px
}

.h-24px {
    height: 24px
}

.h-256px {
    height: 256px
}

.h-264px {
    height: 264px
}

.h-266px {
    height: 266px
}

.h-26px {
    height: 26px
}

.h-270px {
    height: 270px
}

.h-276px {
    height: 276px
}

.h-282px {
    height: 282px
}

.h-28px {
    height: 28px
}

.h-294px {
    height: 294px
}

.h-3000px {
    height: 3000px
}

.h-300px {
    height: 300px
}

.h-302px {
    height: 302px
}

.h-308px {
    height: 308px
}

.h-30px {
    height: 30px
}

.h-314px {
    height: 314px
}

.h-32px,.h32px {
    height: 32px
}

.h-333px {
    height: 333px
}

.h-348px {
    height: 348px
}

.h-34px {
    height: 34px
}

.h-351px {
    height: 351px
}

.h-368px {
    height: 368px
}

.h-36px {
    height: 36px
}

.h-385px {
    height: 385px
}

.h-38px {
    height: 38px
}

.h-390px {
    height: 390px
}

.h-400px {
    height: 400px
}

.h-404px {
    height: 404px
}

.h-406px {
    height: 406px
}

.h-40px {
    height: 40px
}

.h-410px {
    height: 410px
}

.h-420px {
    height: 420px
}

.h-434px {
    height: 434px
}

.h-435px {
    height: 435px
}

.h-43px {
    height: 43px
}

.h-442px {
    height: 442px
}

.h-44px {
    height: 44px
}

.h-450px {
    height: 450px
}

.h-484px {
    height: 484px
}

.h-48px {
    height: 48px
}

.h-50\% {
    height: 50%
}

.h-50px {
    height: 50px
}

.h-520px {
    height: 520px
}

.h-52px {
    height: 52px
}

.h-530px {
    height: 530px
}

.h-532px {
    height: 532px
}

.h-53px {
    height: 53px
}

.h-543px {
    height: 543px
}

.h-54px {
    height: 54px
}

.h-552px {
    height: 552px
}

.h-564px {
    height: 564px
}

.h-56px {
    height: 56px
}

.h-575px {
    height: 575px
}

.h-58px {
    height: 58px
}

.h-60px {
    height: 60px
}

.h-616px {
    height: 616px
}

.h-62px {
    height: 62px
}

.h-640px {
    height: 640px
}

.h-64px {
    height: 64px
}

.h-656px {
    height: 656px
}

.h-67px {
    height: 67px
}

.h-72px {
    height: 72px
}

.h-742px {
    height: 742px
}

.h-74px {
    height: 74px
}

.h-75px {
    height: 75px
}

.h-76\.8\% {
    height: 76.8%
}

.h-76px {
    height: 76px
}

.h-78\% {
    height: 78%
}

.h-78px {
    height: 78px
}

.h-80px {
    height: 80px
}

.h-81px {
    height: 81px
}

.h-84px {
    height: 84px
}

.h-87px {
    height: 87px
}

.h-8px {
    height: 8px
}

.h-90px {
    height: 90px
}

.h-91\.5\% {
    height: 91.5%
}

.h-92px {
    height: 92px
}

.h-94px {
    height: 94px
}

.h-97\% {
    height: 97%
}

.h-auto {
    height: auto
}

.important-h-162px {
    height: 162px!important
}

.important-h-60px {
    height: 60px!important
}

.important-w-180px {
    width: 180px!important
}

.important-w-500px {
    width: 500px!important
}

.max-h-320px {
    max-height: 320px
}

.max-w-115px {
    max-width: 115px
}

.max-w-1200px {
    max-width: 1200px
}

.max-w-145px {
    max-width: 145px
}

.max-w-2560px {
    max-width: 2560px
}

.min-h-143px {
    min-height: 143px
}

.min-h-426px {
    min-height: 426px
}

.min-h-48px {
    min-height: 48px
}

.min-h-600px {
    min-height: 600px
}

.min-h-72px {
    min-height: 72px
}

.min-w-106px {
    min-width: 106px
}

.min-w-116px {
    min-width: 116px
}

.min-w-1180px {
    min-width: 1180px
}

.min-w-130px {
    min-width: 130px
}

.min-w-240px {
    min-width: 240px
}

.w-\[96\%\] {
    width: 96%
}

.w-\[calc\(100\%-130px\)\] {
    width: calc(100% - 130px)
}

.w-\[calc\(100\%-90px\)\] {
    width: calc(100% - 90px)
}

.w-\[calc\(25\%-16px\)\] {
    width: calc(25% - 16px)
}

.w-0 {
    width: 0
}

.w-100\%,.w-full {
    width: 100%
}

.w-1000px {
    width: 1000px
}

.w-100px {
    width: 100px
}

.w-100vw {
    width: 100vw
}

.w-101px {
    width: 101px
}

.w-1034px {
    width: 1034px
}

.w-110px {
    width: 110px
}

.w-1152px {
    width: 1152px
}

.w-119px {
    width: 119px
}

.w-120\% {
    width: 120%
}

.w-1200px {
    width: 1200px
}

.w-120px {
    width: 120px
}

.w-122px {
    width: 122px
}

.w-123px {
    width: 123px
}

.w-1248px {
    width: 1248px
}

.w-125px {
    width: 125px
}

.w-1280px {
    width: 1280px
}

.w-128px {
    width: 128px
}

.w-12px {
    width: 12px
}

.w-1304px {
    width: 1304px
}

.w-1308px {
    width: 1308px
}

.w-130px {
    width: 130px
}

.w-134px {
    width: 134px
}

.w-135px {
    width: 135px
}

.w-136px {
    width: 136px
}

.w-140px {
    width: 140px
}

.w-144px {
    width: 144px
}

.w-145px {
    width: 145px
}

.w-148px {
    width: 148px
}

.w-14px {
    width: 14px
}

.w-150\% {
    width: 150%
}

.w-150px {
    width: 150px
}

.w-154px {
    width: 154px
}

.w-158px {
    width: 158px
}

.w-160px {
    width: 160px
}

.w-168px {
    width: 168px
}

.w-16px {
    width: 16px
}

.w-170px {
    width: 170px
}

.w-176px {
    width: 176px
}

.w-18\.5\% {
    width: 18.5%
}

.w-180px {
    width: 180px
}

.w-18px {
    width: 18px
}

.w-19\.38\% {
    width: 19.38%
}

.w-190px {
    width: 190px
}

.w-194px {
    width: 194px
}

.w-19px {
    width: 19px
}

.w-20\% {
    width: 20%
}

.w-200px {
    width: 200px
}

.w-208px {
    width: 208px
}

.w-20px {
    width: 20px
}

.w-220px {
    width: 220px
}

.w-22px {
    width: 22px
}

.w-234px {
    width: 234px
}

.w-239px {
    width: 239px
}

.w-23px {
    width: 23px
}

.w-240px {
    width: 240px
}

.w-244px {
    width: 244px
}

.w-24px {
    width: 24px
}

.w-25\.5\% {
    width: 25.5%
}

.w-250px {
    width: 250px
}

.w-252px {
    width: 252px
}

.w-254px {
    width: 254px
}

.w-258px {
    width: 258px
}

.w-25px {
    width: 25px
}

.w-264px {
    width: 264px
}

.w-26px {
    width: 26px
}

.w-277px {
    width: 277px
}

.w-278px {
    width: 278px
}

.w-280px {
    width: 280px
}

.w-282px {
    width: 282px
}

.w-28px {
    width: 28px
}

.w-29px {
    width: 29px
}

.w-2px {
    width: 2px
}

.w-300px {
    width: 300px
}

.w-306px {
    width: 306px
}

.w-320px {
    width: 320px
}

.w-32px {
    width: 32px
}

.w-344px {
    width: 344px
}

.w-34px {
    width: 34px
}

.w-360px {
    width: 360px
}

.w-368px {
    width: 368px
}

.w-36px {
    width: 36px
}

.w-388px {
    width: 388px
}

.w-38px {
    width: 38px
}

.w-40px {
    width: 40px
}

.w-42px {
    width: 42px
}

.w-43px {
    width: 43px
}

.w-440px {
    width: 440px
}

.w-44px {
    width: 44px
}

.w-452px {
    width: 452px
}

.w-48px {
    width: 48px
}

.w-49px {
    width: 49px
}

.w-50\% {
    width: 50%
}

.w-500px {
    width: 500px
}

.w-50px {
    width: 50px
}

.w-52px {
    width: 52px
}

.w-56\% {
    width: 56%
}

.w-560px {
    width: 560px
}

.w-56px {
    width: 56px
}

.w-592px {
    width: 592px
}

.w-59px {
    width: 59px
}

.w-60\% {
    width: 60%
}

.w-600px {
    width: 600px
}

.w-60px {
    width: 60px
}

.w-61px {
    width: 61px
}

.w-63px {
    width: 63px
}

.w-640px {
    width: 640px
}

.w-64px {
    width: 64px
}

.w-674px {
    width: 674px
}

.w-67px {
    width: 67px
}

.w-70\% {
    width: 70%
}

.w-70px {
    width: 70px
}

.w-720px {
    width: 720px
}

.w-72px {
    width: 72px
}

.w-73\% {
    width: 73%
}

.w-73px {
    width: 73px
}

.w-76px {
    width: 76px
}

.w-77\% {
    width: 77%
}

.w-784px {
    width: 784px
}

.w-80\% {
    width: 80%
}

.w-800px {
    width: 800px
}

.w-80px {
    width: 80px
}

.w-837px {
    width: 837px
}

.w-843px {
    width: 843px
}

.w-84px {
    width: 84px
}

.w-85px {
    width: 85px
}

.w-87px {
    width: 87px
}

.w-8px {
    width: 8px
}

.w-90px {
    width: 90px
}

.w-924px {
    width: 924px
}

.w-928px {
    width: 928px
}

.w-93\.5\% {
    width: 93.5%
}

.w-97\% {
    width: 97%
}

.w-984px {
    width: 984px
}

.flex {
    display: flex
}

.flex-1 {
    flex: 1 1 0
}

.grow {
    flex-grow: 1
}

.flex-basis-160px {
    flex-basis: 160px
}

.flex-basis-220px {
    flex-basis: 220px
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.before\:translate-x-\[-50\%\]::before,.translate-x-\[-50\%\] {
    --un-translate-x: -50%;
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.before\:translate-y-\[-50\%\]::before,.scale-\[1\.1\] {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.before\:translate-y-\[-50\%\]::before {
    --un-translate-y: -50%
}

.scale-\[1\.1\] {
    --un-scale-x: 1.1;
    --un-scale-y: 1.1
}

.transform {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

@keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate-fade-in {
    animation: fade-in 1s linear 1
}

.animate-duration-150 {
    animation-duration: 150ms
}

.cursor-default {
    cursor: default
}

.cursor-pointer,.hover\:cursor-pointer:hover {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

.important-cursor-not-allowed {
    cursor: not-allowed!important
}

.select-none {
    user-select: none
}

.resize {
    resize: both
}

.content-start {
    align-content: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-revert {
    align-items: revert
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-20px {
    grid-gap: 20px;
    gap: 20px
}

.gap-6px {
    grid-gap: 6px;
    gap: 6px
}

.important-overflow-visible {
    overflow: visible!important
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-scroll {
    overflow-y: scroll
}

.text-ellipsis {
    text-overflow: ellipsis
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.b,.border,.border-1px,.border-width-1px {
    border-width: 1px
}

.border-2px {
    border-width: 2px
}

.b-b {
    border-bottom-width: 1px
}

.border-block {
    border-block-start-width:1px;border-block-end-width:1px}

.b-rd-2px,.border-rd-2px,.rounded-2px {
    border-radius: 2px
}

.border-\[rgba\(0\,0\,0\,0\.3\)\] {
    --un-border-opacity: .3;
    border-color: rgba(0,0,0,var(--un-border-opacity))
}

.border-\[rgba\(255\,255\,255\,0\.2\)\] {
    --un-border-opacity: .2;
    border-color: rgba(255,255,255,var(--un-border-opacity))
}

.border-\[rgba\(255\,255\,255\,0\.5\)\] {
    --un-border-opacity: .5;
    border-color: rgba(255,255,255,var(--un-border-opacity))
}

.b-rd-4px,.border-rd-4px,.rounded-\[4px\],.rounded-4px {
    border-radius: 4px
}

.before\:rounded-\[50\%\]::before,.border-rd-50\%,.rd-50\%,.rounded-\[50\%\],.rounded-50\% {
    border-radius: 50%
}

.b-color-\#1A1A24 {
    --un-border-opacity: 1;
    border-color: rgba(26,26,36,var(--un-border-opacity))
}

.border-rd-12px,.rounded-12px {
    border-radius: 12px
}

.border-rd-16px {
    border-radius: 16px
}

.border-rd-23px {
    border-radius: 23px
}

.border-rd-24px,.rounded-24px {
    border-radius: 24px
}

.border-rd-3px,.rounded-3px {
    border-radius: 3px
}

.border-rd-8px,.hover\:rounded-8px:hover,.rounded-\[8px\],.rounded-8px {
    border-radius: 8px
}

.rounded-10px {
    border-radius: 10px
}

.rounded-20px {
    border-radius: 20px
}

.rounded-28px {
    border-radius: 28px
}

.rounded-b-8px {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.border-\#ccc {
    --un-border-opacity: 1;
    border-color: rgba(204,204,204,var(--un-border-opacity))
}

.rounded-r-8px,.rounded-br-8px {
    border-bottom-right-radius: 8px
}

.rounded-r-8px {
    border-top-right-radius: 8px
}

.rounded-tl-8px {
    border-top-left-radius: 8px
}

.rounded-tr-8px {
    border-top-right-radius: 8px
}

.b-solid,.border-solid {
    border-style: solid
}

.bg-green-500 {
    --un-bg-opacity: 1;
    background-color: rgba(34,197,94,var(--un-bg-opacity))
}

.bg-red {
    --un-bg-opacity: 1;
    background-color: rgba(248,113,113,var(--un-bg-opacity))
}

.bg-red-300 {
    --un-bg-opacity: 1;
    background-color: rgba(252,165,165,var(--un-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-contain {
    background-size: contain
}

.object-fill {
    object-fit: fill
}

.p-10px {
    padding: 10px
}

.p-12px {
    padding: 12px
}

.p-16px {
    padding: 16px
}

.p-2px {
    padding: 2px
}

.p-6px {
    padding: 6px
}

.p-8px {
    padding: 8px
}

.px {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-10px {
    padding-left: 10px;
    padding-right: 10px
}

.bg-\[\#171F31\],.bg-\#171F31 {
    --un-bg-opacity: 1;
    background-color: rgba(23,31,49,var(--un-bg-opacity))
}

.bg-\[\#43A62D\] {
    --un-bg-opacity: 1;
    background-color: rgba(67,166,45,var(--un-bg-opacity))
}

.bg-\[\#C3C3C6\] {
    --un-bg-opacity: 1;
    background-color: rgba(195,195,198,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,\.5\)\] {
    --un-bg-opacity: .5;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.05\)\] {
    --un-bg-opacity: .05;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.2\)\] {
    --un-bg-opacity: .2;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.25\)\] {
    --un-bg-opacity: .25;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.3\)\] {
    --un-bg-opacity: .3;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.35\)\] {
    --un-bg-opacity: .35;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.4\)\] {
    --un-bg-opacity: .4;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.5\)\] {
    --un-bg-opacity: .5;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(0\,0\,0\,0\.6\)\] {
    --un-bg-opacity: .6;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\[rgba\(216\,216\,216\,0\.1\)\] {
    --un-bg-opacity: .1;
    background-color: rgba(216,216,216,var(--un-bg-opacity))
}

.bg-\[rgba\(23\,31\,49\,0\.6\)\] {
    --un-bg-opacity: .6;
    background-color: rgba(23,31,49,var(--un-bg-opacity))
}

.bg-\[rgba\(255\,255\,255\,0\.05\)\] {
    --un-bg-opacity: .05;
    background-color: rgba(255,255,255,var(--un-bg-opacity))
}

.bg-\[rgba\(255\,255\,255\,0\.1\)\] {
    --un-bg-opacity: .1;
    background-color: rgba(255,255,255,var(--un-bg-opacity))
}

.hover\:bg-\[rgba\(255\,255\,255\,0\.07\)\]:hover {
    --un-bg-opacity: .07;
    background-color: rgba(255,255,255,var(--un-bg-opacity))
}

.bg-\#000 {
    --un-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--un-bg-opacity))
}

.bg-\#141321 {
    --un-bg-opacity: 1;
    background-color: rgba(20,19,33,var(--un-bg-opacity))
}

.bg-\#141725 {
    --un-bg-opacity: 1;
    background-color: rgba(20,23,37,var(--un-bg-opacity))
}

.bg-\#24262F {
    --un-bg-opacity: 1;
    background-color: rgba(36,38,47,var(--un-bg-opacity))
}

.bg-\#ccc {
    --un-bg-opacity: 1;
    background-color: rgba(204,204,204,var(--un-bg-opacity))
}

.bg-\#E19804 {
    --un-bg-opacity: 1;
    background-color: rgba(225,152,4,var(--un-bg-opacity))
}

.bg-\#eee {
    --un-bg-opacity: 1;
    background-color: rgba(238,238,238,var(--un-bg-opacity))
}

.bg-\#f2f4f7,.bg-\#F2F4F7 {
    --un-bg-opacity: 1;
    background-color: rgba(242,244,247,var(--un-bg-opacity))
}

.bg-\#F5F5F5 {
    --un-bg-opacity: 1;
    background-color: rgba(245,245,245,var(--un-bg-opacity))
}

.bg-\#F7F7F7 {
    --un-bg-opacity: 1;
    background-color: rgba(247,247,247,var(--un-bg-opacity))
}

.bg-\#F89050 {
    --un-bg-opacity: 1;
    background-color: rgba(248,144,80,var(--un-bg-opacity))
}

.bg-\#F8FAF9 {
    --un-bg-opacity: 1;
    background-color: rgba(248,250,249,var(--un-bg-opacity))
}

.bg-\#fff,.bg-\#FFF {
    --un-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--un-bg-opacity))
}

.important-bg-\#F5F5F5 {
    --un-bg-opacity: 1!important;
    background-color: rgba(245,245,245,var(--un-bg-opacity))!important
}

.px-12px {
    padding-left: 12px;
    padding-right: 12px
}

.px-16px {
    padding-left: 16px;
    padding-right: 16px
}

.px-22px {
    padding-left: 22px;
    padding-right: 22px
}

.px-2px {
    padding-left: 2px;
    padding-right: 2px
}

.px-4px {
    padding-left: 4px;
    padding-right: 4px
}

.px-64px {
    padding-left: 64px;
    padding-right: 64px
}

.px-6px {
    padding-left: 6px;
    padding-right: 6px
}

.px-8px {
    padding-left: 8px;
    padding-right: 8px
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px
}

.py-15px {
    padding-top: 15px;
    padding-bottom: 15px
}

.py-16px {
    padding-top: 16px;
    padding-bottom: 16px
}

.py-20px {
    padding-top: 20px;
    padding-bottom: 20px
}

.py-24px {
    padding-top: 24px;
    padding-bottom: 24px
}

.py-2px {
    padding-top: 2px;
    padding-bottom: 2px
}

.py-48px {
    padding-top: 48px;
    padding-bottom: 48px
}

.py-4px {
    padding-top: 4px;
    padding-bottom: 4px
}

.py-8px {
    padding-top: 8px;
    padding-bottom: 8px
}

.pb-10px {
    padding-bottom: 10px
}

.pb-12px {
    padding-bottom: 12px
}

.pb-15px {
    padding-bottom: 15px
}

.pb-16px {
    padding-bottom: 16px
}

.pb-18px {
    padding-bottom: 18px
}

.pb-20px {
    padding-bottom: 20px
}

.pb-21px {
    padding-bottom: 21px
}

.pb-26px {
    padding-bottom: 26px
}

.pb-2px {
    padding-bottom: 2px
}

.pb-30px {
    padding-bottom: 30px
}

.pb-6px {
    padding-bottom: 6px
}

.pb-7px {
    padding-bottom: 7px
}

.pb-8px {
    padding-bottom: 8px
}

.pl-10px {
    padding-left: 10px
}

.pl-12px {
    padding-left: 12px
}

.pl-14px {
    padding-left: 14px
}

.pl-15px {
    padding-left: 15px
}

.pl-16px {
    padding-left: 16px
}

.pl-18px {
    padding-left: 18px
}

.pl-19px {
    padding-left: 19px
}

.pl-20px {
    padding-left: 20px
}

.pl-24px {
    padding-left: 24px
}

.pl-26px {
    padding-left: 26px
}

.pl-28\% {
    padding-left: 28%
}

.pl-28px {
    padding-left: 28px
}

.pl-2px {
    padding-left: 2px
}

.pl-32px {
    padding-left: 32px
}

.pl-4px {
    padding-left: 4px
}

.pl-5px {
    padding-left: 5px
}

.pl-6px {
    padding-left: 6px
}

.pl-8px {
    padding-left: 8px
}

.important-pt-156\.3\% {
    padding-top: 156.3%!important
}

.pb\[300px\] {
    padding-bottom: 300px
}

.pl-9px {
    padding-left: 9px
}

.pr-10px {
    padding-right: 10px
}

.pr-11px {
    padding-right: 11px
}

.pr-12px {
    padding-right: 12px
}

.pr-16px {
    padding-right: 16px
}

.pr-20px {
    padding-right: 20px
}

.pr-4px {
    padding-right: 4px
}

.pr-7px {
    padding-right: 7px
}

.pr-8px {
    padding-right: 8px
}

.pt-100\% {
    padding-top: 100%
}

.pt-100px {
    padding-top: 100px
}

.pt-10px {
    padding-top: 10px
}

.pt-127\% {
    padding-top: 127%
}

.pt-12px {
    padding-top: 12px
}

.pt-16px {
    padding-top: 16px
}

.pt-17px {
    padding-top: 17px
}

.pt-19px {
    padding-top: 19px
}

.pt-1px {
    padding-top: 1px
}

.pt-125\.5\% {
    padding-top: 125.5%
}

.pt-16\.4\% {
    padding-top: 16.4%
}

.pt-20px,.pt\[20px\] {
    padding-top: 20px
}

.pt-22px {
    padding-top: 22px
}

.pt-24px {
    padding-top: 24px
}

.pt-2px {
    padding-top: 2px
}

.pt-32px {
    padding-top: 32px
}

.pt-3px {
    padding-top: 3px
}

.pt-44px {
    padding-top: 44px
}

.pt-48px {
    padding-top: 48px
}

.pt-50px {
    padding-top: 50px
}

.pt-56px {
    padding-top: 56px
}

.pt-59\% {
    padding-top: 59%
}

.pt-5px {
    padding-top: 5px
}

.pt-60\% {
    padding-top: 60%
}

.pt-62\% {
    padding-top: 62%
}

.pt-68px {
    padding-top: 68px
}

.pt-6px {
    padding-top: 6px
}

.pt-70px {
    padding-top: 70px
}

.pt-7px {
    padding-top: 7px
}

.pt-8px {
    padding-top: 8px
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-justify {
    text-align: justify
}

.text-12px {
    font-size: 12px
}

.text-14px,.text-size-14px {
    font-size: 14px
}

.text-16px {
    font-size: 16px
}

.text-17px {
    font-size: 17px
}

.text-20px {
    font-size: 20px
}

.pt-4\.8\% {
    padding-top: 4.8%
}

.pt-56\.3\% {
    padding-top: 56.3%
}

.pt-7\.2\% {
    padding-top: 7.2%
}

.text-24px {
    font-size: 24px
}

.text-30px {
    font-size: 30px
}

.text-32px {
    font-size: 32px
}

.text-42px {
    font-size: 42px
}

.text-70px {
    font-size: 70px
}

.font-500 {
    font-weight: 500
}

.font-600,.font-semibold,.fw-600 {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.leading-14px {
    line-height: 14px
}

.leading-16px,.lh-16px {
    line-height: 16px
}

.leading-18px {
    line-height: 18px
}

.leading-22px {
    line-height: 22px
}

.leading-24px {
    line-height: 24px
}

.leading-26px {
    line-height: 26px
}

.leading-36px {
    line-height: 36px
}

.leading-40px {
    line-height: 40px
}

.leading-44px {
    line-height: 44px
}

.leading-48px {
    line-height: 48px
}

.leading-none {
    line-height: 1
}

.color-\[rgba\(102\,102\,102\,0\.52\)\] {
    --un-text-opacity: .52;
    color: rgba(102,102,102,var(--un-text-opacity))
}

.color-\[rgba\(255\,255\,255\,\.9\)\] {
    --un-text-opacity: .9;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\[rgba\(255\,255\,255\,0\.3\)\],.text-\[rgba\(255\,255\,255\,0\.3\)\] {
    --un-text-opacity: .3;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\[rgba\(255\,255\,255\,0\.5\)\] {
    --un-text-opacity: .5;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\[rgba\(255\,255\,255\,0\.75\)\] {
    --un-text-opacity: .75;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\[rgba\(255\,255\,255\,0\.8\)\] {
    --un-text-opacity: .8;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\[rgba\(255\,255\,255\,0\.9\)\] {
    --un-text-opacity: .9;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\#000 {
    --un-text-opacity: 1;
    color: rgba(0,0,0,var(--un-text-opacity))
}

.color-\#222 {
    --un-text-opacity: 1;
    color: rgba(34,34,34,var(--un-text-opacity))
}

.color-\#2E3033 {
    --un-text-opacity: 1;
    color: rgba(46,48,51,var(--un-text-opacity))
}

.color-\#333,.color-\#333333 {
    --un-text-opacity: 1;
    color: rgba(51,51,51,var(--un-text-opacity))
}

.color-\#39B818 {
    --un-text-opacity: 1;
    color: rgba(57,184,24,var(--un-text-opacity))
}

.color-\#3F3F3F {
    --un-text-opacity: 1;
    color: rgba(63,63,63,var(--un-text-opacity))
}

.color-\#43A62D {
    --un-text-opacity: 1;
    color: rgba(67,166,45,var(--un-text-opacity))
}

.color-\#61ADFF {
    --un-text-opacity: 1;
    color: rgba(97,173,255,var(--un-text-opacity))
}

.color-\#666 {
    --un-text-opacity: 1;
    color: rgba(102,102,102,var(--un-text-opacity))
}

.color-\#778EA7 {
    --un-text-opacity: 1;
    color: rgba(119,142,167,var(--un-text-opacity))
}

.color-\#827F8F {
    --un-text-opacity: 1;
    color: rgba(130,127,143,var(--un-text-opacity))
}

.color-\#863F0D {
    --un-text-opacity: 1;
    color: rgba(134,63,13,var(--un-text-opacity))
}

.color-\#999 {
    --un-text-opacity: 1;
    color: rgba(153,153,153,var(--un-text-opacity))
}

.color-\#aaa {
    --un-text-opacity: 1;
    color: rgba(170,170,170,var(--un-text-opacity))
}

.color-\#B0FB68 {
    --un-text-opacity: 1;
    color: rgba(176,251,104,var(--un-text-opacity))
}

.color-\#C22200 {
    --un-text-opacity: 1;
    color: rgba(194,34,0,var(--un-text-opacity))
}

.color-\#D05F5F {
    --un-text-opacity: 1;
    color: rgba(208,95,95,var(--un-text-opacity))
}

.color-\#DC5F18 {
    --un-text-opacity: 1;
    color: rgba(220,95,24,var(--un-text-opacity))
}

.color-\#ddd,.color-\#DDD {
    --un-text-opacity: 1;
    color: rgba(221,221,221,var(--un-text-opacity))
}

.color-\#E15B49 {
    --un-text-opacity: 1;
    color: rgba(225,91,73,var(--un-text-opacity))
}

.color-\#E19804 {
    --un-text-opacity: 1;
    color: rgba(225,152,4,var(--un-text-opacity))
}

.color-\#EEEEEE {
    --un-text-opacity: 1;
    color: rgba(238,238,238,var(--un-text-opacity))
}

.color-\#fff,.color-white,.text-\[\#fff\],.text-\#FFFFFF,.text-white {
    --un-text-opacity: 1;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.color-\#FFFFF {
    color: #FFFFF
}

.color-gray {
    --un-text-opacity: 1;
    color: rgba(156,163,175,var(--un-text-opacity))
}

.color-orange {
    --un-text-opacity: 1;
    color: rgba(251,146,60,var(--un-text-opacity))
}

.text-cool-gray-600 {
    --un-text-opacity: 1;
    color: rgba(75,85,99,var(--un-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.text-\[\#545464\] {
    --un-text-opacity: 1;
    color: rgba(84,84,100,var(--un-text-opacity))
}

.text-\[rgba\(255\,255\,255\,\.5\)\] {
    --un-text-opacity: .5;
    color: rgba(255,255,255,var(--un-text-opacity))
}

.active-underline:active {
    text-decoration-line: underline
}

.before\:opacity-0::before,.opacity-0 {
    opacity: 0
}

.hover\:opacity-85:hover {
    opacity: .85
}

.important-color-\#D05F5F {
    --un-text-opacity: 1!important;
    color: rgba(208,95,95,var(--un-text-opacity))!important
}

.important-color-\#fff {
    --un-text-opacity: 1!important;
    color: rgba(255,255,255,var(--un-text-opacity))!important
}

.opacity-30 {
    opacity: .3
}

.outline-transparent {
    outline-color: transparent
}

.blur,.filter {
    filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.blur {
    --un-blur: blur(8px)
}

.transition,.transition-width {
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}

.transition {
    transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter
}

.transition-width {
    transition-property: width
}

.ease,.ease-in-out {
    transition-timing-function: cubic-bezier(0.4,0,0.2,1)
}

.important-transition-none {
    transition: none!important
}

.before\:content-\[\'\'\]::before{content:''}.hover\:important-color-\#43A62D:hover{--un-text-opacity:1!important;color:rgba(67,166,45,var(--un-text-opacity))!important}@media (max-width: 1499.9px){.lt-2xl\:bottom-3px{bottom:3px}.lt-2xl\:right-19px{right:19px}.lt-2xl\:m-10px{margin:10px}.lt-2xl\:mb-20px{margin-bottom:20px}.lt-2xl\:ml-20px{margin-left:20px}.lt-2xl\:ml-7px{margin-left:7px}.lt-2xl\:mr-10px{margin-right:10px}.lt-2xl\:mr-30px{margin-right:30px}.lt-2xl\:mt-20px{margin-top:20px}.lt-2xl\:mt-2px{margin-top:2px}.lt-2xl\:mt-40px{margin-top:40px}.lt-2xl\:h-113px{height:113px}.lt-2xl\:h-122px{height:122px}.lt-2xl\:h-125px{height:125px}.lt-2xl\:h-142px{height:142px}.lt-2xl\:h-158px{height:158px}.lt-2xl\:h-160px{height:160px}.lt-2xl\:h-18px{height:18px}.lt-2xl\:h-19px{height:19px}.lt-2xl\:h-20px{height:20px}.lt-2xl\:h-220px{height:220px}.lt-2xl\:h-235px{height:235px}.lt-2xl\:h-27px{height:27px}.lt-2xl\:h-290px{height:290px}.lt-2xl\:h-30px{height:30px}.lt-2xl\:h-336px{height:336px}.lt-2xl\:h-33px{height:33px}.lt-2xl\:h-368px{height:368px}.lt-2xl\:h-40px{height:40px}.lt-2xl\:h-43px{height:43px}.lt-2xl\:h-460px{height:460px}.lt-2xl\:h-47px{height:47px}.lt-2xl\:h-490px{height:490px}.lt-2xl\:h-537px{height:537px}.lt-2xl\:h-624px{height:624px}.lt-2xl\:h-67px{height:67px}.lt-2xl\:h-85px{height:85px}.lt-2xl\:w-1000px{width:1000px}.lt-2xl\:w-113px{width:113px}.lt-2xl\:w-117px{width:117px}.lt-2xl\:w-125px{width:125px}.lt-2xl\:w-130px{width:130px}.lt-2xl\:w-150px{width:150px}.lt-2xl\:w-19px{width:19px}.lt-2xl\:bottom-\[-50px\]{bottom:-50px}.lt-2xl\:bottom-\[-62px\]{bottom:-62px}.lt-2xl\:bottom-\[7px\]{bottom:7px}.lt-2xl\:m-\[-10px\]{margin:-10px}.lt-2xl\:m-\[-6\.5px\]{margin:-6.5px}.lt-2xl\:m-\[6\.5px\]{margin:6.5px}.lt-2xl\:w-20px{width:20px}.lt-2xl\:w-235px{width:235px}.lt-2xl\:w-260px{width:260px}.lt-2xl\:w-267px{width:267px}.lt-2xl\:w-27px{width:27px}.lt-2xl\:w-35px{width:35px}.lt-2xl\:w-37px{width:37px}.lt-2xl\:w-40px{width:40px}.lt-2xl\:w-41px{width:41px}.lt-2xl\:w-47px{width:47px}.lt-2xl\:w-60px{width:60px}.lt-2xl\:w-67px{width:67px}.lt-2xl\:w-853px{width:853px}.lt-2xl\:w-960px{width:960px}.lt-2xl\:rounded-28px{border-radius:28px}.lt-2xl\:rounded-3px{border-radius:3px}.lt-2xl\:rounded-7px{border-radius:7px}.lt-2xl\:rounded-r-7px{border-top-right-radius:7px;border-bottom-right-radius:7px}.lt-2xl\:p-10px{padding:10px}.lt-2xl\:p-7px{padding:7px}.lt-2xl\:px-10px{padding-left:10px;padding-right:10px}.lt-2xl\:px-7px{padding-left:7px;padding-right:7px}.lt-2xl\:py-40px{padding-top:40px;padding-bottom:40px}.lt-2xl\:py-7px,.lt-2xl\:pb-7px{padding-bottom:7px}.lt-2xl\:py-7px{padding-top:7px}.lt-2xl\:pl-13px{padding-left:13px}.lt-2xl\:pl-16px{padding-left:16px}.lt-2xl\:pl-23px{padding-left:23px}.lt-2xl\:pl-3px{padding-left:3px}.lt-2xl\:pl-7px{padding-left:7px}.lt-2xl\:pl-8px{padding-left:8px}.lt-2xl\:pt-0{padding-top:0}.lt-2xl\:pt-10px{padding-top:10px}.lt-2xl\:pt-40px{padding-top:40px}.lt-2xl\:pt-57px{padding-top:57px}.lt-2xl\:pt-7px{padding-top:7px}.lt-2xl\:text-12px{font-size:12px}.lt-2xl\:text-13px{font-size:13px}.lt-2xl\:text-17px{font-size:17px}.lt-2xl\:text-20px{font-size:20px}.lt-2xl\:leading-30px{line-height:30px}.lt-2xl\:leading-40px{line-height:40px}}@media (max-width: 1349.9px){.lt-uxl\:right-110px{right:110px}.lt-uxl\:mr-20px{margin-right:20px}.lt-uxl\:w-652px{width:652px}.lt-uxl\:justify-start{justify-content:flex-start}.lt-uxl\:bg-\[\#070a13\]{--un-bg-opacity:1;background-color:rgba(7,10,19,var(--un-bg-opacity))}}@media (max-width: 1280.9px){.lt-xl\:mb-12px{margin-bottom:12px}.lt-xl\:mb-8px{margin-bottom:8px}.lt-xl\:ml-12px{margin-left:12px}.lt-xl\:mt-8px{margin-top:8px}.lt-xl\:h-26px{height:26px}.lt-xl\:h-54px{height:54px}.lt-xl\:h-auto{height:auto}.lt-xl\:important-w-95px{width:95px!important}.lt-xl\:w-104px{width:104px}.lt-xl\:w-90px{width:90px}.lt-xl\:p-6px{padding:6px}.lt-xl\:px-4px{padding-left:4px;padding-right:4px}.lt-xl\:pt-12px{padding-top:12px}.lt-xl\:text-12px{font-size:12px}.lt-xl\:text-14px{font-size:14px}.lt-xl\:leading-16px{line-height:16px}.lt-xl\:h-\[55\%\]{height:55%}.lt-xl\:h-\[82\%\]{height:82%}.lt-xl\:w-\[calc\(100\%-90px\)\]{width:calc(100% - 90px)}}


.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

*,::before,::after {
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,samp,pre {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button;
    background-color: rgba(0,0,0,0);
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre,fieldset {
    margin: 0
}

fieldset,legend,ol,ul,menu {
    padding: 0
}

ol,ul,menu {
    list-style: none;
    margin: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,svg,video,canvas,audio,iframe,embed,object {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

:root {
    --el-color-primary-rgb: 85,190,85;
    --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','\5fae\8f6f\96c5\9ed1',Arial,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(0.645,0.045,0.355,1);
    --el-transition-function-fast-bezier: cubic-bezier(0.23,1,0.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-white: #fff;
    --el-color-black: #000;
    --el-color-primary: #55be55;
    --el-color-primary-light-3: #88d288;
    --el-color-primary-light-5: #aadfaa;
    --el-color-primary-light-7: #cceccc;
    --el-color-primary-light-8: #ddf2dd;
    --el-color-primary-light-9: #eef9ee;
    --el-color-primary-dark-2: #449844;
    --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: #fff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #fff;
    --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: #fff;
    --el-box-shadow: 0 12px 32px 4px rgba(0,0,0,0.04),0px 8px 20px rgba(0,0,0,0.08);
    --el-box-shadow-light: 0 0 12px rgba(0,0,0,0.12);
    --el-box-shadow-lighter: 0 0 6px rgba(0,0,0,0.12);
    --el-box-shadow-dark: 0 16px 48px 16px rgba(0,0,0,0.08),0px 12px 32px rgba(0,0,0,0.12),0px 8px 16px -8px rgba(0,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,0.8);
    --el-overlay-color-light: rgba(0,0,0,0.7);
    --el-overlay-color-lighter: rgba(0,0,0,0.5);
    --el-mask-color: rgba(255,255,255,0.9);
    --el-mask-color-extra-light: rgba(255,255,255,0.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)
}

.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(0.55,0,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(0.55,0,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);
    transition: var(--el-transition-md-fade);
    transform-origin: center top
}

.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);
    transition: var(--el-transition-md-fade);
    transform-origin: center bottom
}

.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,1);
    transition: var(--el-transition-md-fade);
    transform-origin: top left
}

.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(0.45,0.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-leave-active,.el-collapse-transition-enter-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(0.55,0,0.1,1)
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotateZ(0deg)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

.el-icon {
    --color: inherit;
    height: 1em;
    width: 1em;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    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-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-form {
    --el-form-label-font-size: var(--el-font-size-base)
}

.el-form--label-left .el-form-item__label {
    justify-content: flex-start
}

.el-form--label-top .el-form-item,.el-form--label-top .el-form-item .el-form-item__label {
    display: block
}

.el-form--label-top .el-form-item .el-form-item__label {
    height: auto;
    text-align: left;
    margin-bottom: 8px;
    line-height: 22px
}

.el-form--inline .el-form-item {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 32px
}

.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--large.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 12px;
    line-height: 22px
}

.el-form--default.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 8px;
    line-height: 22px
}

.el-form--small.el-form--label-top .el-form-item .el-form-item__label {
    margin-bottom: 4px;
    line-height: 20px
}

.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,.el-form-item--large .el-form-item__content {
    line-height: 40px
}

.el-form-item--large .el-form-item__label {
    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,.el-form-item--default .el-form-item__content {
    line-height: 32px
}

.el-form-item--default .el-form-item__label {
    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,.el-form-item--small .el-form-item__content {
    line-height: 24px
}

.el-form-item--small .el-form-item__label {
    height: 24px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item__label-wrap {
    display: flex
}

.el-form-item__label {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex: 0 0 auto;
    font-size: var(--el-form-label-font-size);
    color: var(--el-text-color-regular);
    height: 32px;
    line-height: 32px;
    padding: 0 12px 0 0;
    box-sizing: border-box
}

.el-form-item__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 1;
    line-height: 32px;
    position: relative;
    font-size: var(--font-size);
    min-width: 0
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: var(--el-color-danger);
    font-size: 12px;
    line-height: 1;
    padding-top: 2px;
    position: absolute;
    top: 100%;
    left: 0
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before {
    content: "*";
    color: var(--el-color-danger);
    margin-right: 4px
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after {
    content: "*";
    color: var(--el-color-danger);
    margin-left: 4px
}

.el-form-item.is-error .el-select-v2__wrapper,.el-form-item.is-error .el-select-v2__wrapper:focus,.el-form-item.is-error .el-textarea__inner,.el-form-item.is-error .el-textarea__inner:focus {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-form-item.is-error .el-input__wrapper {
    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: 0 0 0 1px rgba(0,0,0,0) inset
}

.el-form-item.is-error .el-input__validateIcon {
    color: var(--el-color-danger)
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-flex
}

: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 {
    100% {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: var(--el-popup-modal-opacity);
    background: var(--el-popup-modal-bg-color)
}

.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: 20px;
    --el-dialog-border-radius: var(--el-border-radius-small);
    position: relative;
    margin: var(--el-dialog-margin-top,15vh) auto 50px;
    background: var(--el-dialog-bg-color);
    border-radius: var(--el-dialog-border-radius);
    box-shadow: var(--el-dialog-box-shadow);
    box-sizing: border-box;
    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;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.el-dialog.is-draggable .el-dialog__header {
    cursor: move;
    -webkit-user-select: none;
    user-select: none
}

.el-dialog__header {
    padding: var(--el-dialog-padding-primary) var(--el-dialog-padding-primary) 10px;
    margin-right: 16px;
    word-break: break-all
}

.el-dialog__headerbtn {
    position: absolute;
    top: 6px;
    right: 0;
    padding: 0;
    width: 54px;
    height: 54px;
    background: rgba(0,0,0,0);
    border: none;
    outline: none;
    cursor: pointer;
    font-size: var(--el-message-close-size,16px)
}

.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 {
    line-height: var(--el-dialog-font-line-height);
    font-size: var(--el-dialog-title-font-size);
    color: var(--el-text-color-primary)
}

.el-dialog__body {
    padding: calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary);
    color: var(--el-text-color-regular);
    font-size: var(--el-dialog-content-font-size);
    word-break: break-all
}

.el-dialog__footer {
    padding: 10px var(--el-dialog-padding-primary) var(--el-dialog-padding-primary);
    text-align: right;
    box-sizing: border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 25px calc(var(--el-dialog-padding-primary) + 5px) 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.el-overlay-dialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto
}

.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% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    100% {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    100% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

@keyframes modal-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes modal-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 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,0.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);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 32px;
    white-space: nowrap;
    cursor: pointer;
    color: var(--el-button-text-color);
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: .1s;
    font-weight: var(--el-button-font-weight);
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    -webkit-appearance: none;
    background-color: var(--el-button-bg-color);
    border: var(--el-border);
    border-color: var(--el-button-border-color);
    padding: 8px 15px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base)
}

.el-button:hover,.el-button:focus {
    color: var(--el-button-hover-text-color);
    border-color: var(--el-button-hover-border-color);
    background-color: var(--el-button-hover-bg-color);
    outline: none
}

.el-button:active {
    color: var(--el-button-active-text-color);
    border-color: var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline: none
}

.el-button:focus-visible {
    outline: 2px solid var(--el-button-outline-color);
    outline-offset: 1px
}

.el-button>span {
    display: inline-flex;
    align-items: center
}

.el-button+.el-button {
    margin-left: 12px
}

.el-button.is-round {
    padding: 8px 15px;
    border-radius: var(--el-border-radius-round)
}

.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 {
    color: var(--el-button-active-text-color);
    border-color: var(--el-button-active-border-color);
    background-color: var(--el-button-active-bg-color);
    outline: none
}

.el-button.is-disabled,.el-button.is-disabled:hover,.el-button.is-disabled:focus {
    color: var(--el-button-disabled-text-color);
    cursor: not-allowed;
    background-image: none;
    background-color: var(--el-button-disabled-bg-color);
    border-color: var(--el-button-disabled-border-color)
}

.el-button.is-loading {
    position: relative;
    pointer-events: none
}

.el-button.is-loading:before {
    z-index: 1;
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: var(--el-mask-color-extra-light)
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 8px
}

.el-button.is-text {
    color: var(--el-button-text-color);
    border: 0 solid rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.el-button.is-text.is-disabled {
    background-color: rgba(0,0,0,0)!important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-text:not(.is-disabled):hover,.el-button.is-text:not(.is-disabled):focus {
    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
}

.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,.el-button.is-text:not(.is-disabled).is-has-bg:focus {
    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: -0.3em
}

.el-button.is-link {
    border-color: rgba(0,0,0,0);
    color: var(--el-button-text-color);
    background: rgba(0,0,0,0);
    padding: 2px;
    height: auto
}

.el-button.is-link:hover,.el-button.is-link:focus {
    color: var(--el-button-hover-link-text-color)
}

.el-button.is-link.is-disabled {
    background-color: rgba(0,0,0,0)!important;
    border-color: rgba(0,0,0,0)!important;
    color: var(--el-button-disabled-text-color)
}

.el-button.is-link:not(.is-disabled):hover,.el-button.is-link:not(.is-disabled):focus {
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.el-button.is-link:not(.is-disabled):active {
    color: var(--el-button-active-color);
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.el-button--text {
    border-color: rgba(0,0,0,0);
    background: rgba(0,0,0,0);
    color: var(--el-color-primary);
    padding-left: 0;
    padding-right: 0
}

.el-button--text.is-disabled {
    background-color: rgba(0,0,0,0)!important;
    border-color: rgba(0,0,0,0)!important;
    color: var(--el-button-disabled-text-color)
}

.el-button--text:not(.is-disabled):hover,.el-button--text:not(.is-disabled):focus {
    color: var(--el-color-primary-light-3);
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.el-button--text:not(.is-disabled):active {
    color: var(--el-color-primary-dark-2);
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0)
}

.el-button__link--expand {
    letter-spacing: .3em;
    margin-right: -0.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-plain,.el-button--primary.is-text,.el-button--primary.is-link {
    --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-plain.is-disabled,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:hover,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:active {
    color: var(--el-color-primary-light-5);
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8)
}

.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-plain,.el-button--success.is-text,.el-button--success.is-link {
    --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-plain.is-disabled,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:hover,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:active,.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:active {
    color: var(--el-color-success-light-5);
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8)
}

.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-plain,.el-button--warning.is-text,.el-button--warning.is-link {
    --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-plain.is-disabled,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:hover,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:active {
    color: var(--el-color-warning-light-5);
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8)
}

.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-plain,.el-button--danger.is-text,.el-button--danger.is-link {
    --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-plain.is-disabled,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:hover,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:active {
    color: var(--el-color-danger-light-5);
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8)
}

.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-plain,.el-button--info.is-text,.el-button--info.is-link {
    --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-plain.is-disabled,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:hover,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:active,.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:active {
    color: var(--el-color-info-light-5);
    background-color: var(--el-color-info-light-9);
    border-color: var(--el-color-info-light-8)
}

.el-button--large {
    --el-button-size: 40px;
    height: var(--el-button-size);
    padding: 12px 19px;
    font-size: var(--el-font-size-base);
    border-radius: var(--el-border-radius-base)
}

.el-button--large [class*=el-icon]+span {
    margin-left: 8px
}

.el-button--large.is-round {
    padding: 12px 19px
}

.el-button--large.is-circle {
    width: var(--el-button-size);
    padding: 12px
}

.el-button--small {
    --el-button-size: 24px;
    height: var(--el-button-size);
    padding: 5px 11px;
    font-size: 12px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.el-button--small [class*=el-icon]+span {
    margin-left: 4px
}

.el-button--small.is-round {
    padding: 5px 11px
}

.el-button--small.is-circle {
    width: var(--el-button-size);
    padding: 5px
}

.el-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    height: 100%;
    background-color: var(--el-overlay-color-lighter);
    overflow: auto
}

.el-overlay .el-overlay-root {
    height: 0
}

.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(0.55,0,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(0.55,0,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);
    transition: var(--el-transition-md-fade);
    transform-origin: center top
}

.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);
    transition: var(--el-transition-md-fade);
    transform-origin: center bottom
}

.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,1);
    transition: var(--el-transition-md-fade);
    transform-origin: top left
}

.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(0.45,0.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-leave-active,.el-collapse-transition-enter-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(0.55,0,0.1,1)
}

: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-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 {
    border-right: solid 1px var(--el-menu-border-color);
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: var(--el-menu-bg-color);
    box-sizing: border-box
}

.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-sub-menu__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
    white-space: nowrap;
    padding-left: calc( 20px + var(--el-menu-level) * 20px );
    padding-left: calc( var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding) )
}

.el-menu--horizontal {
    display: flex;
    flex-wrap: nowrap;
    border-bottom: solid 1px var(--el-menu-border-color);
    border-right: none
}

.el-menu--horizontal>.el-menu-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    border-bottom: 2px solid rgba(0,0,0,0);
    color: var(--el-menu-text-color)
}

.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus {
    background-color: #fff
}

.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 {
    height: 100%;
    border-bottom: 2px solid rgba(0,0,0,0);
    color: var(--el-menu-text-color)
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover {
    background-color: var(--el-bg-color-overlay)
}

.el-menu--horizontal>.el-sub-menu .el-sub-menu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px
}

.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title {
    background-color: var(--el-menu-bg-color);
    display: flex;
    align-items: center;
    height: var(--el-menu-horizontal-sub-item-height);
    padding: 0 10px;
    color: var(--el-menu-text-color)
}

.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):hover,.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
    outline: none;
    color: var(--el-menu-hover-text-color);
    background-color: var(--el-menu-hover-bg-color)
}

.el-menu--horizontal>.el-menu-item.is-active {
    color: var(--el-menu-active-color)!important;
    border-bottom: 2px solid var(--el-menu-active-color)
}

.el-menu--collapse {
    width: calc( 24px + 20px * 2 );
    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-sub-menu>.el-sub-menu__title [class^=el-icon] {
    margin: 0;
    vertical-align: middle;
    width: var(--el-menu-icon-width);
    text-align: center
}

.el-menu--collapse>.el-menu-item .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>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
}

.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 {
    position: relative
}

.el-menu--collapse .el-sub-menu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    z-index: 10;
    border: 1px solid var(--el-border-color-light);
    border-radius: var(--el-border-radius-small);
    box-shadow: var(--el-box-shadow-light)
}

.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
    color: var(--el-menu-active-color)
}

.el-menu--popup {
    z-index: 100;
    min-width: 200px;
    border: none;
    padding: 5px 0;
    border-radius: var(--el-border-radius-small);
    box-shadow: var(--el-box-shadow-light)
}

.el-menu .el-icon {
    flex-shrink: 0
}

.el-menu-item {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size: var(--el-menu-item-font-size);
    color: var(--el-menu-text-color);
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
    box-sizing: border-box;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: bottom
}

.el-menu-item i {
    color: inherit
}

.el-menu-item:hover,.el-menu-item:focus {
    outline: none
}

.el-menu-item:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-menu-item.is-disabled {
    background: none!important;
    opacity: .25;
    cursor: not-allowed
}

.el-menu-item [class^=el-icon] {
    margin-right: 5px;
    width: var(--el-menu-icon-width);
    text-align: center;
    font-size: 18px;
    vertical-align: middle
}

.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 {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 var(--el-menu-base-level-padding)
}

.el-sub-menu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-sub-menu__title {
    display: flex;
    align-items: center;
    height: var(--el-menu-item-height);
    line-height: var(--el-menu-item-height);
    font-size: var(--el-menu-item-font-size);
    color: var(--el-menu-text-color);
    padding: 0 var(--el-menu-base-level-padding);
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration),color var(--el-transition-duration);
    box-sizing: border-box;
    white-space: nowrap
}

.el-sub-menu__title * {
    vertical-align: bottom
}

.el-sub-menu__title i {
    color: inherit
}

.el-sub-menu__title:hover,.el-sub-menu__title:focus {
    outline: none
}

.el-sub-menu__title:hover {
    background-color: var(--el-menu-hover-bg-color)
}

.el-sub-menu__title.is-disabled {
    background: none!important;
    opacity: .25;
    cursor: not-allowed
}

.el-sub-menu .el-menu {
    border: none
}

.el-sub-menu .el-menu-item {
    height: calc(56px - 6px);
    height: var(--el-menu-sub-item-height);
    line-height: calc(56px - 6px);
    line-height: var(--el-menu-sub-item-height);
    min-width: 200px
}

.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-sub-menu__title,.el-sub-menu.is-disabled .el-menu-item {
    background: none!important;
    opacity: .25;
    cursor: not-allowed
}

.el-sub-menu .el-icon {
    vertical-align: middle;
    margin-right: 5px;
    width: var(--el-menu-icon-width);
    text-align: center;
    font-size: 18px
}

.el-sub-menu .el-icon.el-sub-menu__icon-more {
    margin-right: 0!important
}

.el-sub-menu .el-sub-menu__icon-arrow {
    position: absolute;
    top: 50%;
    right: var(--el-menu-base-level-padding);
    margin-top: -7px;
    transition: transform var(--el-transition-duration);
    font-size: 12px;
    margin-right: 0;
    width: inherit
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    padding: 7px 0 7px var(--el-menu-base-level-padding);
    line-height: normal;
    font-size: 12px;
    color: var(--el-text-color-secondary)
}

.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
    transition: var(--el-transition-duration-fast);
    opacity: 0
}

.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);
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: var(--el-font-size-base)
}

.el-textarea__inner {
    position: relative;
    display: block;
    resize: vertical;
    padding: 5px 11px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    font-family: inherit;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    -webkit-appearance: none;
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    transition: var(--el-transition-box-shadow);
    border: none
}

.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 {
    outline: none;
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
}

.el-textarea .el-input__count {
    color: var(--el-color-info);
    background: var(--el-fill-color-blank);
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    bottom: 5px;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: var(--el-color-danger)
}

.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-height: var(--el-component-size);
    position: relative;
    font-size: var(--el-font-size-base);
    display: inline-flex;
    width: 100%;
    line-height: var(--el-input-height);
    box-sizing: border-box;
    vertical-align: middle
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: var(--el-text-color-disabled)
}

.el-input::-webkit-scrollbar-corner {
    background: var(--el-fill-color-blank)
}

.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);
    font-size: 14px;
    cursor: pointer
}

.el-input .el-input__clear:hover,.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: var(--el-color-info);
    font-size: 12px
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    line-height: initial;
    display: inline-block;
    padding-left: 8px
}

.el-input__wrapper {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 1px 11px;
    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));
    transition: var(--el-transition-box-shadow);
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset
}

.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:focus {
    outline: none
}

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height,32px) - 2px);
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    font-size: inherit;
    height: calc(32px - 2px);
    height: var(--el-input-inner-height);
    line-height: calc(32px - 2px);
    line-height: var(--el-input-inner-height);
    padding: 0;
    border: none;
    background: none;
    box-sizing: border-box
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color,var(--el-text-color-placeholder))
}

.el-input__inner::selection {
    outline: none
}

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__prefix {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    text-align: center;
    color: var(--el-input-icon-color,var(--el-text-color-placeholder));
    transition: all var(--el-transition-duration);
    pointer-events: none
}

.el-input__prefix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.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 {
    display: inline-flex;
    white-space: nowrap;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    text-align: center;
    color: var(--el-input-icon-color,var(--el-text-color-placeholder));
    transition: all var(--el-transition-duration);
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.el-input__suffix-inner>:first-child,.el-input .el-input__icon {
    margin-left: 8px
}

.el-input .el-input__icon {
    height: inherit;
    line-height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    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::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 {
    display: inline-flex;
    width: 100%;
    align-items: stretch
}

.el-input-group__append,.el-input-group__prepend {
    background-color: var(--el-fill-color-light);
    color: var(--el-color-info);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    border-radius: var(--el-input-border-radius);
    padding: 0 20px;
    white-space: nowrap
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-select,.el-input-group__append .el-button,.el-input-group__prepend .el-select,.el-input-group__prepend .el-button {
    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-input__wrapper,.el-input-group__append div.el-select:hover .el-input__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-input__wrapper,.el-input-group__prepend div.el-select:hover .el-input__wrapper {
    border-color: rgba(0,0,0,0);
    background-color: rgba(0,0,0,0);
    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-right: 0;
    border-top-right-radius: 0;
    border-bottom-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-group--prepend>.el-input__wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.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-group__prepend .el-select .el-input .el-input__inner {
    box-shadow: none!important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input .el-input__wrapper {
    border-top-right-radius: 0;
    border-bottom-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--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none!important
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper,.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus {
    box-shadow: 1px 0 0 0 var(--el-input-focus-border-color) inset,1px 0 0 0 var(--el-input-focus-border-color),0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important;
    z-index: 2
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-input.is-focus .el-input__wrapper:focus {
    outline: none
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__inner {
    box-shadow: none!important
}

.el-input-group--prepend .el-input-group__prepend .el-select:hover .el-input__wrapper {
    box-shadow: 1px 0 0 0 var(--el-input-hover-border-color) inset,1px 0 0 0 var(--el-input-hover-border-color),0 1px 0 0 var(--el-input-hover-border-color) inset,0 -1px 0 0 var(--el-input-hover-border-color) inset!important;
    z-index: 1
}

.el-input-group--append>.el-input__wrapper {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__inner {
    box-shadow: none!important
}

.el-input-group--append .el-input-group__append .el-select .el-input .el-input__wrapper {
    border-top-left-radius: 0;
    border-bottom-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-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__inner {
    box-shadow: none!important
}

.el-input-group--append .el-input-group__append .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: -1px 0 0 0 var(--el-input-focus-border-color),-1px 0 0 0 var(--el-input-focus-border-color) inset,0 1px 0 0 var(--el-input-focus-border-color) inset,0 -1px 0 0 var(--el-input-focus-border-color) inset!important;
    z-index: 2
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__inner {
    box-shadow: none!important
}

.el-input-group--append .el-input-group__append .el-select:hover .el-input__wrapper {
    box-shadow: -1px 0 0 0 var(--el-input-hover-border-color),-1px 0 0 0 var(--el-input-hover-border-color) inset,0 1px 0 0 var(--el-input-hover-border-color) inset,0 -1px 0 0 var(--el-input-hover-border-color) inset!important;
    z-index: 1
}

.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);
    position: absolute;
    box-sizing: border-box;
    background-color: var(--el-drawer-bg-color);
    display: flex;
    flex-direction: column;
    box-shadow: var(--el-box-shadow-dark);
    overflow: hidden;
    transition: all var(--el-transition-duration)
}

.el-drawer .rtl,.el-drawer .ltr,.el-drawer .ttb,.el-drawer .btt {
    transform: translate(0,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,.el-drawer__title {
    flex: 1
}

.el-drawer__title {
    margin: 0;
    line-height: inherit;
    font-size: 1rem
}

.el-drawer__footer {
    padding: 10px var(--el-drawer-padding-primary) var(--el-drawer-padding-primary);
    text-align: right
}

.el-drawer__close-btn {
    display: inline-flex;
    border: none;
    cursor: pointer;
    font-size: var(--el-font-size-extra-large);
    color: inherit;
    background-color: rgba(0,0,0,0);
    outline: none
}

.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i {
    color: var(--el-color-primary)
}

.el-drawer__body {
    flex: 1;
    padding: var(--el-drawer-padding-primary);
    overflow: auto
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,.el-drawer.rtl {
    height: 100%;
    top: 0;
    bottom: 0
}

.el-drawer.ttb,.el-drawer.btt,.el-drawer.ltr {
    left: 0
}

.el-drawer.ttb,.el-drawer.btt,.el-drawer.rtl {
    right: 0
}

.el-drawer.ttb,.el-drawer.btt {
    width: 100%
}

.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-from,.el-drawer-fade-enter-active,.el-drawer-fade-enter-to,.el-drawer-fade-leave-from,.el-drawer-fade-leave-active,.el-drawer-fade-leave-to {
    overflow: hidden!important
}

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

.el-drawer-fade-enter-to,.el-drawer-fade-leave-from {
    opacity: 1
}

.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl {
    transform: translateX(100%)
}

.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr {
    transform: translateX(-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-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);
    color: var(--el-checkbox-text-color);
    font-weight: var(--el-checkbox-font-weight);
    font-size: var(--el-font-size-base);
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    margin-right: 30px;
    height: 32px
}

.el-checkbox.is-bordered {
    padding: 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border: var(--el-border);
    box-sizing: border-box
}

.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);
    cursor: not-allowed
}

.el-checkbox.is-bordered.el-checkbox--large {
    padding: 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.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 {
    padding: 0 11px 0 7px;
    border-radius: calc(var(--el-border-radius-base) - 1px)
}

.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 {
    outline: 2px solid var(--el-checkbox-input-border-color-hover);
    outline-offset: 1px;
    border-radius: var(--el-checkbox-border-radius)
}

.el-checkbox__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    position: relative
}

.el-checkbox__input.is-disabled .el-checkbox__inner,.el-checkbox__input.is-disabled .el-checkbox__inner::after,.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: var(--el-checkbox-disabled-input-fill);
    border-color: var(--el-checkbox-disabled-border-color)
}

.el-checkbox__input.is-disabled .el-checkbox__inner::after {
    border-color: var(--el-checkbox-disabled-icon-color)
}

.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 {
    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 {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--el-checkbox-checked-icon-color);
    height: 2px;
    transform: scale(0.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: var(--el-checkbox-input-border);
    border-radius: var(--el-checkbox-border-radius);
    box-sizing: border-box;
    width: var(--el-checkbox-input-width);
    height: var(--el-checkbox-input-height);
    background-color: var(--el-checkbox-bg-color);
    z-index: var(--el-index-normal);
    transition: border-color .25s cubic-bezier(0.71,-0.46,0.29,1.46),background-color .25s cubic-bezier(0.71,-0.46,0.29,1.46),outline .25s cubic-bezier(0.71,-0.46,0.29,1.46)
}

.el-checkbox__inner:hover {
    border-color: var(--el-checkbox-input-border-color-hover)
}

.el-checkbox__inner::after {
    box-sizing: content-box;
    content: "";
    border: 1px solid var(--el-checkbox-checked-icon-color);
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 8px;
    line-height: 1;
    font-size: var(--el-checkbox-font-size)
}

.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 {
    width: 14px;
    height: 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 {
    width: 12px;
    height: 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 {
    width: 2px;
    height: 6px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-switch {
    --el-switch-on-color: var(--el-color-primary);
    --el-switch-off-color: var(--el-border-color);
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 32px;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    transition: var(--el-transition-duration-fast);
    height: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    color: var(--el-text-color-primary)
}

.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 * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
}

.el-switch__label .el-icon {
    height: inherit
}

.el-switch__label .el-icon svg {
    vertical-align: middle
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.el-switch__input:focus-visible~.el-switch__core {
    outline: 2px solid var(--el-switch-on-color);
    outline-offset: 1px
}

.el-switch__core {
    display: inline-flex;
    position: relative;
    align-items: center;
    min-width: 40px;
    height: 20px;
    border: 1px solid var(--el-switch-border-color,var(--el-switch-off-color));
    outline: none;
    border-radius: 10px;
    box-sizing: border-box;
    background: var(--el-switch-off-color);
    cursor: pointer;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration)
}

.el-switch__core .el-switch__inner {
    width: 100%;
    transition: all var(--el-transition-duration);
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0 4px 0 calc(16px + 2px)
}

.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text {
    font-size: 12px;
    color: var(--el-color-white);
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-switch__core .el-switch__action {
    position: absolute;
    left: 1px;
    border-radius: var(--el-border-radius-circle);
    transition: all var(--el-transition-duration);
    width: 16px;
    height: 16px;
    background-color: var(--el-color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--el-switch-off-color)
}

.el-switch.is-checked .el-switch__core {
    border-color: var(--el-switch-border-color,var(--el-switch-on-color));
    background-color: var(--el-switch-on-color)
}

.el-switch.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 17px);
    color: var(--el-switch-on-color)
}

.el-switch.is-checked .el-switch__core .el-switch__inner {
    padding: 0 calc(16px + 2px) 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,.el-switch--large .el-switch__label,.el-switch--large .el-switch__label * {
    font-size: 14px
}

.el-switch--large {
    line-height: 24px;
    height: 40px
}

.el-switch--large .el-switch__label,.el-switch--large .el-switch__core {
    height: 24px
}

.el-switch--large .el-switch__core {
    min-width: 50px;
    border-radius: 12px
}

.el-switch--large .el-switch__core .el-switch__inner {
    height: 20px;
    padding: 0 6px 0 calc(20px + 2px)
}

.el-switch--large .el-switch__core .el-switch__action {
    width: 20px;
    height: 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 calc(20px + 2px) 0 6px
}

.el-switch--small,.el-switch--small .el-switch__label,.el-switch--small .el-switch__label * {
    font-size: 12px
}

.el-switch--small {
    line-height: 16px;
    height: 24px
}

.el-switch--small .el-switch__label,.el-switch--small .el-switch__core {
    height: 16px
}

.el-switch--small .el-switch__core {
    min-width: 30px;
    border-radius: 8px
}

.el-switch--small .el-switch__core .el-switch__inner {
    height: 12px;
    padding: 0 2px 0 calc(12px + 2px)
}

.el-switch--small .el-switch__core .el-switch__action {
    width: 12px;
    height: 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 calc(12px + 2px) 0 2px
}

.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-top: 1px solid var(--el-collapse-border-color);
    border-bottom: 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 {
    display: flex;
    align-items: center;
    height: var(--el-collapse-header-height);
    line-height: var(--el-collapse-header-height);
    background-color: var(--el-collapse-header-bg-color);
    color: var(--el-collapse-header-text-color);
    cursor: pointer;
    border-bottom: 1px solid var(--el-collapse-border-color);
    font-size: var(--el-collapse-header-font-size);
    font-weight: 500;
    transition: border-bottom-color var(--el-transition-duration);
    outline: none
}

.el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: transform var(--el-transition-duration);
    font-weight: 300
}

.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: rgba(0,0,0,0)
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: var(--el-collapse-content-bg-color);
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid var(--el-collapse-border-color)
}

.el-collapse-item__content {
    padding-bottom: 25px;
    font-size: var(--el-collapse-content-font-size);
    color: var(--el-collapse-content-text-color);
    line-height: 1.7692307692
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.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%
    }

    100% {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%;
    --el-skeleton-circle-size: var(--el-avatar-size)
}

.el-skeleton__first-line {
    height: 16px;
    margin-top: 16px;
    background: var(--el-skeleton-color)
}

.el-skeleton__paragraph {
    height: 16px;
    margin-top: 16px;
    background: var(--el-skeleton-color)
}

.el-skeleton.is-animated .el-skeleton__item {
    background: linear-gradient(90deg,var(--el-skeleton-color) 25%,var(--el-skeleton-to-color) 37%,var(--el-skeleton-color) 63%);
    background-size: 400% 100%;
    animation: el-skeleton-loading 1.4s ease infinite
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    width: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-skeleton__item {
    background: var(--el-skeleton-color);
    display: inline-block;
    height: 16px;
    border-radius: var(--el-border-radius-base);
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    width: var(--el-skeleton-circle-size);
    height: var(--el-skeleton-circle-size);
    line-height: var(--el-skeleton-circle-size)
}

.el-skeleton__button {
    height: 40px;
    width: 64px;
    border-radius: 4px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    width: 100%;
    height: var(--el-font-size-small)
}

.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 svg {
    color: var(--el-svg-monochrome-grey);
    fill: currentColor;
    width: 22%;
    height: 22%
}

.el-progress {
    position: relative;
    line-height: 1;
    display: flex;
    align-items: center
}

.el-progress__text {
    font-size: 14px;
    color: var(--el-text-color-regular);
    margin-left: 5px;
    min-width: 50px;
    line-height: 1
}

.el-progress__text i {
    vertical-align: middle;
    display: block
}

.el-progress--circle,.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    transform: translate(0,-50%)
}

.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar,.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress--without-text .el-progress-bar {
    display: block
}

.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 {
    flex-grow: 1;
    box-sizing: border-box
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: var(--el-border-color-lighter);
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: var(--el-color-primary);
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease
}

.el-progress-bar__inner::after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__inner--indeterminate {
    transform: translateZ(0);
    animation: indeterminate 3s infinite
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 32px 0
    }
}

@keyframes indeterminate {
    0% {
        left: -100%
    }

    100% {
        left: 100%
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    word-wrap: anywhere;
    color: #fff!important;
    font-size: 16px!important
}

.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);
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    word-wrap: anywhere;
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.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;
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.el-badge__content {
    background-color: var(--el-badge-bg-color);
    border-radius: var(--el-badge-radius);
    color: var(--el-color-white);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: var(--el-badge-font-size);
    height: var(--el-badge-size);
    padding: 0 var(--el-badge-padding);
    white-space: nowrap;
    border: 1px solid var(--el-bg-color)
}

.el-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: calc(1px + var(--el-badge-size) / 2);
    transform: translateY(-50%) translateX(100%)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
}

.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-image__error,.el-image__placeholder,.el-image__wrapper,.el-image__inner {
    width: 100%;
    height: 100%
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.el-image__inner {
    vertical-align: top;
    opacity: 1
}

.el-image__inner.is-loading {
    opacity: 0
}

.el-image__wrapper {
    position: absolute;
    top: 0;
    left: 0
}

.el-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: var(--el-fill-color-light);
    color: var(--el-text-color-placeholder);
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 15px 19px;
    --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);
    width: fit-content;
    max-width: calc(100% - 32px);
    box-sizing: border-box;
    border-radius: var(--el-border-radius-base);
    border-width: var(--el-border-width);
    border-style: var(--el-border-style);
    border-color: var(--el-message-border-color);
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color: var(--el-message-bg-color);
    transition: opacity var(--el-transition-duration),transform .4s,top .4s;
    padding: var(--el-message-padding);
    display: flex;
    align-items: center
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 31px
}

.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,.el-message .el-message-icon--success {
    color: var(--el-message-text-color)
}

.el-message--success .el-message__content {
    word-wrap: anywhere
}

.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 .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,.el-message .el-message-icon--warning {
    color: var(--el-message-text-color)
}

.el-message--warning .el-message__content {
    word-wrap: anywhere
}

.el-message .el-message-icon--error {
    color: var(--el-message-text-color)
}

.el-message__icon {
    margin-right: 10px
}

.el-message .el-message__badge {
    position: absolute;
    top: -8px;
    right: -8px
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.el-message__content:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 19px;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--el-message-close-icon-color);
    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%)
}

: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 {
    100% {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: var(--el-popup-modal-opacity);
    background: var(--el-popup-modal-bg-color)
}

.el-popup-parent--hidden,.el-message-box {
    overflow: hidden
}

.el-message-box {
    --el-messagebox-title-color: var(--el-text-color-primary);
    --el-messagebox-width: 420px;
    --el-messagebox-border-radius: 4px;
    --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: 15px;
    display: inline-block;
    max-width: var(--el-messagebox-width);
    width: 100%;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: var(--el-bg-color);
    border-radius: var(--el-messagebox-border-radius);
    border: 1px solid var(--el-border-color-lighter);
    font-size: var(--el-messagebox-font-size);
    box-shadow: var(--el-box-shadow-light);
    text-align: left;
    backface-visibility: hidden
}

.el-message-box:focus {
    outline: none!important
}

.el-overlay.is-message-box .el-overlay-message-box {
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    overflow: auto
}

.el-overlay.is-message-box .el-overlay-message-box::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.el-message-box.is-draggable .el-message-box__header {
    cursor: move;
    -webkit-user-select: none;
    user-select: none
}

.el-message-box__header {
    position: relative;
    padding: var(--el-messagebox-padding-primary) var(--el-messagebox-padding-primary) 10px
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: var(--el-messagebox-font-size);
    line-height: 1;
    color: var(--el-messagebox-title-color)
}

.el-message-box__headerbtn {
    position: absolute;
    top: var(--el-messagebox-padding-primary);
    right: var(--el-messagebox-padding-primary);
    padding: 0;
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    font-size: var(--el-message-close-size,16px);
    cursor: pointer
}

.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 {
    padding: 10px var(--el-messagebox-padding-primary);
    color: var(--el-messagebox-content-color);
    font-size: var(--el-messagebox-content-font-size)
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input div.invalid>input {
    border-color: var(--el-color-error)
}

.el-message-box__input div.invalid>input:focus {
    border-color: var(--el-color-error)
}

.el-message-box__status {
    font-size: 24px!important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.el-message-box__status::before {
    padding-left: 1px
}

.el-message-box__status.el-icon {
    position: absolute
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px;
    word-break: break-word
}

.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,.el-message-box__message p {
    margin: 0
}

.el-message-box__message p {
    line-height: 24px
}

.el-message-box__errormsg {
    color: var(--el-color-error);
    font-size: var(--el-messagebox-error-font-size);
    min-height: 18px;
    margin-top: 2px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center .el-message-box__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns {
    justify-content: center
}

.el-message-box--center .el-message-box__content {
    padding-left: calc( var(--el-messagebox-padding-primary) + 12px );
    padding-right: calc( var(--el-messagebox-padding-primary) + 12px );
    text-align: 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% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    100% {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes msgbox-fade-out {
    0% {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    100% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.el-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none
}

.el-image-viewer__btn .el-icon {
    font-size: inherit;
    cursor: pointer
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: var(--el-text-color-regular);
    border-color: #fff
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: var(--el-text-color-regular);
    border-color: #fff;
    border-radius: 22px
}

.el-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.el-image-viewer__prev,.el-image-viewer__next {
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: #fff;
    background-color: var(--el-text-color-regular)
}

.el-image-viewer__prev {
    left: 40px;
    border-color: #fff
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px;
    border-color: #fff
}

.el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: #000
}

.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% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }

    100% {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes viewer-fade-out {
    0% {
        transform: translate3d(0,0,0);
        opacity: 1
    }

    100% {
        transform: translate3d(0,-20px,0);
        opacity: 0
    }
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: var(--el-scrollbar-bg-color,var(--el-text-color-secondary));
    transition: var(--el-transition-duration) background-color;
    opacity: var(--el-scrollbar-opacity,0.3);
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.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);
    position: fixed;
    background-color: var(--el-backtop-bg-color);
    color: var(--el-backtop-text-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 5;
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-backtop:hover {
    background-color: var(--el-backtop-hover-bg-color)
}

.el-backtop__icon {
    font-size: 20px
}

.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);
    overflow: hidden;
    position: relative;
    height: 100%
}

.el-scrollbar__wrap {
    overflow: auto;
    height: 100%
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    display: none
}

.el-scrollbar__thumb:hover {
    background-color: var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));
    opacity: var(--el-scrollbar-hover-opacity,0.5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.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 340ms ease-out
}

.el-scrollbar-fade-leave-active {
    transition: opacity 120ms ease-out
}

.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active {
    opacity: 0
}

.el-checkbox-group {
    font-size: 0;
    line-height: 0
}

.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);
    position: relative;
    display: inline-block
}

.el-checkbox-button__inner,.el-checkbox-button__inner.is-round {
    padding: 8px 15px
}

.el-checkbox-button__inner {
    display: inline-block;
    line-height: 1;
    font-weight: var(--el-checkbox-font-weight);
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: var(--el-button-bg-color,var(--el-fill-color-blank));
    border: var(--el-border);
    border-left: 0;
    color: var(--el-button-text-color,var(--el-text-color-regular));
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    position: relative;
    transition: var(--el-transition-all);
    -webkit-user-select: none;
    user-select: none;
    font-size: var(--el-font-size-base);
    border-radius: 0
}

.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 {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: var(--el-checkbox-button-checked-text-color);
    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)
}

.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 {
    color: var(--el-disabled-text-color);
    cursor: not-allowed;
    background-image: none;
    background-color: var(--el-button-disabled-bg-color,var(--el-fill-color-blank));
    border-color: var(--el-button-disabled-border-color,var(--el-border-color-light));
    box-shadow: none
}

.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 {
    box-shadow: none!important;
    border-left: var(--el-border);
    border-top-left-radius: var(--el-border-radius-base);
    border-bottom-left-radius: var(--el-border-radius-base)
}

.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-top-right-radius: var(--el-border-radius-base);
    border-bottom-right-radius: var(--el-border-radius-base)
}

.el-checkbox-button--large .el-checkbox-button__inner,.el-checkbox-button--large .el-checkbox-button__inner.is-round {
    padding: 12px 19px
}

.el-checkbox-button--large .el-checkbox-button__inner {
    font-size: var(--el-font-size-base);
    border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner,.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 5px 11px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    font-size: 12px;
    border-radius: 0
}

.el-divider {
    position: relative
}

.el-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0;
    border-top: 1px var(--el-border-color) var(--el-border-style)
}

.el-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative;
    border-left: 1px var(--el-border-color) var(--el-border-style)
}

.el-divider__text {
    position: absolute;
    background-color: var(--el-bg-color);
    padding: 0 20px;
    font-weight: 500;
    color: var(--el-text-color-primary);
    font-size: 14px
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-tabs {
    --el-tabs-header-height: 40px
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: var(--el-color-primary);
    z-index: 1;
    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);
    list-style: none
}

.el-tabs__new-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    border: 1px solid var(--el-border-color);
    height: 20px;
    width: 20px;
    line-height: 20px;
    margin: 10px 0 10px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: var(--el-text-color-primary);
    cursor: pointer;
    transition: all .15s
}

.el-tabs__new-tab .is-icon-plus {
    height: inherit;
    width: inherit;
    transform: scale(0.8,0.8)
}

.el-tabs__new-tab .is-icon-plus svg {
    vertical-align: middle
}

.el-tabs__new-tab:hover {
    color: var(--el-color-primary)
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative
}

.el-tabs__nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: var(--el-border-color-light);
    z-index: var(--el-index-normal)
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    box-sizing: border-box
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: var(--el-text-color-secondary);
    width: 20px;
    text-align: center
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform var(--el-transition-duration);
    float: left;
    z-index: calc(var(--el-index-normal) + 1)
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: flex
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    padding: 0 20px;
    height: var(--el-tabs-header-height);
    box-sizing: border-box;
    line-height: var(--el-tabs-header-height);
    display: inline-block;
    list-style: none;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    color: var(--el-text-color-primary);
    position: relative
}

.el-tabs__item:focus,.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus-visible {
    box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
    border-radius: 3px
}

.el-tabs__item .is-icon-close {
    border-radius: 50%;
    text-align: center;
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    margin-left: 5px
}

.el-tabs__item .is-icon-close:before {
    transform: scale(0.9);
    display: inline-block
}

.el-tabs__item .is-icon-close:hover {
    background-color: var(--el-text-color-placeholder);
    color: #fff
}

.el-tabs__item .is-icon-close svg {
    margin-top: 1px
}

.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 {
    overflow: hidden;
    position: relative
}

.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 {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid rgba(0,0,0,0);
    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 {
    transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    border: 1px solid rgba(0,0,0,0);
    margin-top: -1px;
    color: var(--el-text-color-secondary)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child,.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active,.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-active {
    background-color: var(--el-bg-color-overlay);
    border-right-color: var(--el-border-color);
    border-left-color: var(--el-border-color)
}

.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--top .el-tabs__item.is-top:nth-child(2),.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
    padding-left: 0
}

.el-tabs--top .el-tabs__item.is-top:last-child,.el-tabs--top .el-tabs__item.is-bottom:last-child,.el-tabs--bottom .el-tabs__item.is-top:last-child,.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
    padding-right: 0
}

.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),.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),.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--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.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,.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,.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--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.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-top: -1px;
    margin-bottom: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid rgba(0,0,0,0)
}

.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-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-scroll {
    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 {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto
}

.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-prev,.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-prev,.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-prev,.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-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.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-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i {
    transform: rotateZ(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 {
    right: auto;
    bottom: 0
}

.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 {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0
}

.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 {
    float: none
}

.el-tabs--left .el-tabs__item.is-left,.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__nav-wrap.is-left::after,.el-tabs--left .el-tabs__active-bar.is-left {
    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-left: none;
    border-right: 1px solid var(--el-border-color-light);
    border-bottom: none;
    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-right-color: #fff;
    border-left: none;
    border-bottom: none
}

.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-radius: 4px 0 0 4px;
    border-bottom: 1px solid var(--el-border-color-light);
    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 rgba(0,0,0,0);
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: rgba(0,0,0,0);
    border-top-color: #d1dbe5;
    border-bottom-color: #d1dbe5
}

.el-tabs--right .el-tabs__header.is-right {
    float: 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,.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right .el-tabs__nav-wrap.is-right::after {
    right: auto
}

.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-left-color: #fff;
    border-right: none;
    border-bottom: 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-radius: 0 4px 4px 0;
    border-bottom: 1px solid var(--el-border-color-light);
    border-left: none
}

.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 rgba(0,0,0,0);
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: rgba(0,0,0,0);
    border-top-color: #d1dbe5;
    border-bottom-color: #d1dbe5
}

.slideInRight-transition,.slideInLeft-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter var(--el-transition-duration)
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInRight-leave var(--el-transition-duration)
}

.slideInLeft-enter {
    animation: slideInLeft-enter var(--el-transition-duration)
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInLeft-leave var(--el-transition-duration)
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes slideInRight-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes slideInLeft-leave {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }

    100% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

@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
}

.swiper,swiper-container {
    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-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,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-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.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-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.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: rgba(0,0,0,0)
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .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(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.swiper-scrollbar,.swiper-scrollbar-drag {
    border-radius: var(--swiper-scrollbar-border-radius,10px);
    position: relative
}

.swiper-scrollbar {
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1);
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius,4px);
    position: absolute;
    border-radius: var(--el-popper-border-radius);
    padding: 5px 11px;
    z-index: 2000;
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    word-wrap: break-word;
    visibility: visible
}

.el-popper__arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1
}

.el-upload {
    --el-upload-dragger-padding-horizontal: 40px;
    --el-upload-dragger-padding-vertical: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    outline: none
}

.el-popper__arrow::before {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1;
    content: " ";
    transform: rotate(45deg);
    background: var(--el-text-color-primary);
    box-sizing: border-box
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.el-popper.is-light .el-popper__arrow::before {
    right: 0;
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.swiper-grid>.swiper-wrapper,.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset,16%);
    /*bottom: var(--swiper-scrollbar-bottom,4px);*/
    top: var(--swiper-scrollbar-top,auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size,4px);
    width: calc(100% - 37*1%);
    width: calc(100% - 37*var(--swiper-scrollbar-sides-offset,1%));
    background-color: #2f2f2f;
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left,auto);
    right: var(--swiper-scrollbar-right,4px);
    top: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2*1%);
    height: calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))
}

.el-popper.is-dark {
    color: var(--el-bg-color);
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.el-popper.is-light {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-pure {
    padding: 0
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper.is-dark .el-popper__arrow::before {
    border: 1px solid var(--el-text-color-primary);
    background: var(--el-text-color-primary);
    right: 0
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow::before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow::before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow::before {
    border-top-right-radius: 2px
}

.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-top-color: rgba(0,0,0,0)!important;
    border-left-color: rgba(0,0,0,0)!important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow::before {
    border-bottom-color: rgba(0,0,0,0)!important;
    border-right-color: rgba(0,0,0,0)!important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow::before {
    border-left-color: rgba(0,0,0,0)!important;
    border-bottom-color: rgba(0,0,0,0)!important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow::before {
    border-right-color: rgba(0,0,0,0)!important;
    border-top-color: rgba(0,0,0,0)!important
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    font-size: 12px;
    color: var(--el-text-color-regular);
    margin-top: 7px
}

.el-upload--picture-card {
    --el-upload-picture-card-size: 148px;
    background-color: var(--el-fill-color-lighter);
    border: 1px dashed var(--el-border-color-darker);
    border-radius: 6px;
    box-sizing: border-box;
    width: var(--el-upload-picture-card-size);
    height: var(--el-upload-picture-card-size);
    cursor: pointer;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.el-upload-dragger {
    padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
    background-color: var(--el-fill-color-blank);
    border: 1px dashed var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.el-upload-list {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    position: relative
}

.el-upload-list__item {
    transition: all .5s cubic-bezier(0.55,0,0.1,1);
    font-size: 14px;
    color: var(--el-text-color-regular);
    margin-bottom: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.el-upload-list__item-name {
    color: var(--el-text-color-regular);
    display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 0 4px;
    transition: color var(--el-transition-duration);
    font-size: var(--el-font-size-base)
}

.el-upload-list__item-file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: opacity var(--el-transition-duration)
}

.el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: var(--el-text-color-regular);
    display: none
}

.el-upload-list--picture-card {
    --el-upload-list-picture-card-size: 148px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.el-upload--picture-card i {
    font-size: 28px;
    color: var(--el-text-color-secondary)
}

.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 {
    border-color: var(--el-color-primary);
    color: var(--el-color-primary)
}

.el-upload-dragger .el-icon--upload {
    font-size: 67px;
    color: var(--el-text-color-placeholder);
    margin-bottom: 16px;
    line-height: 50px
}

.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:hover {
    border-color: var(--el-color-primary)
}

.el-upload-dragger.is-dragover {
    padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);
    background-color: var(--el-color-primary-light-9);
    border: 2px dashed var(--el-color-primary)
}

.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 {
    display: none;
    position: absolute;
    right: 5px;
    top: 50%;
    cursor: pointer;
    opacity: .75;
    color: var(--el-text-color-regular);
    transition: opacity var(--el-transition-duration);
    transform: translateY(-50%)
}

.el-upload-list__item .el-icon--close-tip {
    display: none;
    position: absolute;
    top: 1px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: var(--el-color-primary);
    font-style: normal
}

.el-upload-list__item:hover {
    background-color: var(--el-fill-color-light)
}

.el-upload-list__item .el-upload-list__item-info {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    width: calc(100% - 30px);
    margin-left: 4px
}

.el-upload-list__item-name .el-icon {
    margin-right: 6px;
    color: var(--el-text-color-secondary)
}

.el-upload-list__item-delete:hover {
    color: var(--el-color-primary)
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    width: var(--el-upload-list-picture-card-size);
    height: var(--el-upload-list-picture-card-size);
    margin: 0 8px 8px 0;
    padding: 0;
    display: inline-flex
}

.el-upload-dragger .el-upload__text em {
    color: var(--el-color-primary);
    font-style: normal
}

.el-upload:focus .el-upload-dragger {
    border-color: var(--el-color-primary)
}

.el-upload-list__item .el-icon--close:hover {
    opacity: 1;
    color: var(--el-color-primary)
}

.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.is-success .el-upload-list__item-status-label {
    display: inline-flex
}

.el-upload-list__item.is-success .el-upload-list__item-name:hover,.el-upload-list__item.is-success .el-upload-list__item-name:focus {
    color: var(--el-color-primary);
    cursor: pointer
}

.el-upload-list__item.is-success:not(.focusing):focus,.el-upload-list__item.is-success:active {
    outline-width: 0
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip,.el-upload-list__item.is-success:active .el-icon--close-tip {
    display: none
}

.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
    display: none;
    opacity: 0
}

.el-upload-list.is-disabled .el-upload-list__item:hover,.el-upload-list.is-disabled .el-upload-list__item-status-label {
    display: block
}

.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,.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:hover .el-upload-list__item-status-label,.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    opacity: 0
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

.el-upload-cover__label {
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: var(--el-color-success);
    text-align: center;
    transform: rotate(45deg)
}

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--el-overlay-color-light);
    text-align: center
}

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: var(--el-text-color-primary)
}

.el-upload-cover::after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
}

.el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
    color: #fff
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: var(--el-color-success);
    text-align: center;
    transform: rotate(45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    background-color: var(--el-overlay-color-lighter);
    transition: opacity var(--el-transition-duration)
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    bottom: auto;
    width: 126px
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: var(--el-fill-color-blank);
    border: 1px solid var(--el-border-color);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px;
    display: flex;
    align-items: center
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    background-color: var(--el-color-white)
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: var(--el-color-success);
    text-align: center;
    transform: rotate(45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__interact .btn {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: var(--el-transition-md-fade);
    margin-top: 60px
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.xgplayer .xgplayer-controls {
    display: block;
    position: absolute;
    visibility: visible;
    height: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    z-index: 10;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,0.37),rgba(0,0,0,0.75),rgba(0,0,0,0.75));
    transition: opacity .5s ease,visibility .5s ease
}

.xgplayer .xg-inner-controls {
    position: absolute;
    height: 40px;
    bottom: 0;
    justify-content: space-between;
    display: flex
}

.xgplayer .xg-left-grid,.xgplayer .xg-right-grid {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 1;
    height: 100%;
    z-index: 1
}

.xgplayer .xg-right-grid {
    flex-direction: row-reverse
}

.xgplayer .xg-center-grid {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    outline: none;
    top: -20px;
    padding: 5px 0;
    text-align: center
}

.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 span {
    display: none;
    cursor: pointer
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.el-upload-cover__interact .btn i {
    margin-top: 0;
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.xgplayer .xg-right-grid xg-icon {
    margin-left: 0
}

.xgplayer .xg-left-grid xg-icon {
    margin-right: 0
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 1rem
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.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 .el-icon--close {
    top: 5px;
    transform: translateY(0)
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.xgplayer.not-allow-autoplay .xgplayer-controls,.xgplayer.xgplayer-nostart .xgplayer-controls,.xgplayer.xgplayer-inactive .controls-autohide {
    pointer-events: none;
    visibility: hidden;
    cursor: default;
    opacity: 0
}

.xgplayer.not-allow-autoplay .xgplayer-controls-initshow,.xgplayer.xgplayer-nostart .xgplayer-controls-initshow,.xgplayer .xgplayer-controls.show {
    pointer-events: auto;
    visibility: visible;
    opacity: 1
}

.xgplayer .xgplayer-controls.show {
    display: block
}

.xgplayer .xg-right-grid>:first-child {
    margin-right: 0
}

.xgplayer .xg-left-grid>:first-child {
    margin-left: 0
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-flex
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label,.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    opacity: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.xgplayer-fullscreen-parent {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.xgplayer-rotate-parent {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    right: 0;
    width: 100vh;
    height: 100vw;
    z-index: 9999;
    transform-origin: top left;
    transform: rotate(90deg)
}

.xgplayer {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-family: PingFang SC,Helvetica Neue,Helvetica,STHeiTi,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

.xgplayer * {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    white-space: normal;
    word-wrap: normal
}

.xgplayer ul,.xgplayer li {
    list-style: none
}

.xgplayer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none
}

.xgplayer xg-icon {
    position: relative;
    box-sizing: border-box;
    height: 40px;
    margin-left: 16px;
    margin-right: 16px;
    cursor: pointer;
    color: rgba(255,255,255,.8);
    fill: #fff
}

.xgplayer xg-bar,.xgplayer xg-icon svg,.xgplayer xg-icon img {
    display: block
}

.xgplayer xg-icon svg,.xgplayer xg-icon img {
    height: 100%
}

.xgplayer .mini-controls {
    background-image: none
}

.xgplayer .controls-follow {
    bottom: 70px;
    transition: bottom .3s ease
}

.xgplayer .xgplayer-none {
    display: none
}

.xgplayer.xgplayer-is-fullscreen,.xgplayer.xgplayer-is-cssfullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.xgplayer.xgplayer-is-fullscreen {
    margin: 0;
    padding: 0
}

.xgplayer.xgplayer-rotate-fullscreen {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    right: 0;
    width: 100vh;
    height: 100vw;
    transform-origin: top left;
    transform: rotate(90deg);
    z-index: 9999
}

.xgplayer .xg-pos {
    left: 10px;
    right: 10px
}

.xgplayer .xg-margin {
    margin-left: 16px;
    margin-right: 16px;
    left: 0;
    right: 0
}

.xgplayer .xg-bottom {
    bottom: 0
}

.xgplayer .btn-text {
    position: relative;
    top: 50%;
    height: 24px;
    font-size: 13px;
    text-align: center
}

.xgplayer .xg-top-bar {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 0 16px;
    display: flex;
    height: 50px
}

.xgplayer-rotate-parent .xgplayer-mobile video {
    z-index: -1
}

.xgplayer xg-video-container.xg-video-container {
    position: absolute;
    top: 0;
    bottom: 48px;
    display: block;
    width: 100%
}

.xgplayer[data-xgfill=contain] video {
    -o-object-fit: contain;
    object-fit: contain
}

.xgplayer[data-xgfill=cover] video {
    -o-object-fit: cover;
    object-fit: cover
}

.xgplayer[data-xgfill=fill] video {
    -o-object-fit: fill;
    object-fit: fill
}

.xgplayer .btn-text span {
    display: inline-block;
    min-width: 52px;
    height: 24px;
    line-height: 24px;
    background: rgba(0,0,0,.38);
    border-radius: 12px
}

.xgplayer xg-icon.xg-icon-disable {
    cursor: not-allowed
}

.xgplayer xg-icon .xg-tips {
    top: -30px;
    left: 50%;
    transform: translate(-50%)
}

.xgplayer xg-icon .xgplayer-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.xgplayer xg-icon .xg-icon-disable {
    cursor: not-allowed
}

.xgplayer xg-icon .xg-img {
    width: 100%
}

.xgplayer.xgplayer-inactive xg-bar,.xgplayer.xgplayer-mini xg-bar {
    display: none
}

.xgplayer .flex-controls .xg-inner-controls {
    justify-content: space-around;
    display: flex;
    bottom: 8px
}

.xgplayer .flex-controls .xg-center-grid {
    display: flex;
    flex: 1;
    position: relative;
    top: 0;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    left: 0;
    right: 0;
    padding: 0 16px
}

.xgplayer.xgplayer-mobile .xg-center-grid {
    z-index: 2
}

.xgplayer .bottom-controls .xg-center-grid {
    top: 20px;
    padding: 0
}

.xgplayer .bottom-controls .xg-left-grid,.xgplayer .bottom-controls .xg-right-grid {
    bottom: 10px
}

.xgplayer .mini-controls .xg-inner-controls {
    bottom: 0;
    left: 0;
    right: 0
}

.xgplayer .mini-controls .xg-center-grid {
    bottom: -28px;
    top: auto;
    padding: 0
}

.xgplayer .mini-controls .xg-left-grid,.xgplayer .mini-controls .xg-right-grid {
    display: none
}

.xgplayer.flex-controls .controls-follow {
    bottom: 45px
}

.xgplayer.xgplayer-inactive .controls-follow,.xgplayer.no-controls .controls-follow,.xgplayer.mini-controls .controls-follow {
    bottom: 10px
}

.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-cssfullscreen,.xgplayer-fullscreen-parent .xgplayer.xgplayer-is-fullscreen,.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen {
    z-index: 10;
    position: absolute
}

.xgplayer-rotate-parent .xgplayer.xgplayer-rotate-fullscreen {
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    transform: rotate(0)
}

.xgplayer.xgplayer-inactive .xg-top-bar {
    display: flex
}

.xgplayer.xgplayer-rotate-fullscreen.xgplayer-mobile video {
    z-index: -1
}

.xgplayer xg-icon:active .xg-tips,.xgplayer xg-icon:hover .xg-tips {
    display: block
}

.xgplayer.xgplayer-mobile .flex-controls .xg-center-grid {
    padding: 0 8px
}

.xgplayer.xgplayer-inactive .xg-top-bar.top-bar-autohide,.xgplayer xg-icon:active .xg-tips.hide,.xgplayer xg-icon:hover .xg-tips.hide {
    display: none
}

.xgplayer-mobile,.xgplayer-mobile * {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.xgplayer-mobile * {
    -webkit-text-decoration: none;
    text-decoration: none
}

.xg-list-slide-scroll::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0);
    display: none
}

.xg-list-slide-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    background: rgba(0,0,0,0);
    height: 4px;
    width: 4px
}

.xg-list-slide-scroll::-webkit-scrollbar-corner {
    background: rgba(0,0,0,0);
    display: none
}

.xg-list-slide-scroll::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.5);
    border-radius: 3px;
    display: none;
    width: 4px
}

.xgplayer .xg-left-bar,.xgplayer .xg-right-bar {
    position: absolute;
    z-index: 9;
    top: 50px;
    bottom: 50px;
    width: 50px
}

.xgplayer .xg-left-bar {
    left: 0
}

.xgplayer .xg-right-bar {
    right: 0
}

.xgplayer .xg-tips {
    display: none;
    position: absolute;
    padding: 4px 6px;
    background: rgba(0,0,0,.54);
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    opacity: .85
}

.xgplayer .xg-top-bar xg-icon {
    position: relative;
    top: 10px;
    left: 0;
    width: 34px;
    margin-top: 0
}

.xg-list-slide-scroll:hover::-webkit-scrollbar-track,.xg-list-slide-scroll:hover::-webkit-scrollbar-thumb {
    display: block
}

.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-rotate-fullscreen .xg-pos {
    left: 6%;
    right: 6%
}

.xgplayer .xg-top-bar xg-icon:first-child {
    margin-left: 0
}

.xgplayer-mobile xg-icon:hover .xg-tips {
    display: none
}

@media only screen and (max-width: 480px) {
    .xgplayer-mobile xg-icon {
        margin-right:10px;
        margin-left: 10px
    }

    .xgplayer-mobile .xg-top-bar {
        left: 10px;
        right: 10px
    }
}

@media screen and (orientation: portrait) {
    .xgplayer-mobile.xgplayer-is-fullscreen .xgplayer-controls,.xgplayer-mobile.xgplayer-is-cssfullscreen .xgplayer-controls {
        bottom:env(safe-area-inset-bottom)
    }

    .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-cssfullscreen .xg-top-bar {
        top: env(safe-area-inset-top)
    }
}

@media only screen and (orientation: landscape) {
    .xgplayer-mobile.xgplayer-rotate-fullscreen {
        left:0;
        width: 100vw;
        height: 100vh;
        transform: rotate(0)
    }

    .xgplayer-mobile.xgplayer-is-fullscreen .xg-top-bar,.xgplayer-mobile.xgplayer-is-fullscreen .xg-pos {
        left: 6%;
        right: 6%
    }
}

.xgplayer .xgplayer-screen-container {
    display: block;
    width: 100%
}

.xgplayer .xg-options-icon {
    display: none;
    cursor: pointer
}

.xgplayer .xg-options-icon.show {
    display: block
}

@keyframes xg_right_options_active {
    0% {
        transform: translate(50%)
    }

    to {
        transform: translate(-50%)
    }
}

@keyframes xg_right_options_hide {
    0% {
        transform: translate(-50%)
    }

    to {
        transform: translate(50%)
    }
}

@keyframes xg_left_options_active {
    0% {
        transform: translate(-50%)
    }

    to {
        transform: translate(50%)
    }
}

@keyframes xg_left_options_hide {
    0% {
        transform: translate(50%)
    }

    to {
        transform: translate(-50%)
    }
}

.xgplayer .xg-options-list {
    display: none;
    position: absolute;
    z-index: 5;
    width: 78px;
    right: 50%;
    bottom: 100%;
    background: rgba(0,0,0,.54);
    border-radius: 1px;
    transform: translate(50%);
    cursor: pointer;
    overflow: auto;
    height: 0;
    opacity: .85;
    font-size: 14px;
    color: rgba(255,255,255,.8)
}

.xgplayer .xg-options-list li {
    height: 20px;
    line-height: 20px;
    position: relative;
    padding: 4px 0;
    text-align: center;
    color: rgba(255,255,255,.8)
}

.xgplayer .xg-options-list:hover {
    opacity: 1
}

.xgplayer .xg-options-list.active {
    display: block;
    height: auto
}

.xgplayer .xg-options-list.xg-side-list {
    width: 20%;
    height: 100%;
    bottom: 0;
    background: rgba(0,0,0,.9);
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.xgplayer .xg-options-list.xg-right-side {
    right: -10.5%
}

.xgplayer .xg-options-list.xg-left-side {
    left: -10.5%;
    transform: translate(-50%)
}

.xgplayer .xg-options-list li:hover,.xgplayer .xg-options-list li.selected {
    color: red;
    opacity: 1
}

.xgplayer .xg-options-list li:nth-child(1) {
    position: relative;
    margin-top: 12px
}

.xgplayer .xg-options-list li:last-child {
    position: relative;
    margin-bottom: 12px
}

.xgplayer .xg-options-list.xg-side-list li {
    flex: 1;
    width: 100%;
    padding: 0;
    position: relative
}

.xgplayer .xg-options-list.xg-side-list li span {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

.xgplayer .xg-options-list.xg-right-side.active {
    height: 100%;
    animation: xg_right_options_active .2s ease-out forwards
}

.xgplayer .xg-options-list.xg-right-side.hide {
    height: 100%;
    animation: xg_right_options_hide .2s ease-in forwards
}

.xgplayer .xg-options-list.xg-left-side.active {
    height: 100%;
    animation: xg_left_options_active .2s ease-out forwards
}

.xgplayer .xg-options-list.xg-left-side.hide {
    height: 100%;
    animation: xg_left_options_hide .2s ease-in forwards
}

.xgplayer .xg-options-list.xg-side-list li:nth-child(1) {
    margin-top: 20px
}

.xgplayer .xg-options-list.xg-side-list li:last-child {
    margin-bottom: 20px
}

@media only screen and (max-width: 480px) {
    .xgplayer-mobile .xg-options-icon.portrait {
        display:none
    }

    .xgplayer-mobile .xg-options-list li:hover {
        color: rgba(255,255,255,.8)
    }

    .xgplayer-mobile .xg-options-list li.selected {
        color: red
    }
}

.xgplayer xg-thumbnail {
    display: block
}

.xgplayer-replay,.xgplayer .xgplayer-replay {
    display: none
}

.xgplayer .xgplayer-replay {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 5;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.xgplayer .xgplayer-replay .xgplayer-replay-txt {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    text-align: center
}

.xgplayer.xgplayer-mobile .xgplayer-replay-svg {
    width: 50px;
    height: 50px
}

.xgplayer.xgplayer-mobile .xgplayer-replay-txt {
    line-height: 24px;
    font-size: 12px
}

.xgplayer .xgplayer-poster {
    display: block;
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: opacity .3s ease,visibility .3s ease;
    pointer-events: none
}

.xgplayer .xgplayer-poster.hide,.xgplayer.xgplayer-playing .xgplayer-poster {
    opacity: 0;
    visibility: hidden
}

.xgplayer.xgplayer-playing .xg-not-hidden,.xgplayer.xgplayer-is-enter .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-playing .xgplayer-poster.xg-showplay,.xgplayer.xgplayer-nostart .xgplayer-poster,.xgplayer.xgplayer-ended .xgplayer-poster,.xgplayer.not-allow-autoplay .xgplayer-poster {
    opacity: 1;
    visibility: visible
}

.xgplayer.xgplayer-nostart .xgplayer-poster.hide,.xgplayer.xgplayer-ended .xgplayer-poster.hide,.xgplayer.not-allow-autoplay .xgplayer-poster.hide {
    opacity: 0;
    visibility: hidden
}

@keyframes playPause {
    0% {
        transform: scale(1);
        opacity: 1
    }

    99%,to {
        opacity: 0
    }

    99% {
        transform: scale(1.3)
    }

    to {
        transform: scale(1)
    }
}

.xgplayer xg-start-inner {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(0,0,0,.38)
}

.xgplayer .xgplayer-start {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    transform: translate(-50%,-50%);
    cursor: pointer
}

.xgplayer .xgplayer-start svg {
    width: 100%;
    height: 100%
}

.xgplayer .xgplayer-start.hide,.xgplayer .xgplayer-start.focus-hide {
    display: none;
    pointer-events: none
}

.xgplayer .xgplayer-start:hover {
    opacity: .85
}

.xgplayer .xgplayer-start .xg-icon-play {
    display: block
}

.xgplayer .xgplayer-start .xg-icon-pause,.xgplayer .xgplayer-start[data-state=pause] .xg-icon-play {
    display: none
}

.xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-start.interact {
    display: block
}

.xgplayer .xgplayer-start.interact xg-start-inner {
    animation: playPause .4s .1s ease-out forwards
}

.xgplayer .xgplayer-start.show {
    display: block
}

.xgplayer.xgplayer-mobile xg-start-inner {
    background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
    background: initial;
    border-radius: 0
}

.xgplayer.xgplayer-mobile .xgplayer-start {
    height: 50px;
    width: 50px
}

.xgplayer.xgplayer-mobile .xgplayer-start:hover {
    opacity: 1
}

.xgplayer.xgplayer-inactive .xgplayer-start.auto-hide,.xgplayer.xgplayer-is-enter .xgplayer-start.auto-hide,.xgplayer.xgplayer-isloading.xgplayer-playing .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start,.xgplayer.xgplayer-is-error .xgplayer-start,.xgplayer.xgplayer-is-enter .xgplayer-start.show,.xgplayer.xgplayer-is-error .xgplayer-start.show {
    display: none
}

.xgplayer-enter {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    z-index: 5;
    pointer-events: none
}

.xgplayer-enter .show,.xgplayer-enter .xgplayer-enter-spinner {
    display: block
}

.xgplayer-enter .xgplayer-enter-spinner {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    height: 100px;
    width: 100px;
    transform: translate(-50%,-50%)
}

.xgplayer-enter .xgplayer-enter-spinner div {
    width: 6%;
    height: 13%;
    background-color: rgba(255,255,255,.7019607843);
    position: absolute;
    left: 45%;
    top: 45%;
    opacity: 0;
    border-radius: 30px;
    animation: fade 1s linear infinite
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar1 {
    transform: rotate(0) translateY(-140%);
    animation-delay: 0s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar2 {
    transform: rotate(30deg) translateY(-140%);
    animation-delay: -0.9163s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar3 {
    transform: rotate(60deg) translateY(-140%);
    animation-delay: -0.833s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar4 {
    transform: rotate(90deg) translateY(-140%);
    animation-delay: -0.7497s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar5 {
    transform: rotate(120deg) translateY(-140%);
    animation-delay: -0.6664s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar6 {
    transform: rotate(150deg) translateY(-140%);
    animation-delay: -0.5831s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar7 {
    transform: rotate(180deg) translateY(-140%);
    animation-delay: -0.4998s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar8 {
    transform: rotate(210deg) translateY(-140%);
    animation-delay: -0.4165s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar9 {
    transform: rotate(240deg) translateY(-140%);
    animation-delay: -0.3332s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar10 {
    transform: rotate(270deg) translateY(-140%);
    animation-delay: -0.2499s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar11 {
    transform: rotate(300deg) translateY(-140%);
    animation-delay: -0.1666s
}

.xgplayer-enter .xgplayer-enter-spinner div.xgplayer-enter-bar12 {
    transform: rotate(330deg) translateY(-142%);
    animation-delay: -0.0833s
}

@keyframes fade {
    0% {
        opacity: 1
    }

    to {
        opacity: .25
    }
}

.xg-mini-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: linear-gradient(180deg,rgba(57,57,57,0.9),rgba(57,57,57,0) 50.27%)
}

.xgplayer-miniicon {
    position: relative;
    outline: none;
    display: block
}

.xgplayer-mini {
    position: fixed;
    width: 320px;
    height: 180px;
    z-index: 91;
    box-shadow: 0 4px 7px 2px rgba(0,0,0,.2)
}

.xg-mini-layer xg-mini-header {
    display: flex;
    top: 0;
    left: 0;
    right: 40px;
    box-sizing: border-box;
    padding: 10px 3px 0 8px;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
    position: absolute;
    z-index: 22
}

.xgplayer xg-thumbnail {
    display: block
}

.xgplayer xg-trigger,.xg-mini-layer .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.xgplayer xg-trigger {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.xg-mini-layer .mask {
    pointer-events: none;
    background-color: rgba(0,0,0,.4)
}

.xg-mini-layer .mini-cancel-btn {
    cursor: pointer;
    display: block;
    color: #fff;
    width: 40px;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 38px
}

.xg-mini-layer .play-icon {
    cursor: pointer;
    height: 48px;
    width: 48px;
    position: absolute;
    background: rgba(0,0,0,.54);
    border-radius: 24px;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px
}

.xg-mini-layer .xg-icon-play {
    display: none
}

.xg-mini-layer xg-mini-header .xgplayer-pip-disableBtn {
    pointer-events: all
}

.xg-mini-layer .play-icon svg,.xg-mini-layer .play-icon img {
    width: 50px;
    height: 50px;
    fill: #faf7f7
}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn xg-tips {
    position: absolute;
    padding: 4px 6px;
    white-space: nowrap;
    bottom: -30px;
    right: 15px;
    border-radius: 4px;
    background-color: rgba(0,0,0,.5411764706);
    display: none
}

.xgplayer.xgplayer-is-enter .xgplayer-enter {
    display: block;
    opacity: 1;
    transition: opacity .3s
}

.xgplayer.xgplayer-nostart .xgplayer-enter {
    display: none
}

.xg-mini-layer .xg-icon-pause,.xg-mini-layer[data-state=pause] .xg-icon-play {
    display: block
}

.xg-mini-layer[data-state=pause] .xg-icon-pause {
    display: none
}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover xg-tips {
    display: block
}

.xgplayer.xgplayer-mobile .xgplayer-enter .xgplayer-enter-spinner {
    width: 70px;
    height: 70px
}

.xg-mini-layer xg-mini-header #disabledMini {
    display: none;
    position: relative
}

.xg-mini-layer xg-mini-header #disabledMini+label {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center
}

.xg-mini-layer xg-mini-header #disabledMini+label:before,.xg-mini-layer xg-mini-header #disabledMini:checked+label {
    color: #ff142b
}

.xg-mini-layer xg-mini-header #disabledMini+label:before {
    content: "";
    background-color: rgba(0,0,0,0);
    border-radius: 2px;
    border: solid 1px #cdcdcd;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    margin-right: 7px
}

.xg-mini-layer xg-mini-header #disabledMini:checked+label:before {
    border-color: #ff142b
}

.xg-mini-layer xg-mini-header #disabledMini:checked+label:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 8px;
    border-color: #ff142b;
    border-style: solid;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: 6px;
    top: 5px
}

.xgplayer-miniicon .name {
    text-align: center;
    font-size: 13px;
    height: 20px;
    color: rgba(255,255,255,.8);
    line-height: 40px
}

.xgplayer-miniicon .name span {
    font-size: 13px;
    width: 60px;
    height: 20px;
    line-height: 20px;
    background: rgba(0,0,0,.38);
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle
}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label {
    color: #ff142b
}

.xg-mini-layer xg-mini-header .xgplayer-mini-disableBtn:hover #disabledMini+label:before {
    border-color: #ff142b
}

.xgplayer-mini:hover {
    cursor: move
}

.xgplayer.xgplayer-inactive {
    cursor: none
}

.xgplayer-mini:hover .xg-mini-layer {
    display: block
}

.xgplayer xg-trigger .time-preview {
    display: none;
    position: absolute;
    width: 200px;
    margin: 0 auto;
    padding: 0 20px 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.54);
    font-size: 18px;
    text-align: center;
    pointer-events: none
}

.xgplayer xg-trigger .mobile-thumbnail {
    position: relative;
    left: 50%;
    transform: translate(-50%)
}

.xgplayer xg-trigger .xg-top-note {
    position: absolute;
    height: 32px;
    width: 135px;
    top: 26px;
    left: 50%;
    margin-left: -78px;
    background: rgba(0,0,0,.3);
    border-radius: 100px;
    color: #fff
}

.xgplayer xg-trigger .xg-playbackrate {
    display: none
}

.xgplayer xg-trigger .time-preview span {
    line-height: 24px
}

.xgplayer xg-trigger .xg-top-note span {
    display: block;
    line-height: 32px;
    height: 32px;
    font-size: 13px;
    text-align: center
}

.xgplayer xg-trigger .xg-top-note i {
    color: red;
    margin: 0 5px
}

.xgplayer-mini.xgplayer-ended .xg-mini-layer {
    display: none
}

.xgplayer-mobile .xg-mini-layer .play-icon {
    background: none;
    border-radius: initial
}

.xgplayer xg-trigger .time-preview .xg-cur {
    color: red
}

.xgplayer xg-trigger .time-preview .xg-separator {
    font-size: 14px
}

.xgplayer xg-trigger .time-preview .xg-seek-show {
    transform: translate(-10px)
}

.xgplayer xg-trigger .time-preview .xg-bar {
    width: 96px;
    height: 2px;
    margin: 8px auto 0;
    border-radius: 10px;
    box-sizing: content-box;
    background: rgba(255,255,255,.3)
}

.xgplayer xg-trigger[data-xg-action=seeking] .time-preview {
    display: block
}

.xgplayer xg-trigger .time-preview .xg-bar .xg-curbar {
    width: 0;
    height: 100%;
    background-color: red
}

.xgplayer xg-trigger .time-preview .xg-bar.hide {
    display: none
}

.xgplayer xg-trigger .time-preview .xg-seek-show.xg-back .xg-seek-pre {
    transform: rotate(180deg) translate(-5px)
}

.xgplayer xg-trigger .time-preview .xg-seek-show.hide-seek-icon .xg-seek-icon,.xgplayer .gradient {
    display: none
}

.xgplayer .gradient {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%,rgba(0,0,0,0.24) 77%,rgba(0,0,0,0.36) 83%,rgba(0,0,0,0.6))
}

.xgplayer .gradient.top {
    background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.36) 20%,rgba(0,0,0,0) 36%,rgba(0,0,0,0) 70%)
}

.xgplayer .gradient.bottom {
    background-image: linear-gradient(rgba(0,0,0,0) 70%,rgba(0,0,0,0.24) 77%,rgba(0,0,0,0.36) 83%,rgba(0,0,0,0.6))
}

.xgplayer .gradient.none,.xgplayer-mobile .xgplayer-controls {
    background-image: none;
    background-image: initial
}

.xgplayer-mobile.xgplayer-playing .gradient {
    display: block
}

.xgplayer-mobile .xgmask {
    position: absolute;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    background-color: rgba(0,0,0,0)
}

.xgplayer-mobile.xgplayer-inactive .gradient {
    background-image: none;
    background-image: initial
}

.xgplayer xg-trigger[data-xg-action=playbackrate] .xg-playbackrate {
    display: block
}

@media(prefers-color-scheme: dark) {
    .xgplayer-mobilexg-trigger .time-preview {
        color:#fff
    }

    .xgplayer-mobile xg-trigger .time-preview span.xg-cur {
        color: red
    }

    .xgplayer-mobile xg-trigger .time-preview .xg-bar {
        background-color: rgba(255,255,255,.3019607843)
    }

    .xgplayer-mobile xg-trigger .time-preview .xg-bar.xg-curbar {
        background-color: red
    }
}

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

    25% {
        transform: rotate(90deg)
    }

    50% {
        transform: rotate(180deg)
    }

    75% {
        transform: rotate(270deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes loadingDashOffset {
    0% {
        stroke-dashoffset: 236
    }

    to {
        stroke-dashoffset: 0
    }
}

xg-loading-inner {
    display: block;
    height: 100%;
    width: 100%;
    transform-origin: center;
    animation: loadingRotate 1s .1s linear infinite
}

.xgplayer-loading {
    display: none;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none
}

.xgplayer-loading svg,.xgplayer-loading img {
    width: 100%;
    height: 100%
}

.xgplayer-mobile .xgplayer-loading {
    width: 50px;
    height: 50px
}

.xgplayer-isloading .xgplayer-loading {
    display: block
}

.xgplayer-nostart .xgplayer-loading,.xgplayer-pause .xgplayer-loading,.xgplayer-is-enter .xgplayer-loading,.xgplayer-is-ended .xgplayer-loading,.xgplayer-is-error .xgplayer-loading {
    display: none
}

.xgplayer .xgplayer-progress {
    display: flex;
    align-items: center;
    position: relative;
    min-width: 10px;
    height: 20px;
    left: 0;
    right: 0;
    top: 0;
    outline: none;
    flex: 1;
    cursor: pointer
}

.xgplayer .xgplayer-progress-outer {
    position: relative;
    width: 100%;
    height: 2px;
    border-radius: 3px;
    cursor: pointer
}

.xgplayer .progress-list {
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: inherit
}

.xgplayer .xgplayer-progress-inner {
    position: relative;
    flex: 1;
    height: 100%;
    background: rgba(255,255,255,.3);
    transition: height .2s ease-in,opacity .2s ease-out;
    border-radius: inherit;
    margin-right: 2px;
    pointer-events: none
}

.xgplayer .inner-focus-point {
    background: #fff;
    position: relative
}

.xgplayer .xgplayer-progress-cache,.xgplayer .xgplayer-progress-played {
    display: block;
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit
}

.xgplayer .xgplayer-progress-played {
    background: linear-gradient(-90deg,#FA1F41 0,#E31106 100%)
}

.xgplayer .xgplayer-progress-cache {
    background: rgba(255,255,255,.5)
}

.xgplayer .xgplayer-progress-btn {
    display: block;
    background: rgba(255,94,94,.304093);
    border: .5px solid rgba(255,94,94,.056545);
    box-shadow: 0 0 1px rgba(255,0,0,.3843137255);
    width: 20px;
    height: 20px;
    border-radius: 30px;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    pointer-events: none
}

.xgplayer .xgplayer-progress-dot {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 5px;
    top: 0;
    background: #fff;
    border-radius: 6px;
    z-index: 16
}

.xgplayer .inner-focus-point:before,.xgplayer .inner-focus-point:after {
    position: absolute;
    content: " ";
    display: block;
    width: 2px;
    height: 300%;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    border-radius: 3px;
    background: #fff
}

.xgplayer .inner-focus-point:before {
    left: 0
}

.xgplayer .inner-focus-point:after {
    right: 0
}

.xgplayer .xgplayer-progress-btn:before {
    content: " ";
    display: block;
    position: relative;
    width: 12px;
    height: 12px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 30px;
    background: #fff
}

.xgplayer .xgplayer-progress-inner:last-child,.xgplayer .xgplayer-progress-inner:only-child {
    margin-right: 0
}

.xgplayer .xgplayer-progress-btn.active {
    border: 4px solid rgba(255,94,94,.064057)
}

.xgplayer .xgplayer-progress-dot .xgplayer-progress-tip {
    position: absolute;
    left: 25%;
    top: -40px;
    height: auto;
    line-height: 30px;
    width: auto;
    transform: scale(0.8) translate(-50%);
    background: rgba(0,0,0,.3);
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,.8);
    cursor: default;
    white-space: nowrap;
    display: none
}

.xgplayer .flex-controls .xgplayer-progress {
    transform: translateY(0)
}

.xgplayer.xgplayer-pc .xgplayer-progress-btn {
    transform: translate(-50%,-50%) scale(0)
}

.xgplayer.xgplayer-pc .xgplayer-progress-outer {
    height: 3px
}

.xgplayer.xgplayer-pc .xgplayer-progress-inner {
    margin-right: 4px
}

.xgplayer.xgplayer-pc .inner-focus-highlight {
    background: rgba(255,255,255,.8)
}

.xgplayer .xgplayer-progress-bottom .xgplayer-progress-outer {
    top: 9px
}

.xgplayer .xgplayer-progress-btn.active:before {
    box-shadow: 0 0 3px rgba(248,89,89,.6901960784)
}

.xgplayer.xgplayer-pc .inner-focus-point:before,.xgplayer.xgplayer-pc .inner-focus-point:after {
    width: 3px
}

.xgplayer .xgplayer-progress-bottom .xgplayer-progress-btn:before {
    height: 6px;
    width: 6px
}

.xgplayer .xgplayer-progress-dot:hover .xgplayer-progress-tip {
    display: block
}

.xgplayer.xgplayer-pc .xgplayer-progress-inner:last-child,.xgplayer.xgplayer-pc .xgplayer-progress-inner:only-child {
    margin-right: 0
}

.xgplayer.xgplayer-mobile .xgplayer-progress-bottom .xgplayer-progress-outer {
    height: 4px
}

.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-outer {
    height: 6px;
    margin-bottom: 3px;
    transition: height .3s ease,margin-bottom .3s ease
}

.xgplayer.xgplayer-pc .xgplayer-progress.active .xgplayer-progress-btn {
    transform: translate(-50%,-50%) scale(1)
}

.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:before,.xgplayer.xgplayer-pc .xgplayer-progress.active .inner-focus-point:after {
    width: 6px
}

@media(prefers-color-scheme: dark) {
    .xgplayer.xgplayer-progress .xgplayer-progress-inner {
        background-color:rgba(255,255,255,.3019607843)
    }

    .xgplayer .xgplayer-progress .inner-focus-highlight {
        background: rgba(255,255,255,.8)
    }

    .xgplayer .xgplayer-progress .xgplayer-progress-btn {
        background: rgba(255,94,94,.304093);
        border: .5px solid rgba(255,94,94,.056545);
        box-shadow: 0 0 1px rgba(255,0,0,.3843137255)
    }

    .xgplayer .xgplayer-progress .xgplayer-progress-btn:before {
        background-color: #fff
    }

    .xgplayer .xgplayer-progress .xgplayer-progress-played {
        background-color: linear-gradient(-90deg,#FA1F41 0,#E31106 100%)
    }

    .xgplayer .xgplayer-progress .xgplayer-progress-cache {
        background-color: rgba(255,255,255,.5019607843)
    }
}

.xg-mini-progress {
    display: none;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.xg-mini-progress xg-mini-progress-played,.xg-mini-progress xg-mini-progress-cache {
    height: 100%;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit
}

.xg-mini-progress xg-mini-progress-played {
    background: linear-gradient(-90deg,#FA1F41 0,#E31106 100%)
}

.xg-mini-progress xg-mini-progress-cache {
    background: rgba(255,255,255,.5)
}

.xg-mini-progress-show,.xgplayer-inactive .xg-mini-progress,.xgplayer-mini .xg-mini-progress {
    display: block
}

.xgplayer .xgplayer-play .xg-icon-play {
    display: none
}

.xgplayer .xgplayer-play .xg-icon-pause,.xgplayer .xgplayer-play[data-state=pause] .xg-icon-play {
    display: block
}

.xgplayer .xgplayer-play[data-state=pause] .xg-icon-pause,.xgplayer .xgplayer-fullscreen .xg-exit-fullscreen {
    display: none
}

.xgplayer .xgplayer-fullscreen .xg-get-fullscreen,.xgplayer .xgplayer-fullscreen[data-state=full] .xg-exit-fullscreen {
    display: block
}

.xgplayer .xgplayer-fullscreen[data-state=full] .xg-get-fullscreen,.xgplayer .xg-top-bar .xgplayer-back {
    display: none
}

.xgplayer .xg-top-bar .xgplayer-back {
    position: relative;
    left: 0;
    top: 16px;
    width: 34px;
    height: 40px
}

.xgplayer .xg-top-bar .xgplayer-back.show {
    display: block
}

.xgplayer .xgplayer-time {
    pointer-events: none;
    min-width: 40px;
    font-size: 14px;
    font-family: PingFangSC-Semibold;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 40px
}

.xgplayer .xgplayer-time span {
    display: inline-block;
    line-height: 40px;
    height: 40px
}

.xgplayer .xgplayer-time span .time-min-width {
    text-align: center;
    min-width: 2ch
}

.xgplayer .xgplayer-time span .time-min-width:first-child {
    text-align: right
}

.xgplayer .xgplayer-time span .time-min-width:last-child {
    text-align: left
}

.xgplayer .xgplayer-time .time-duration {
    color: rgba(255,255,255,.5019607843)
}

.xgplayer .xgplayer-time .time-live-tag {
    display: none
}

.xgplayer .xgplayer-time.xg-time-left {
    margin-left: 0
}

.xgplayer .xgplayer-time.xg-time-right {
    margin-right: 0
}

.xgplayer.xgplayer-mobile .xgplayer-time {
    min-width: 30px;
    font-size: 12px
}

.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-left {
    margin-right: 8px
}

.xgplayer.xgplayer-mobile .xgplayer-time.xg-time-right {
    margin-left: 8px
}

.xgplayer .xgplayer-volume.slide-show .xgplayer-slider {
    display: block
}

.xgplayer .xgplayer-slider {
    display: none;
    position: absolute;
    width: 28px;
    height: 92px;
    background: rgba(0,0,0,.54);
    border-radius: 1px;
    bottom: 40px;
    outline: none
}

.xgplayer .xgplayer-slider:after {
    content: " ";
    display: block;
    height: 15px;
    width: 28px;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: 20;
    cursor: initial
}

.xgplayer .xgplayer-value-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    padding: 5px 0 0;
    font-size: 12px;
    background-color: rgba(0,0,0,.5411764706);
    color: #fff;
    text-align: center
}

.xgplayer .xgplayer-bar,.xgplayer .xgplayer-drag {
    display: block;
    position: absolute;
    bottom: 6px;
    left: 12px;
    background: rgba(255,255,255,.3);
    border-radius: 100px;
    width: 4px;
    height: 76px;
    outline: none;
    cursor: pointer
}

.xgplayer .xgplayer-drag {
    bottom: 0;
    left: 0;
    background: #fa1f41;
    max-height: 76px
}

.xgplayer .xgplayer-drag:after {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2588235294);
    position: absolute;
    border-radius: 50%;
    left: -2px;
    top: -4px
}

.xgplayer .xgplayer-volume[data-state=normal] .xg-volume {
    display: block
}

.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-small,.xgplayer .xgplayer-volume[data-state=normal] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=small] .xg-volume {
    display: none
}

.xgplayer .xgplayer-volume[data-state=small] .xg-volume-small {
    display: block
}

.xgplayer .xgplayer-volume[data-state=small] .xg-volume-mute,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume,.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-small {
    display: none
}

.xgplayer .xgplayer-volume[data-state=mute] .xg-volume-mute {
    display: block
}

.xgplayer.xgplayer-mobile .xgplayer-volume .xgplayer-slider,.xgplayer .xgplayer-pip .xg-exit-pip {
    display: none
}

.xgplayer .xgplayer-pip .xg-get-pip,.xgplayer .xgplayer-pip[data-state=pip] .xg-exit-pip {
    display: block
}

.xgplayer .xgplayer-pip[data-state=pip] .xg-get-pip,.xgplayer .xgplayer-playnext {
    display: none
}

.xgplayer .xgplayer-playnext {
    position: relative;
    cursor: pointer
}

.xgplayer .xgplayer-playnext .xgplayer-tips .xgplayer-tip-playnext {
    display: block
}

.xgplayer .xgplayer-playnext:hover {
    opacity: .85
}

.xgplayer .xgplayer-playnext:hover .xgplayer-tips {
    display: block
}

.lang-is-en .xgplayer-playnext .xgplayer-tips {
    margin-left: -25px
}

.lang-is-jp .xgplayer-playnext .xgplayer-tips {
    margin-left: -38px
}

.xgplayer .xgplayer-download {
    position: relative;
    display: block;
    cursor: pointer
}

.lang-is-en .xgplayer-download .xgplayer-tips {
    margin-left: -32px
}

.lang-is-jp .xgplayer-download .xgplayer-tips {
    margin-left: -40px
}

.xgplayer .xgplayer-shot,.xgplayer-definition {
    display: none
}

.xgplayer-definition {
    cursor: pointer
}

.xgplayer .xgplayer-playbackrate {
    display: none;
    cursor: default
}

.xgplayer .xgplayer-cssfullscreen .xg-get-cssfull {
    display: block
}

.xgplayer .xgplayer-cssfullscreen .xg-exit-cssfull,.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-get-cssfull {
    display: none
}

.xgplayer .xgplayer-cssfullscreen[data-state=full] .xg-exit-cssfull {
    display: block
}

.xgplayer-error {
    background: #000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    color: #fff;
    text-align: center;
    line-height: 100%;
    justify-content: center;
    align-items: center
}

.xgplayer-error .xgplayer-error-refresh {
    color: #fa1f41;
    padding: 0 3px;
    cursor: pointer
}

.xgplayer-error .xgplayer-error-text {
    line-height: 18px;
    margin: auto 6px 20px;
    display: block
}

.xgplayer-is-error .xgplayer-error {
    display: flex
}

.xgplayer .xgplayer-prompt {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    padding: 6px 12px 5px;
    opacity: 0;
    left: 10px;
    background: rgba(0,0,0,.5);
    border-radius: 50px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #fff
}

.xgplayer .xgplayer-prompt.show {
    display: block;
    opacity: 1;
    z-index: 10;
    pointer-events: initial
}

.xgplayer .xgplayer-prompt.arrow {
    transform: translate(-50%)
}

.xgplayer .xgplayer-prompt.arrow:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 6px solid rgba(0,0,0,0);
    border-right: 6px solid rgba(0,0,0,0);
    border-top: 8px solid rgba(0,0,0,.5);
    transform: translate(-50%,100%)
}

.xgplayer .xgplayer-prompt .highlight {
    display: inline-block;
    margin-left: 6px;
    color: red;
    cursor: pointer
}

.xgplayer.xgplayer-is-error .xgplayer-prompt.show {
    display: none;
    opacity: 1
}

.xgplayer .xgplayer-spot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
    border-radius: 12px
}

.xgplayer .xgplayer-spot.mini {
    min-width: 6px;
    transform: translate(-50%)
}

.xgplayer .xgplayer-spot.active .xgplayer-spot-pop {
    display: block;
    opacity: 1;
    pointer-events: initial
}

.xgplayer .xgplayer-spot-pop {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 5px;
    padding-bottom: 5px;
    transform: translate(-50%)
}

.xgplayer-mobile .xgplayer-spot {
    height: 3px;
    min-width: 3px;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%)
}

.xgplayer-mobile .xgplayer-spot.mini {
    min-width: 3px;
    transform: translate(-50%,-50%)
}

.xgplayer .xgplayer-progress.active .xgplayer-spot {
    opacity: 1;
    transition: opacity .3s;
    visibility: visible
}

.xgplayer .xg-spot-info {
    position: absolute;
    left: 0;
    bottom: 100%;
    display: none
}

.xgplayer .xg-spot-info.short-line .xg-spot-line {
    height: 6px
}

.xgplayer .xg-spot-info.short-line .xg-spot-content {
    bottom: -4px
}

.xgplayer .xg-spot-info.no-thumbnail .xg-spot-thumbnail {
    display: none
}

.xgplayer .xg-spot-info.no-thumbnail .xgplayer-progress-point {
    display: block
}

.xgplayer .xg-spot-info.no-timepoint .xgplayer-progress-point,.xgplayer .xg-spot-info.hide {
    display: none
}

.xgplayer .xgplayer-progress.active .xg-spot-info {
    display: block
}

.xgplayer .xgplayer-progress.active .xg-spot-info.hide {
    display: none
}

.xgplayer .xg-spot-line {
    position: relative;
    bottom: -7px;
    margin-left: 50%;
    display: block;
    width: 1px;
    height: 41px;
    background-color: #fff;
    pointer-events: none
}

.xgplayer .xgplayer-progress-point {
    display: none;
    position: relative;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%);
    background: rgba(0,0,0,.54);
    font-size: 11px;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    text-align: center;
    opacity: .85;
    white-space: nowrap
}

.xgplayer .xg-spot-content,.xgplayer .xg-spot-ext-text {
    position: relative;
    bottom: -7px
}

.xgplayer .xg-spot-content {
    color: #fff;
    border-radius: 2px 2px 0 0
}

.xgplayer .xg-spot-thumbnail {
    position: relative;
    background-color: #111010;
    pointer-events: none;
    border-radius: 2px 2px 0 0
}

.xgplayer .xg-spot-time {
    position: absolute;
    bottom: 2px;
    font-size: 12px;
    line-height: 16.8px;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none
}

.xgplayer .progress-thumbnail {
    margin: 0 auto;
    display: block
}

.xgplayer .xg-spot-text {
    display: none;
    padding: 5px 8px;
    background: rgba(0,0,0,.8);
    border-radius: 0 0 2px 2px;
    pointer-events: none;
    box-sizing: border-box
}

.xgplayer .spot-inner-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    font-size: 12px;
    max-height: 40px
}

.xgplayer .xg-spot-content.show-text .xg-spot-text {
    display: block
}

.xgplayer .product .xg-spot-text {
    background: #3370ff
}

.xgplayer .product .xg-spot-line {
    border-left: 10px solid rgba(0,0,0,0);
    border-right: 10px solid rgba(0,0,0,0);
    border-top: 7px solid #3370ff;
    width: 0;
    height: 15px;
    left: -10px;
    background: none
}

.xgplayer .xgvideo-preview {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: visibility .3s,opacity .3s;
    background-color: #000
}

.xgplayer .xgvideo-preview .xgvideo-thumbnail {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 0
}

.xgplayer .xgvideo-preview.show {
    opacity: 1;
    visibility: visible
}

.xgplayer-dynamic-bg,.xgplayer-dynamic-bg canvas,.xgplayer-dynamic-bg xgmask,.xgplayer-dynamic-bg xgfilter {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.xgplayer-dynamic-bg canvas {
    transform: translateZ(0)
}

.xgplayer-dynamic-bg xgmask {
    background: rgba(0,0,0,.7)
}

.el-scrollbar__thumb {
    background-color: rgba(0,0,0,0)
}

.el-dropdown-menu {
    background: rgba(0,0,0,.6)
}

.el-dropdown-menu__item {
    color: #ddd
}

.el-popper.is-light .el-popper__arrow::before {
    border-color: rgba(0,0,0,.6);
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown__popper.el-popper {
    background: rgba(0,0,0,0);
    border: none
}

.el-dropdown-menu__item:not(.is-disabled):focus {
    background: none;
    color: #ddd
}

.el-dropdown-menu__item:not(.is-disabled):hover {
    font-weight: 600
}

.el-skeleton,.el-skeleton__item {
    --el-skeleton-color: #22242b;
    --el-skeleton-to-color: #31354a
}

.skeleton-external {
    background: #f5f5f5
}

.el-skeleton__image {
    border-radius: 8px
}

.el-message,.el-message--error,.el-message--info {
    border: none!important;
    border-radius: 12px!important;
    color: #fff!important;
    font-size: 16px!important;
    font-weight: 700!important;
    padding: 12px 16px!important;
    background: #000!important
}

.el-message .el-message__icon {
    display: none!important
}

.el-message--info .el-message__content {
    color: #fff!important;
    font-size: 16px!important
}

.el-message--error {
    background: rgba(0,0,0,.85)!important
}

.el-message--error .el-message__content {
    color: #dc3545!important
}

.el-image__placeholder {
    background: #282a33!important
}

.el-backtop {
    width: auto;
    height: auto;
    box-shadow: none;
    background: rgba(0,0,0,0);
    border-radius: 0
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

@keyframes rotating {
    0% {
        transform: rotateZ(0deg)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

.el-icon,.el-icon svg {
    height: 1em;
    width: 1em
}

.el-icon {
    --color: inherit;
    line-height: 1em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.el-icon.is-loading {
    animation: rotating 2s linear infinite
}

.ban-nav-container{
    padding-top: 8px;
}
.px-l-8px{
 padding-left: 8px;
}

.class-tab-active{
    font-weight: 700;
    background: #37383f;
    transition: background .25s ease-in-out,font-size .1s ease-in-out,padding .2s ease-in-out;
    background-size: 100px 100%;
    padding-left: 28px;
    font-size: 20px;
    border-top-right-radius: 8px;
}