@charset "UTF-8";

.container {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden {
        display: none
    }
}

html,
body {
    width: 100%;
    height: 100%;
    background-color: #333;
    overflow: hidden;
    font-family: HarmonyOS_Regular, sans-serif
}

*,
a,
p {
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box
}

*:hover,
a:hover,
p:hover {
    transition: .3s
}

@font-face {
    font-family: xwxclpw;
    src: url(/font/xwxclpw.ttf) format("truetype")
}

@font-face {
    font-family: UnidreamLED;
    src: url(/font/UnidreamLED.ttf) format("truetype")
}

#app {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0
}

.cards {
    border-radius: 6px;
    background: rgba(0, 0, 0, .2509803922);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: scale(1);
    transition: all .3s
}

.cards:hover {
    transform: scale(1.01)
}

.cards:active {
    transform: scale(.98)
}

.el-message {
    --el-message-bg-color: #00000040 !important;
    --el-message-text-color: #efefef !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 25px !important;
    border-color: transparent !important
}

.el-message .el-message__badge {
    display: none
}

.el-progress-bar .el-progress-bar__outer {
    border-radius: 6px;
    background-color: #00000020
}

.el-progress-bar .el-progress-bar__outer .el-progress-bar__inner {
    background-color: #efefef;
    border-radius: 6px;
    text-align: center;
    font-family: UnidreamLED
}

.el-progress-bar .el-progress-bar__outer .el-progress-bar__inner span {
    color: #564d59;
    font-size: .9rem
}

.el-popper.is-dark {
    background: rgba(255, 255, 255, .3764705882) !important;
    border: 1px solid transparent !important
}

.el-card {
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background-color: transparent !important
}

.el-card .el-card__header {
    font-weight: 700;
    padding: 16px 20px !important;
    background-color: #ffffff30 !important;
    border-bottom: 1px solid transparent !important
}

.el-card .el-card__body {
    padding: 0 !important;
    background-color: #ffffff10 !important
}

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media (min-width: 910px) and (max-width: 1200px) {
    .sm-hidden {
        display: none
    }
}

#cursor {
    position: fixed;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 25px;
    opacity: .25;
    z-index: 10086;
    pointer-events: none;
    transition: .2s ease-in-out;
    transition-property: background, opacity, transform
}

#cursor.hidden {
    opacity: 0
}

#cursor.active {
    opacity: .5;
    transform: scale(.5)
}

::-webkit-scrollbar,
scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent
}

::-webkit-scrollbar-thumb,
scrollbar-thumb {
    border-radius: 10px;
    background-color: #eee
}

:root {
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary-rgb: 64, 158, 255;
    --el-color-success-rgb: 103, 194, 58;
    --el-color-warning-rgb: 230, 162, 60;
    --el-color-danger-rgb: 245, 108, 108;
    --el-color-error-rgb: 245, 108, 108;
    --el-color-info-rgb: 144, 147, 153;
    --el-font-size-extra-large: 20px;
    --el-font-size-large: 18px;
    --el-font-size-medium: 16px;
    --el-font-size-base: 14px;
    --el-font-size-small: 13px;
    --el-font-size-extra-small: 12px;
    --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\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(.645, .045, .355, 1);
    --el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
    --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
    --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
    --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
    --el-component-size-large: 40px;
    --el-component-size: 32px;
    --el-component-size-small: 24px
}

:root {
    color-scheme: light;
    --el-color-white: #ffffff;
    --el-color-black: #000000;
    --el-color-primary: #409eff;
    --el-color-primary-light-3: #79bbff;
    --el-color-primary-light-5: #a0cfff;
    --el-color-primary-light-7: #c6e2ff;
    --el-color-primary-light-8: #d9ecff;
    --el-color-primary-light-9: #ecf5ff;
    --el-color-primary-dark-2: #337ecc;
    --el-color-success: #67c23a;
    --el-color-success-light-3: #95d475;
    --el-color-success-light-5: #b3e19d;
    --el-color-success-light-7: #d1edc4;
    --el-color-success-light-8: #e1f3d8;
    --el-color-success-light-9: #f0f9eb;
    --el-color-success-dark-2: #529b2e;
    --el-color-warning: #e6a23c;
    --el-color-warning-light-3: #eebe77;
    --el-color-warning-light-5: #f3d19e;
    --el-color-warning-light-7: #f8e3c5;
    --el-color-warning-light-8: #faecd8;
    --el-color-warning-light-9: #fdf6ec;
    --el-color-warning-dark-2: #b88230;
    --el-color-danger: #f56c6c;
    --el-color-danger-light-3: #f89898;
    --el-color-danger-light-5: #fab6b6;
    --el-color-danger-light-7: #fcd3d3;
    --el-color-danger-light-8: #fde2e2;
    --el-color-danger-light-9: #fef0f0;
    --el-color-danger-dark-2: #c45656;
    --el-color-error: #f56c6c;
    --el-color-error-light-3: #f89898;
    --el-color-error-light-5: #fab6b6;
    --el-color-error-light-7: #fcd3d3;
    --el-color-error-light-8: #fde2e2;
    --el-color-error-light-9: #fef0f0;
    --el-color-error-dark-2: #c45656;
    --el-color-info: #909399;
    --el-color-info-light-3: #b1b3b8;
    --el-color-info-light-5: #c8c9cc;
    --el-color-info-light-7: #dedfe0;
    --el-color-info-light-8: #e9e9eb;
    --el-color-info-light-9: #f4f4f5;
    --el-color-info-dark-2: #73767a;
    --el-bg-color: #ffffff;
    --el-bg-color-page: #f2f3f5;
    --el-bg-color-overlay: #ffffff;
    --el-text-color-primary: #303133;
    --el-text-color-regular: #606266;
    --el-text-color-secondary: #909399;
    --el-text-color-placeholder: #a8abb2;
    --el-text-color-disabled: #c0c4cc;
    --el-border-color: #dcdfe6;
    --el-border-color-light: #e4e7ed;
    --el-border-color-lighter: #ebeef5;
    --el-border-color-extra-light: #f2f6fc;
    --el-border-color-dark: #d4d7de;
    --el-border-color-darker: #cdd0d6;
    --el-fill-color: #f0f2f5;
    --el-fill-color-light: #f5f7fa;
    --el-fill-color-lighter: #fafafa;
    --el-fill-color-extra-light: #fafcff;
    --el-fill-color-dark: #ebedf0;
    --el-fill-color-darker: #e6e8eb;
    --el-fill-color-blank: #ffffff;
    --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
    --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
    --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
    --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
    --el-disabled-bg-color: var(--el-fill-color-light);
    --el-disabled-text-color: var(--el-text-color-placeholder);
    --el-disabled-border-color: var(--el-border-color-light);
    --el-overlay-color: rgba(0, 0, 0, .8);
    --el-overlay-color-light: rgba(0, 0, 0, .7);
    --el-overlay-color-lighter: rgba(0, 0, 0, .5);
    --el-mask-color: rgba(255, 255, 255, .9);
    --el-mask-color-extra-light: rgba(255, 255, 255, .3);
    --el-border-width: 1px;
    --el-border-style: solid;
    --el-border-color-hover: var(--el-text-color-disabled);
    --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
    --el-svg-monochrome-grey: var(--el-border-color)
}

.el-icon-loading {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

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

    to {
        transform: rotate(360deg)
    }
}

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

    to {
        transform: rotate(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 {
    -webkit-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite
}

.el-icon svg {
    height: 1em;
    width: 1em
}

.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%) translate(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-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)
}

.el-message {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    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: translate(-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 {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--success {
    color: var(--el-message-text-color)
}

.el-message--info {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-color-info-light-8);
    --el-message-text-color: var(--el-color-info)
}

.el-message--info .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--info {
    color: var(--el-message-text-color)
}

.el-message--warning {
    --el-message-bg-color: var(--el-color-warning-light-9);
    --el-message-border-color: var(--el-color-warning-light-8);
    --el-message-text-color: var(--el-color-warning)
}

.el-message--warning .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: anywhere
}

.el-message .el-message-icon--warning {
    color: var(--el-message-text-color)
}

.el-message--error {
    --el-message-bg-color: var(--el-color-error-light-9);
    --el-message-border-color: var(--el-color-error-light-8);
    --el-message-text-color: var(--el-color-error)
}

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: 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%)
}

.container[data-v-bf7f3a5c] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-bf7f3a5c] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-bf7f3a5c] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-bf7f3a5c] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-bf7f3a5c] {
        display: none
    }
}

.message .logo[data-v-bf7f3a5c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: fade;
    -webkit-animation: fade .5s
}

.message .logo .logo-img[data-v-bf7f3a5c] {
    border-radius: 50%;
    width: 120px
}

.message .logo .name[data-v-bf7f3a5c] {
    width: 100%;
    margin-left: 12px;
    transform: translateY(-8px);
    font-family: xwxclpw
}

.message .logo .name .bg[data-v-bf7f3a5c] {
    font-size: 4.3rem
}

.message .logo .name .bg p[data-v-bf7f3a5c]:nth-of-type(1) {
    font-family: xwxclpw
}

@media (max-width: 768px) {
    .message .logo .logo-img[data-v-bf7f3a5c] {
        width: 100px
    }

    .message .logo .name .bg[data-v-bf7f3a5c] {
        font-size: 4.5rem
    }
}

.message .description[data-v-bf7f3a5c] {
    padding: 1rem;
    margin-top: 3.5rem;
    max-width: 460px;
    animation: fade;
    -webkit-animation: fade .5s
}

.message .description .content[data-v-bf7f3a5c] {
    display: flex;
    justify-content: space-between
}

.message .description .content .text[data-v-bf7f3a5c] {
    margin: .75rem 1rem;
    line-height: 2rem;
    margin-right: auto
}

.message .description .content .text p[data-v-bf7f3a5c]:nth-of-type(1) {
    font-family: xwxclpw
}

.message .description .content .xicon[data-v-bf7f3a5c]:nth-of-type(2) {
    align-self: flex-end
}

@media (max-width: 720px) {
    .message .description[data-v-bf7f3a5c] {
        max-width: 100%;
        pointer-events: none
    }
}

.container[data-v-0c2b7dba] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-0c2b7dba] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-0c2b7dba] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-0c2b7dba] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-0c2b7dba] {
        display: none
    }
}

.social[data-v-0c2b7dba] {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 460px;
    width: 100%;
    height: 42px;
    background-color: transparent;
    border-radius: 6px;
    backdrop-filter: blur(0);
    animation: fade;
    -webkit-animation: fade .5s
}

@media (max-width: 840px) {
    .social[data-v-0c2b7dba] {
        max-width: 100%;
        justify-content: center
    }

    .social .link[data-v-0c2b7dba] {
        justify-content: space-evenly !important;
        width: 90%
    }

    .social .tip[data-v-0c2b7dba] {
        display: none !important
    }
}

.social .link[data-v-0c2b7dba] {
    display: flex;
    align-items: center;
    justify-content: center
}

.social .link a[data-v-0c2b7dba] {
    display: inherit
}

.social .link a span[data-v-0c2b7dba] {
    margin: 0 12px
}

.social .tip[data-v-0c2b7dba] {
    display: none;
    margin-right: 12px
}

.social[data-v-0c2b7dba]:hover {
    background-color: #00000040;
    backdrop-filter: blur(5px)
}

.social:hover .tip[data-v-0c2b7dba] {
    display: block
}

.container[data-v-dbdd3946] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-dbdd3946] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-dbdd3946] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-dbdd3946] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-dbdd3946] {
        display: none
    }
}

.left[data-v-dbdd3946] {
    flex: 1 0 0%;
    margin-right: 10px;
    transform: translateY(20px)
}

.left.hidden[data-v-dbdd3946] {
    display: none
}

@media (max-width: 720px) {
    .left[data-v-dbdd3946] {
        margin-right: 0
    }
}

.el-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box
}

.el-row.is-justify-center {
    justify-content: center
}

.el-row.is-justify-end {
    justify-content: flex-end
}

.el-row.is-justify-space-between {
    justify-content: space-between
}

.el-row.is-justify-space-around {
    justify-content: space-around
}

.el-row.is-justify-space-evenly {
    justify-content: space-evenly
}

.el-row.is-align-middle {
    align-items: center
}

.el-row.is-align-bottom {
    align-items: flex-end
}

[class*=el-col-] {
    box-sizing: border-box
}

[class*=el-col-].is-guttered {
    display: block;
    min-height: 1px
}

.el-col-0,
.el-col-0.is-guttered {
    display: none
}

.el-col-0 {
    max-width: 0%;
    flex: 0 0 0%
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    position: relative;
    left: 0
}

.el-col-1 {
    max-width: 4.1666666667%;
    flex: 0 0 4.1666666667%
}

.el-col-offset-1 {
    margin-left: 4.1666666667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.1666666667%
}

.el-col-push-1 {
    position: relative;
    left: 4.1666666667%
}

.el-col-2 {
    max-width: 8.3333333333%;
    flex: 0 0 8.3333333333%
}

.el-col-offset-2 {
    margin-left: 8.3333333333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.3333333333%
}

.el-col-push-2 {
    position: relative;
    left: 8.3333333333%
}

.el-col-3 {
    max-width: 12.5%;
    flex: 0 0 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    position: relative;
    left: 12.5%
}

.el-col-4 {
    max-width: 16.6666666667%;
    flex: 0 0 16.6666666667%
}

.el-col-offset-4 {
    margin-left: 16.6666666667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.6666666667%
}

.el-col-push-4 {
    position: relative;
    left: 16.6666666667%
}

.el-col-5 {
    max-width: 20.8333333333%;
    flex: 0 0 20.8333333333%
}

.el-col-offset-5 {
    margin-left: 20.8333333333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.8333333333%
}

.el-col-push-5 {
    position: relative;
    left: 20.8333333333%
}

.el-col-6 {
    max-width: 25%;
    flex: 0 0 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    position: relative;
    left: 25%
}

.el-col-7 {
    max-width: 29.1666666667%;
    flex: 0 0 29.1666666667%
}

.el-col-offset-7 {
    margin-left: 29.1666666667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.1666666667%
}

.el-col-push-7 {
    position: relative;
    left: 29.1666666667%
}

.el-col-8 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%
}

.el-col-offset-8 {
    margin-left: 33.3333333333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.3333333333%
}

.el-col-push-8 {
    position: relative;
    left: 33.3333333333%
}

.el-col-9 {
    max-width: 37.5%;
    flex: 0 0 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    position: relative;
    left: 37.5%
}

.el-col-10 {
    max-width: 41.6666666667%;
    flex: 0 0 41.6666666667%
}

.el-col-offset-10 {
    margin-left: 41.6666666667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.6666666667%
}

.el-col-push-10 {
    position: relative;
    left: 41.6666666667%
}

.el-col-11 {
    max-width: 45.8333333333%;
    flex: 0 0 45.8333333333%
}

.el-col-offset-11 {
    margin-left: 45.8333333333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.8333333333%
}

.el-col-push-11 {
    position: relative;
    left: 45.8333333333%
}

.el-col-12 {
    max-width: 50%;
    flex: 0 0 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    position: relative;
    left: 50%
}

.el-col-13 {
    max-width: 54.1666666667%;
    flex: 0 0 54.1666666667%
}

.el-col-offset-13 {
    margin-left: 54.1666666667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.1666666667%
}

.el-col-push-13 {
    position: relative;
    left: 54.1666666667%
}

.el-col-14 {
    max-width: 58.3333333333%;
    flex: 0 0 58.3333333333%
}

.el-col-offset-14 {
    margin-left: 58.3333333333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.3333333333%
}

.el-col-push-14 {
    position: relative;
    left: 58.3333333333%
}

.el-col-15 {
    max-width: 62.5%;
    flex: 0 0 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    position: relative;
    left: 62.5%
}

.el-col-16 {
    max-width: 66.6666666667%;
    flex: 0 0 66.6666666667%
}

.el-col-offset-16 {
    margin-left: 66.6666666667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.6666666667%
}

.el-col-push-16 {
    position: relative;
    left: 66.6666666667%
}

.el-col-17 {
    max-width: 70.8333333333%;
    flex: 0 0 70.8333333333%
}

.el-col-offset-17 {
    margin-left: 70.8333333333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.8333333333%
}

.el-col-push-17 {
    position: relative;
    left: 70.8333333333%
}

.el-col-18 {
    max-width: 75%;
    flex: 0 0 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    position: relative;
    left: 75%
}

.el-col-19 {
    max-width: 79.1666666667%;
    flex: 0 0 79.1666666667%
}

.el-col-offset-19 {
    margin-left: 79.1666666667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.1666666667%
}

.el-col-push-19 {
    position: relative;
    left: 79.1666666667%
}

.el-col-20 {
    max-width: 83.3333333333%;
    flex: 0 0 83.3333333333%
}

.el-col-offset-20 {
    margin-left: 83.3333333333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.3333333333%
}

.el-col-push-20 {
    position: relative;
    left: 83.3333333333%
}

.el-col-21 {
    max-width: 87.5%;
    flex: 0 0 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    position: relative;
    left: 87.5%
}

.el-col-22 {
    max-width: 91.6666666667%;
    flex: 0 0 91.6666666667%
}

.el-col-offset-22 {
    margin-left: 91.6666666667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.6666666667%
}

.el-col-push-22 {
    position: relative;
    left: 91.6666666667%
}

.el-col-23 {
    max-width: 95.8333333333%;
    flex: 0 0 95.8333333333%
}

.el-col-offset-23 {
    margin-left: 95.8333333333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.8333333333%
}

.el-col-push-23 {
    position: relative;
    left: 95.8333333333%
}

.el-col-24 {
    max-width: 100%;
    flex: 0 0 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    position: relative;
    left: 100%
}

@media only screen and (max-width:768px) {

    .el-col-xs-0,
    .el-col-xs-0.is-guttered {
        display: none
    }

    .el-col-xs-0 {
        max-width: 0%;
        flex: 0 0 0%
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xs-1 {
        display: block;
        max-width: 4.1666666667%;
        flex: 0 0 4.1666666667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.1666666667%
    }

    .el-col-xs-2 {
        display: block;
        max-width: 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.3333333333%
    }

    .el-col-xs-3 {
        display: block;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xs-4 {
        display: block;
        max-width: 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.6666666667%
    }

    .el-col-xs-5 {
        display: block;
        max-width: 20.8333333333%;
        flex: 0 0 20.8333333333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.8333333333%
    }

    .el-col-xs-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xs-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.1666666667%
    }

    .el-col-xs-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.3333333333%
    }

    .el-col-xs-9 {
        display: block;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xs-10 {
        display: block;
        max-width: 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.6666666667%
    }

    .el-col-xs-11 {
        display: block;
        max-width: 45.8333333333%;
        flex: 0 0 45.8333333333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.8333333333%
    }

    .el-col-xs-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xs-13 {
        display: block;
        max-width: 54.1666666667%;
        flex: 0 0 54.1666666667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.1666666667%
    }

    .el-col-xs-14 {
        display: block;
        max-width: 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.3333333333%
    }

    .el-col-xs-15 {
        display: block;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xs-16 {
        display: block;
        max-width: 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.6666666667%
    }

    .el-col-xs-17 {
        display: block;
        max-width: 70.8333333333%;
        flex: 0 0 70.8333333333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.8333333333%
    }

    .el-col-xs-18 {
        display: block;
        max-width: 75%;
        flex: 0 0 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xs-19 {
        display: block;
        max-width: 79.1666666667%;
        flex: 0 0 79.1666666667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.1666666667%
    }

    .el-col-xs-20 {
        display: block;
        max-width: 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.3333333333%
    }

    .el-col-xs-21 {
        display: block;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xs-22 {
        display: block;
        max-width: 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.6666666667%
    }

    .el-col-xs-23 {
        display: block;
        max-width: 95.8333333333%;
        flex: 0 0 95.8333333333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.8333333333%
    }

    .el-col-xs-24 {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:768px) {

    .el-col-sm-0,
    .el-col-sm-0.is-guttered {
        display: none
    }

    .el-col-sm-0 {
        max-width: 0%;
        flex: 0 0 0%
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .el-col-sm-1 {
        display: block;
        max-width: 4.1666666667%;
        flex: 0 0 4.1666666667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.1666666667%
    }

    .el-col-sm-2 {
        display: block;
        max-width: 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.3333333333%
    }

    .el-col-sm-3 {
        display: block;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-sm-4 {
        display: block;
        max-width: 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.6666666667%
    }

    .el-col-sm-5 {
        display: block;
        max-width: 20.8333333333%;
        flex: 0 0 20.8333333333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.8333333333%
    }

    .el-col-sm-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-sm-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.1666666667%
    }

    .el-col-sm-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.3333333333%
    }

    .el-col-sm-9 {
        display: block;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-sm-10 {
        display: block;
        max-width: 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.6666666667%
    }

    .el-col-sm-11 {
        display: block;
        max-width: 45.8333333333%;
        flex: 0 0 45.8333333333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.8333333333%
    }

    .el-col-sm-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-sm-13 {
        display: block;
        max-width: 54.1666666667%;
        flex: 0 0 54.1666666667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.1666666667%
    }

    .el-col-sm-14 {
        display: block;
        max-width: 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.3333333333%
    }

    .el-col-sm-15 {
        display: block;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-sm-16 {
        display: block;
        max-width: 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.6666666667%
    }

    .el-col-sm-17 {
        display: block;
        max-width: 70.8333333333%;
        flex: 0 0 70.8333333333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.8333333333%
    }

    .el-col-sm-18 {
        display: block;
        max-width: 75%;
        flex: 0 0 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-sm-19 {
        display: block;
        max-width: 79.1666666667%;
        flex: 0 0 79.1666666667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.1666666667%
    }

    .el-col-sm-20 {
        display: block;
        max-width: 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.3333333333%
    }

    .el-col-sm-21 {
        display: block;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-sm-22 {
        display: block;
        max-width: 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.6666666667%
    }

    .el-col-sm-23 {
        display: block;
        max-width: 95.8333333333%;
        flex: 0 0 95.8333333333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.8333333333%
    }

    .el-col-sm-24 {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:992px) {

    .el-col-md-0,
    .el-col-md-0.is-guttered {
        display: none
    }

    .el-col-md-0 {
        max-width: 0%;
        flex: 0 0 0%
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0
    }

    .el-col-md-1 {
        display: block;
        max-width: 4.1666666667%;
        flex: 0 0 4.1666666667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.1666666667%
    }

    .el-col-md-2 {
        display: block;
        max-width: 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.3333333333%
    }

    .el-col-md-3 {
        display: block;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-md-4 {
        display: block;
        max-width: 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.6666666667%
    }

    .el-col-md-5 {
        display: block;
        max-width: 20.8333333333%;
        flex: 0 0 20.8333333333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.8333333333%
    }

    .el-col-md-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-md-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.1666666667%
    }

    .el-col-md-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.3333333333%
    }

    .el-col-md-9 {
        display: block;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-md-10 {
        display: block;
        max-width: 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.6666666667%
    }

    .el-col-md-11 {
        display: block;
        max-width: 45.8333333333%;
        flex: 0 0 45.8333333333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.8333333333%
    }

    .el-col-md-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-md-13 {
        display: block;
        max-width: 54.1666666667%;
        flex: 0 0 54.1666666667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.1666666667%
    }

    .el-col-md-14 {
        display: block;
        max-width: 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.3333333333%
    }

    .el-col-md-15 {
        display: block;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-md-16 {
        display: block;
        max-width: 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.6666666667%
    }

    .el-col-md-17 {
        display: block;
        max-width: 70.8333333333%;
        flex: 0 0 70.8333333333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.8333333333%
    }

    .el-col-md-18 {
        display: block;
        max-width: 75%;
        flex: 0 0 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-md-19 {
        display: block;
        max-width: 79.1666666667%;
        flex: 0 0 79.1666666667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.1666666667%
    }

    .el-col-md-20 {
        display: block;
        max-width: 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.3333333333%
    }

    .el-col-md-21 {
        display: block;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-md-22 {
        display: block;
        max-width: 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.6666666667%
    }

    .el-col-md-23 {
        display: block;
        max-width: 95.8333333333%;
        flex: 0 0 95.8333333333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.8333333333%
    }

    .el-col-md-24 {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1200px) {

    .el-col-lg-0,
    .el-col-lg-0.is-guttered {
        display: none
    }

    .el-col-lg-0 {
        max-width: 0%;
        flex: 0 0 0%
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .el-col-lg-1 {
        display: block;
        max-width: 4.1666666667%;
        flex: 0 0 4.1666666667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.1666666667%
    }

    .el-col-lg-2 {
        display: block;
        max-width: 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.3333333333%
    }

    .el-col-lg-3 {
        display: block;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-lg-4 {
        display: block;
        max-width: 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.6666666667%
    }

    .el-col-lg-5 {
        display: block;
        max-width: 20.8333333333%;
        flex: 0 0 20.8333333333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.8333333333%
    }

    .el-col-lg-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-lg-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.1666666667%
    }

    .el-col-lg-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.3333333333%
    }

    .el-col-lg-9 {
        display: block;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-lg-10 {
        display: block;
        max-width: 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.6666666667%
    }

    .el-col-lg-11 {
        display: block;
        max-width: 45.8333333333%;
        flex: 0 0 45.8333333333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.8333333333%
    }

    .el-col-lg-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-lg-13 {
        display: block;
        max-width: 54.1666666667%;
        flex: 0 0 54.1666666667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.1666666667%
    }

    .el-col-lg-14 {
        display: block;
        max-width: 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.3333333333%
    }

    .el-col-lg-15 {
        display: block;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-lg-16 {
        display: block;
        max-width: 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.6666666667%
    }

    .el-col-lg-17 {
        display: block;
        max-width: 70.8333333333%;
        flex: 0 0 70.8333333333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.8333333333%
    }

    .el-col-lg-18 {
        display: block;
        max-width: 75%;
        flex: 0 0 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-lg-19 {
        display: block;
        max-width: 79.1666666667%;
        flex: 0 0 79.1666666667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.1666666667%
    }

    .el-col-lg-20 {
        display: block;
        max-width: 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.3333333333%
    }

    .el-col-lg-21 {
        display: block;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-lg-22 {
        display: block;
        max-width: 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.6666666667%
    }

    .el-col-lg-23 {
        display: block;
        max-width: 95.8333333333%;
        flex: 0 0 95.8333333333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.8333333333%
    }

    .el-col-lg-24 {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1920px) {

    .el-col-xl-0,
    .el-col-xl-0.is-guttered {
        display: none
    }

    .el-col-xl-0 {
        max-width: 0%;
        flex: 0 0 0%
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xl-1 {
        display: block;
        max-width: 4.1666666667%;
        flex: 0 0 4.1666666667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.1666666667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.1666666667%
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.1666666667%
    }

    .el-col-xl-2 {
        display: block;
        max-width: 8.3333333333%;
        flex: 0 0 8.3333333333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.3333333333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.3333333333%
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.3333333333%
    }

    .el-col-xl-3 {
        display: block;
        max-width: 12.5%;
        flex: 0 0 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xl-4 {
        display: block;
        max-width: 16.6666666667%;
        flex: 0 0 16.6666666667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.6666666667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.6666666667%
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.6666666667%
    }

    .el-col-xl-5 {
        display: block;
        max-width: 20.8333333333%;
        flex: 0 0 20.8333333333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.8333333333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.8333333333%
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.8333333333%
    }

    .el-col-xl-6 {
        display: block;
        max-width: 25%;
        flex: 0 0 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xl-7 {
        display: block;
        max-width: 29.1666666667%;
        flex: 0 0 29.1666666667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.1666666667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.1666666667%
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.1666666667%
    }

    .el-col-xl-8 {
        display: block;
        max-width: 33.3333333333%;
        flex: 0 0 33.3333333333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.3333333333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.3333333333%
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.3333333333%
    }

    .el-col-xl-9 {
        display: block;
        max-width: 37.5%;
        flex: 0 0 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xl-10 {
        display: block;
        max-width: 41.6666666667%;
        flex: 0 0 41.6666666667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.6666666667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.6666666667%
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.6666666667%
    }

    .el-col-xl-11 {
        display: block;
        max-width: 45.8333333333%;
        flex: 0 0 45.8333333333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.8333333333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.8333333333%
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.8333333333%
    }

    .el-col-xl-12 {
        display: block;
        max-width: 50%;
        flex: 0 0 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xl-13 {
        display: block;
        max-width: 54.1666666667%;
        flex: 0 0 54.1666666667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.1666666667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.1666666667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.1666666667%
    }

    .el-col-xl-14 {
        display: block;
        max-width: 58.3333333333%;
        flex: 0 0 58.3333333333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.3333333333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.3333333333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.3333333333%
    }

    .el-col-xl-15 {
        display: block;
        max-width: 62.5%;
        flex: 0 0 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        display: block;
        max-width: 66.6666666667%;
        flex: 0 0 66.6666666667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.6666666667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.6666666667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.6666666667%
    }

    .el-col-xl-17 {
        display: block;
        max-width: 70.8333333333%;
        flex: 0 0 70.8333333333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.8333333333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.8333333333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.8333333333%
    }

    .el-col-xl-18 {
        display: block;
        max-width: 75%;
        flex: 0 0 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        display: block;
        max-width: 79.1666666667%;
        flex: 0 0 79.1666666667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.1666666667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.1666666667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.1666666667%
    }

    .el-col-xl-20 {
        display: block;
        max-width: 83.3333333333%;
        flex: 0 0 83.3333333333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.3333333333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.3333333333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.3333333333%
    }

    .el-col-xl-21 {
        display: block;
        max-width: 87.5%;
        flex: 0 0 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        display: block;
        max-width: 91.6666666667%;
        flex: 0 0 91.6666666667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.6666666667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.6666666667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.6666666667%
    }

    .el-col-xl-23 {
        display: block;
        max-width: 95.8333333333%;
        flex: 0 0 95.8333333333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.8333333333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.8333333333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.8333333333%
    }

    .el-col-xl-24 {
        display: block;
        max-width: 100%;
        flex: 0 0 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

.el-slider {
    --el-slider-main-bg-color: var(--el-color-primary);
    --el-slider-runway-bg-color: var(--el-border-color-light);
    --el-slider-stop-bg-color: var(--el-color-white);
    --el-slider-disabled-color: var(--el-text-color-placeholder);
    --el-slider-border-radius: 3px;
    --el-slider-height: 6px;
    --el-slider-button-size: 20px;
    --el-slider-button-wrapper-size: 36px;
    --el-slider-button-wrapper-offset: -15px
}

.el-slider {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center
}

.el-slider__runway {
    flex: 1;
    height: var(--el-slider-height);
    background-color: var(--el-slider-runway-bg-color);
    border-radius: var(--el-slider-border-radius);
    position: relative;
    cursor: pointer
}

.el-slider__runway.show-input {
    margin-right: 30px;
    width: auto
}

.el-slider__runway.is-disabled {
    cursor: default
}

.el-slider__runway.is-disabled .el-slider__bar {
    background-color: var(--el-slider-disabled-color)
}

.el-slider__runway.is-disabled .el-slider__button {
    border-color: var(--el-slider-disabled-color)
}

.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,
.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
    cursor: not-allowed
}

.el-slider__runway.is-disabled .el-slider__button.dragging,
.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover {
    transform: scale(1)
}

.el-slider__runway.is-disabled .el-slider__button.hover,
.el-slider__runway.is-disabled .el-slider__button:hover,
.el-slider__runway.is-disabled .el-slider__button.dragging {
    cursor: not-allowed
}

.el-slider__input {
    flex-shrink: 0;
    width: 130px
}

.el-slider__bar {
    height: var(--el-slider-height);
    background-color: var(--el-slider-main-bg-color);
    border-top-left-radius: var(--el-slider-border-radius);
    border-bottom-left-radius: var(--el-slider-border-radius);
    position: absolute
}

.el-slider__button-wrapper {
    height: var(--el-slider-button-wrapper-size);
    width: var(--el-slider-button-wrapper-size);
    position: absolute;
    z-index: 1;
    top: var(--el-slider-button-wrapper-offset);
    transform: translate(-50%);
    background-color: transparent;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: normal;
    outline: 0
}

.el-slider__button-wrapper:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__button {
    display: inline-block;
    width: var(--el-slider-button-size);
    height: var(--el-slider-button-size);
    vertical-align: middle;
    border: solid 2px var(--el-slider-main-bg-color);
    background-color: var(--el-color-white);
    border-radius: 50%;
    box-sizing: border-box;
    transition: var(--el-transition-duration-fast);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: -webkit-grab;
    cursor: grab
}

.el-slider__button.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.el-slider__stop {
    position: absolute;
    height: var(--el-slider-height);
    width: var(--el-slider-height);
    border-radius: var(--el-border-radius-circle);
    background-color: var(--el-slider-stop-bg-color);
    transform: translate(-50%)
}

.el-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.el-slider__marks-text {
    position: absolute;
    transform: translate(-50%);
    font-size: 14px;
    color: var(--el-color-info);
    margin-top: 15px;
    white-space: pre
}

.el-slider.is-vertical {
    position: relative;
    display: inline-flex;
    width: auto;
    height: 100%;
    flex: 0
}

.el-slider.is-vertical .el-slider__runway {
    width: var(--el-slider-height);
    height: 100%;
    margin: 0 16px
}

.el-slider.is-vertical .el-slider__bar {
    width: var(--el-slider-height);
    height: auto;
    border-radius: 0 0 3px 3px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    top: auto;
    left: var(--el-slider-button-wrapper-offset);
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__marks-text {
    margin-top: 0;
    left: 15px;
    transform: translateY(50%)
}

.el-slider--large {
    height: 40px
}

.el-slider--small {
    height: 24px
}

.el-input-number {
    position: relative;
    display: inline-flex;
    width: 150px;
    line-height: 30px
}

.el-input-number .el-input__wrapper {
    padding-left: 42px;
    padding-right: 42px
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    text-align: center;
    line-height: 1
}

.el-input-number .el-input__inner::-webkit-inner-spin-button,
.el-input-number .el-input__inner::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.el-input-number__decrease,
.el-input-number__increase {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 1px;
    bottom: 1px;
    width: 32px;
    background: var(--el-fill-color-light);
    color: var(--el-text-color-regular);
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: var(--el-color-primary)
}

.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input_wrapper,
.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input_wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input-number__increase {
    right: 1px;
    border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
    border-left: var(--el-border)
}

.el-input-number__decrease {
    left: 1px;
    border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
    border-right: var(--el-border)
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: var(--el-disabled-border-color);
    color: var(--el-disabled-border-color)
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: var(--el-disabled-border-color);
    cursor: not-allowed
}

.el-input-number--large {
    width: 180px;
    line-height: 38px
}

.el-input-number--large .el-input-number__decrease,
.el-input-number--large .el-input-number__increase {
    width: 40px;
    font-size: 14px
}

.el-input-number--large .el-input__wrapper {
    padding-left: 47px;
    padding-right: 47px
}

.el-input-number--small {
    width: 120px;
    line-height: 22px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 24px;
    font-size: 12px
}

.el-input-number--small .el-input__wrapper {
    padding-left: 31px;
    padding-right: 31px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
}

.el-input-number.is-without-controls .el-input__wrapper {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__wrapper {
    padding-left: 15px;
    padding-right: 42px
}

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

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    bottom: auto;
    left: auto;
    border-radius: 0 var(--el-border-radius-base) 0 0;
    border-bottom: var(--el-border)
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: var(--el-border);
    border-radius: 0 0 var(--el-border-radius-base) 0
}

.el-input-number.is-controls-right[class*=large] [class*=decrease],
.el-input-number.is-controls-right[class*=large] [class*=increase] {
    --el-input-number-controls-height: 19px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    --el-input-number-controls-height: 11px
}

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary)
}

.el-textarea {
    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::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:-ms-input-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-textarea__inner:hover {
    box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
}

.el-textarea__inner:focus {
    outline: 0;
    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::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-disabled .el-textarea__inner:-ms-input-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-textarea.is-exceed .el-textarea__inner {
    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 {
    --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-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: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box
}

.el-input__inner:focus {
    outline: 0
}

.el-input__inner::-moz-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner:-ms-input-placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner::placeholder {
    color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
}

.el-input__inner[type=password]::-ms-reveal {
    display: none
}

.el-input__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 {
    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);
    margin-left: 8px
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-input-focus-color, ) inset
}

.el-input.is-disabled {
    cursor: not-allowed
}

.el-input.is-disabled .el-input__wrapper {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
}

.el-input.is-disabled .el-input__inner {
    color: var(--el-disabled-text-color);
    -webkit-text-fill-color: var(--el-disabled-text-color);
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::-moz-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__inner:-ms-input-placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: var(--el-text-color-placeholder)
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__wrapper {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: var(--el-color-danger)
}

.el-input--large {
    --el-input-height: var(--el-component-size-large);
    font-size: 14px
}

.el-input--large .el-input__wrapper {
    padding: 1px 15px
}

.el-input--large .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
}

.el-input--small {
    --el-input-height: var(--el-component-size-small);
    font-size: 12px
}

.el-input--small .el-input__wrapper {
    padding: 1px 7px
}

.el-input--small .el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
}

.el-input-group {
    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: 0
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: 0 -20px
}

.el-input-group__append button.el-button,
.el-input-group__append button.el-button:hover,
.el-input-group__append div.el-select .el-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: transparent;
    background-color: transparent;
    color: inherit
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-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 {
    border-left: 0;
    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--prepend>.el-input__wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.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 {
    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: 0;
    z-index: 2;
    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
}

.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 {
    z-index: 1;
    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
}

.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 {
    z-index: 2;
    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
}

.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 {
    z-index: 1;
    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
}

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius, 4px)
}

.el-popper {
    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.is-dark {
    color: var(--el-bg-color);
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary)
}

.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.is-light {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light)
}

.el-popper.is-light .el-popper__arrow:before {
    border: 1px solid var(--el-border-color-light);
    background: var(--el-bg-color-overlay);
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: -1
}

.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-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-top-color: transparent !important;
    border-left-color: transparent !important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-left-color: transparent !important;
    border-bottom-color: transparent !important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent !important;
    border-top-color: transparent !important
}

.container[data-v-69cd26a8] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-69cd26a8] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-69cd26a8] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-69cd26a8] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-69cd26a8] {
        display: none
    }
}

.aplayer[data-v-69cd26a8] {
    width: 80%;
    background: transparent;
    border-radius: 6px
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-pic {
    display: none
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info {
    margin-left: 0;
    background-color: #ffffff40;
    border-color: transparent
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-music {
    flex-grow: initial;
    margin-bottom: 2px;
    overflow: initial
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-music .aplayer-title {
    font-size: 16px;
    margin-right: 6px
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-music .aplayer-author {
    color: #efefef
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-lrc {
    text-align: left;
    margin: 4px 0 6px 6px;
    height: 100%;
    mask: linear-gradient(#fff 15%, #fff 85%, hsla(0deg, 0%, 100%, .6) 90%, hsla(0deg, 0%, 100%, 0));
    -webkit-mask: linear-gradient(#fff 15%, #fff 85%, hsla(0deg, 0%, 100%, .6) 90%, hsla(0deg, 0%, 100%, 0))
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-lrc:before,
.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-lrc:after {
    display: none
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-lrc p {
    color: #efefef
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-lrc .aplayer-lrc-current {
    font-size: .95rem;
    margin-bottom: 4px !important
}

.aplayer[data-v-69cd26a8] .aplayer-body .aplayer-info .aplayer-controller {
    display: none
}

.aplayer[data-v-69cd26a8] .aplayer-list {
    margin-top: 6px
}

.aplayer[data-v-69cd26a8] .aplayer-list ol::-webkit-scrollbar-track {
    background-color: transparent
}

.aplayer[data-v-69cd26a8] .aplayer-list ol li {
    border-color: transparent
}

.aplayer[data-v-69cd26a8] .aplayer-list ol li.aplayer-list-light {
    background: rgba(255, 255, 255, .2509803922);
    border-radius: 6px
}

.aplayer[data-v-69cd26a8] .aplayer-list ol li:hover {
    background: rgba(255, 255, 255, .1490196078) !important;
    border-radius: 6px !important
}

.aplayer[data-v-69cd26a8] .aplayer-list ol li .aplayer-list-index,
.aplayer[data-v-69cd26a8] .aplayer-list ol li .aplayer-list-author {
    color: #efefef
}

.container[data-v-dbda1540] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-dbda1540] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-dbda1540] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-dbda1540] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-dbda1540] {
        display: none
    }
}

.music[data-v-dbda1540] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2509803922);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    animation: fade;
    -webkit-animation: fade .5s
}

.music .btns[data-v-dbda1540] {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.music .btns span[data-v-dbda1540] {
    background: rgba(255, 255, 255, .1490196078);
    padding: 2px 8px;
    border-radius: 6px;
    margin: 0 6px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

.music .btns span[data-v-dbda1540]:hover {
    background: rgba(255, 255, 255, .3019607843)
}

.music .control[data-v-dbda1540] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 100%
}

.music .control .state .i-icon[data-v-dbda1540] {
    width: 50px;
    height: 50px;
    display: block
}

.music .control .i-icon[data-v-dbda1540] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transform: scale(1)
}

.music .control .i-icon[data-v-dbda1540]:hover {
    background: rgba(255, 255, 255, .2)
}

.music .control .i-icon[data-v-dbda1540]:active {
    transform: scale(.95)
}

.music .menu[data-v-dbda1540] {
    height: 26px;
    width: 100%;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.music .menu .name[data-v-dbda1540] {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    animation: fade;
    -webkit-animation: fade .3s
}

.music .menu .volume[data-v-dbda1540] {
    width: 100%;
    padding: 0 12px;
    display: flex;
    align-items: center;
    flex-direction: row;
    animation: fade;
    -webkit-animation: fade .3s
}

.music .menu .volume .icon[data-v-dbda1540] {
    margin-right: 12px
}

.music .menu .volume .icon span[data-v-dbda1540] {
    width: 24px;
    height: 24px;
    display: block
}

.music .menu .volume[data-v-dbda1540] * {
    transition: none
}

.music .menu .volume[data-v-dbda1540] .el-slider__button {
    transition: .3s
}

.music .menu .volume .el-slider[data-v-dbda1540] {
    margin-right: 12px;
    --el-slider-main-bg-color: #efefef;
    --el-slider-runway-bg-color: #ffffff40;
    --el-slider-button-size: 16px
}

.music-list[data-v-dbda1540] {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    backdrop-filter: blur(20px);
    z-index: 1
}

.music-list .list[data-v-dbda1540] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: calc(50% - 300px);
    left: calc(50% - 320px);
    width: 640px;
    height: 600px;
    background-color: #fff6;
    border-radius: 6px;
    z-index: 999
}

@media (max-width: 720px) {
    .music-list .list[data-v-dbda1540] {
        left: 5%;
        width: 90%
    }
}

.music-list .list .close[data-v-dbda1540] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    display: block
}

.music-list .list .close[data-v-dbda1540]:hover {
    transform: scale(1.2)
}

.music-list .list .close[data-v-dbda1540]:active {
    transform: scale(.95)
}

.fade-enter-active[data-v-dbda1540] {
    animation: fade .3s ease-in-out
}

.fade-leave-active[data-v-dbda1540] {
    animation: fade .3s ease-in-out reverse
}

.zoom-enter-active[data-v-dbda1540] {
    animation: zoom-dbda1540 .4s ease-in-out
}

.zoom-leave-active[data-v-dbda1540] {
    animation: zoom-dbda1540 .3s ease-in-out reverse
}

@keyframes zoom-dbda1540 {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-600px)
    }

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

.container[data-v-fd821127] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-fd821127] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-fd821127] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-fd821127] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-fd821127] {
        display: none
    }
}

.hitokoto[data-v-fd821127] {
    width: 100%;
    height: 100%;
    padding: 20px;
    animation: fade;
    -webkit-animation: fade .5s
}

.hitokoto .open-music[data-v-fd821127] {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .1490196078);
    padding: 4px 0;
    border-radius: 8px 8px 0 0
}

.hitokoto .open-music .i-icon[data-v-fd821127] {
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 8px
}

.hitokoto .open-music span[data-v-fd821127] {
    font-size: .95rem
}

.hitokoto .content[data-v-fd821127] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.hitokoto .content .text[data-v-fd821127] {
    font-size: 1.1rem;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.hitokoto .content .from[data-v-fd821127] {
    margin-top: 10px;
    font-weight: 700;
    align-self: flex-end;
    font-size: 1.1rem
}

.container[data-v-d3693f48] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-d3693f48] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-d3693f48] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-d3693f48] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-d3693f48] {
        display: none
    }
}

.function[data-v-d3693f48] {
    height: 165px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.function.mobile .el-row .el-col[data-v-d3693f48]:nth-of-type(1) {
    display: contents
}

.function.mobile .el-row .el-col[data-v-d3693f48]:nth-of-type(2) {
    display: none
}

.function .el-row[data-v-d3693f48] {
    height: 100%;
    width: 100%;
    margin: 0 !important
}

.function .el-row .el-col[data-v-d3693f48]:nth-of-type(1) {
    padding-left: 0 !important
}

.function .el-row .el-col[data-v-d3693f48]:nth-of-type(2) {
    padding-right: 0 !important
}

@media (max-width: 910px) {
    .function .el-row .el-col[data-v-d3693f48]:nth-of-type(1) {
        display: none
    }

    .function .el-row .el-col[data-v-d3693f48]:nth-of-type(2) {
        padding: 0 !important;
        flex: none;
        max-width: none;
        width: 100%
    }
}

.function .el-row .left[data-v-d3693f48],
.function .el-row .right[data-v-d3693f48] {
    width: 100%
}

.function .el-row .right[data-v-d3693f48] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    animation: fade;
    -webkit-animation: fade .5s
}

.function .el-row .right .time[data-v-d3693f48] {
    font-size: 1.1rem;
    text-align: center
}

.function .el-row .right .time .date[data-v-d3693f48] {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

.function .el-row .right .time .text[data-v-d3693f48] {
    margin-top: 10px;
    font-size: 3.25rem;
    letter-spacing: 2px;
    font-family: UnidreamLED
}

.function .el-row .right .weather[data-v-d3693f48] {
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

.container[data-v-35abee4d] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-35abee4d] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-35abee4d] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-35abee4d] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-35abee4d] {
        display: none
    }
}

.links .line[data-v-35abee4d] {
    margin: 2rem .25rem 1rem;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    animation: fade;
    -webkit-animation: fade .5s
}

.links .line .title[data-v-35abee4d] {
    margin-left: 8px;
    font-size: 1.15rem;
    text-shadow: 0 0 5px rgba(0, 0, 0, .3137254902)
}

.links .link-all .item[data-v-35abee4d] {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    animation: fade;
    -webkit-animation: fade .5s
}

.links .link-all .item[data-v-35abee4d]:hover {
    transform: scale(1.02);
    background: rgba(0, 0, 0, .4);
    transition: .3s
}

.links .link-all .item .name[data-v-35abee4d] {
    font-size: 1.1rem;
    margin-left: 8px
}

@media (min-width: 720px) and (max-width: 820px) {
    .links .link-all .item .name[data-v-35abee4d] {
        display: none
    }
}

@media (max-width: 720px) {
    .links .link-all .item[data-v-35abee4d] {
        height: 80px
    }
}

@media (max-width: 460px) {
    .links .link-all .item[data-v-35abee4d] {
        flex-direction: column
    }

    .links .link-all .item .name[data-v-35abee4d] {
        font-size: 1rem;
        margin-left: 0;
        margin-top: 8px
    }
}

.container[data-v-775da74e] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-775da74e] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-775da74e] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-775da74e] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-775da74e] {
        display: none
    }
}

.right[data-v-775da74e] {
    flex: 1 0 0%;
    margin-left: .75rem
}

.right .logo[data-v-775da74e] {
    font-family: xwxclpw;
    font-size: 1.75rem;
    position: fixed;
    width: 140px;
    text-align: center;
    top: 8%;
    left: calc(50% - 70px);
    transition: all .3s;
    animation: fade;
    -webkit-animation: fade .5s
}

.right .logo[data-v-775da74e]:active {
    transform: scale(.95)
}

@media (min-width: 720px) {
    .right .logo[data-v-775da74e] {
        display: none
    }
}

@media (max-width: 720px) {
    .right[data-v-775da74e] {
        margin-left: 0
    }

    .right.hidden[data-v-775da74e] {
        display: none
    }
}

.container[data-v-2a81bc71] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-2a81bc71] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-2a81bc71] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-2a81bc71] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-2a81bc71] {
        display: none
    }
}

.cover[data-v-2a81bc71] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .25s;
    z-index: -1
}

.cover .bg[data-v-2a81bc71] {
    transform: scale(1);
    filter: blur(0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1.5s ease 0s;
    backface-visibility: hidden
}

.cover .gray[data-v-2a81bc71] {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .5) 100%), radial-gradient(rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .3) 166%);
    transition: 1.5s
}

.cover .gray.sm[data-v-2a81bc71] {
    opacity: 0;
    transition: 1.5s
}

.cover .down[data-v-2a81bc71] {
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    padding: 20px 26px;
    border-radius: 8px;
    background-color: #00000030;
    width: 120px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cover .down[data-v-2a81bc71]:hover {
    transform: scale(1.05);
    background-color: #00000060
}

.cover .down[data-v-2a81bc71]:active {
    transform: scale(1)
}

.loading .cover .bg[data-v-2a81bc71] {
    transition: 1.5s;
    transform: scale(1.1);
    filter: blur(10px)
}

.loading .cover .gray[data-v-2a81bc71] {
    transition: 1.5s;
    opacity: 0
}

.container[data-v-97200a7c] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-97200a7c] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-97200a7c] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-97200a7c] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-97200a7c] {
        display: none
    }
}

footer[data-v-97200a7c] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .25);
    z-index: 0;
    animation: fade;
    -webkit-animation: fade .5s
}

@media (max-width: 720px) {
    footer[data-v-97200a7c] {
        font-size: .85rem
    }
}

@media (max-width: 480px) {
    footer .hidden[data-v-97200a7c] {
        display: none
    }
}

footer .power[data-v-97200a7c] {
    animation: fade;
    -webkit-animation: fade .3s
}

footer .lrc[data-v-97200a7c] {
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    animation: fade;
    -webkit-animation: fade .3s
}

footer .lrc .lrc-text[data-v-97200a7c] {
    margin: 0 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all
}

footer .lrc .i-icon[data-v-97200a7c] {
    width: 18px;
    height: 18px;
    display: inherit
}

.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: translateY(-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 {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: var(--el-color-success)
}

.el-progress.is-success .el-progress__text {
    color: var(--el-color-success)
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: var(--el-color-warning)
}

.el-progress.is-warning .el-progress__text {
    color: var(--el-color-warning)
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: var(--el-color-danger)
}

.el-progress.is-exception .el-progress__text {
    color: var(--el-color-danger)
}

.el-progress-bar {
    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);
    -webkit-animation: indeterminate 3s infinite;
    animation: indeterminate 3s infinite
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
    margin: 0 5px
}

@-webkit-keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

@-webkit-keyframes indeterminate {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes indeterminate {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

.container[data-v-673b3998] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-673b3998] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-673b3998] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-673b3998] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-673b3998] {
        display: none
    }
}

.time-capsule[data-v-673b3998] {
    width: 100%
}

.time-capsule .title[data-v-673b3998] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: .2rem 0 1.5rem;
    font-size: 1.1rem
}

.time-capsule .title .i-icon[data-v-673b3998] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px
}

.time-capsule .text[data-v-673b3998] {
    display: block;
    margin: 1rem 0rem .5rem;
    font-size: .95rem
}

.container[data-v-fabb2030] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-fabb2030] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-fabb2030] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-fabb2030] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-fabb2030] {
        display: none
    }
}

.box[data-v-fabb2030] {
    flex: 1 0 0%;
    margin-left: .75rem;
    height: 80%;
    position: relative;
    animation: fade;
    -webkit-animation: fade .5s
}

.box[data-v-fabb2030]:hover {
    transform: scale(1)
}

.box .close[data-v-fabb2030],
.box .setting[data-v-fabb2030] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px
}

.box .close[data-v-fabb2030]:hover,
.box .setting[data-v-fabb2030]:hover {
    transform: scale(1.2)
}

.box .close[data-v-fabb2030]:active,
.box .setting[data-v-fabb2030]:active {
    transform: scale(1)
}

.box .setting[data-v-fabb2030] {
    right: 56px
}

.box .content[data-v-fabb2030] {
    padding: 30px;
    width: 100%;
    height: 100%
}

.el-card {
    --el-card-border-color: var(--el-border-color-light);
    --el-card-border-radius: 4px;
    --el-card-padding: 20px;
    --el-card-bg-color: var(--el-fill-color-blank)
}

.el-card {
    border-radius: var(--el-card-border-radius);
    border: 1px solid var(--el-card-border-color);
    background-color: var(--el-card-bg-color);
    overflow: hidden;
    color: var(--el-text-color-primary);
    transition: var(--el-transition-duration)
}

.el-card.is-always-shadow {
    box-shadow: var(--el-box-shadow-light)
}

.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    box-shadow: var(--el-box-shadow-light)
}

.el-card__header {
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box
}

.el-card__body {
    padding: var(--el-card-padding)
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

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

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter-from,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    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);
    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(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from,
.el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute !important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
}

.el-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: 0
}

.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: transparent
}

.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-radio-group {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 0
}

.el-radio {
    --el-radio-font-size: var(--el-font-size-base);
    --el-radio-text-color: var(--el-text-color-regular);
    --el-radio-font-weight: var(--el-font-weight-primary);
    --el-radio-input-height: 14px;
    --el-radio-input-width: 14px;
    --el-radio-input-border-radius: var(--el-border-radius-circle);
    --el-radio-input-bg-color: var(--el-fill-color-blank);
    --el-radio-input-border: var(--el-border);
    --el-radio-input-border-color: var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary)
}

.el-radio {
    color: var(--el-radio-text-color);
    font-weight: var(--el-radio-font-weight);
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    outline: 0;
    font-size: var(--el-font-size-base);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 32px;
    height: 32px
}

.el-radio.el-radio--large {
    height: 40px
}

.el-radio.el-radio--small {
    height: 24px
}

.el-radio.is-bordered {
    padding: 0 15px 0 9px;
    border-radius: var(--el-border-radius-base);
    border: var(--el-border);
    box-sizing: border-box
}

.el-radio.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: var(--el-border-color-lighter)
}

.el-radio.is-bordered.el-radio--large {
    padding: 0 19px 0 11px;
    border-radius: var(--el-border-radius-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__label {
    font-size: var(--el-font-size-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.is-bordered.el-radio--small {
    padding: 0 11px 0 7px;
    border-radius: var(--el-border-radius-base)
}

.el-radio.is-bordered.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.is-bordered.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color);
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: var(--el-disabled-bg-color)
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: var(--el-text-color-placeholder)
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: var(--el-color-primary);
    background: var(--el-color-primary)
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: var(--el-color-primary)
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner {
    border: var(--el-radio-input-border);
    border-radius: var(--el-radio-input-border-radius);
    width: var(--el-radio-input-width);
    height: var(--el-radio-input-height);
    background-color: var(--el-radio-input-bg-color);
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: var(--el-radio-input-border-radius);
    background-color: var(--el-color-white);
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in
}

.el-radio__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.el-radio__original:focus-visible+.el-radio__inner {
    outline: 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px;
    border-radius: var(--el-radio-input-border-radius)
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
}

.el-radio__label {
    font-size: var(--el-radio-font-size);
    padding-left: 8px
}

.el-radio.el-radio--large .el-radio__label {
    font-size: 14px
}

.el-radio.el-radio--large .el-radio__inner {
    width: 14px;
    height: 14px
}

.el-radio.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.el-radio--small .el-radio__inner {
    width: 12px;
    height: 12px
}

.container[data-v-2b4b78a8] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-2b4b78a8] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-2b4b78a8] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-2b4b78a8] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-2b4b78a8] {
        display: none
    }
}

.setting .collapse[data-v-2b4b78a8] {
    border-radius: 8px;
    --el-collapse-content-bg-color: #ffffff10;
    border-color: transparent;
    overflow: hidden
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__header {
    background-color: #ffffff30;
    color: #fff;
    font-size: 15px;
    padding-left: 18px;
    border-color: transparent
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap {
    border-color: transparent
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content {
    padding: 20px
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group {
    justify-content: space-between
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group .el-radio {
    margin: 10px 16px;
    background: rgba(255, 255, 255, .1490196078);
    border: 2px solid transparent;
    border-radius: 8px
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group .el-radio .el-radio__label {
    color: #fff
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group .el-radio .el-radio__inner,
.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group .el-radio.is-checked {
    background: rgba(255, 255, 255, .0235294118) !important;
    border: 2px solid #eeeeee !important
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group .el-radio .is-checked .el-radio__inner {
    background-color: #ffffff30 !important;
    border-color: #fff !important
}

.setting .collapse[data-v-2b4b78a8] .el-collapse-item__wrap .el-collapse-item__content .bg-set .el-radio-group .el-radio .is-checked+.el-radio__label {
    color: #fff !important
}

.container[data-v-16b24129] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-16b24129] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-16b24129] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-16b24129] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-16b24129] {
        display: none
    }
}

.set[data-v-16b24129] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    background: rgba(255, 255, 255, .4);
    border-radius: 6px;
    padding: 40px
}

.set .close[data-v-16b24129] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px
}

.set .close[data-v-16b24129]:hover {
    transform: scale(1.2)
}

.set .close[data-v-16b24129]:active {
    transform: scale(1)
}

.set .el-row[data-v-16b24129] {
    height: 100%;
    flex-wrap: nowrap
}

.set .el-row .left[data-v-16b24129] {
    height: 100%;
    padding-left: 40px !important;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.set .el-row .left .logo[data-v-16b24129] {
    transform: translateY(-8%);
    font-family: xwxclpw
}

.set .el-row .left .logo .bg[data-v-16b24129] {
    font-size: 5rem
}

.set .el-row .left .logo .sm[data-v-16b24129] {
    margin-left: 6px;
    font-size: 2rem
}

.set .el-row .left .version[data-v-16b24129] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.set .el-row .left .version .num[data-v-16b24129] {
    font-size: 2rem;
    font-family: xwxclpw
}

.set .el-row .left .version .github[data-v-16b24129] {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    margin-top: 6px
}

.set .el-row .left .version .github[data-v-16b24129]:hover {
    transform: scale(1.2)
}

.set .el-row .left .update[data-v-16b24129] {
    margin-top: 30px;
    height: 100%
}

.set .el-row .left .update[data-v-16b24129] .el-card__body {
    height: 100%
}

.set .el-row .left .update[data-v-16b24129] .el-card__body .upnote {
    padding: 20px;
    height: calc(100% - 56px);
    overflow-y: auto
}

.set .el-row .left .update[data-v-16b24129] .el-card__body .upnote .uptext {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 16px
}

.set .el-row .left .update[data-v-16b24129] .el-card__body .upnote .uptext:nth-last-of-type(1) {
    padding: 0
}

.set .el-row .left .update[data-v-16b24129] .el-card__body .upnote .uptext .i-icon {
    width: 22px;
    height: 22px;
    margin-right: 8px
}

.set .el-row .right[data-v-16b24129] {
    height: 100%;
    padding-right: 40px !important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.set .el-row .right .title[data-v-16b24129] {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 18px;
    margin-bottom: 16px
}

.set .el-row .right .title .i-icon[data-v-16b24129] {
    width: 28px;
    height: 28px;
    margin-right: 6px
}

.container[data-v-827c35d1] {
    max-width: 1200px
}

@media (max-width: 1380px) {
    .el-radio-group[data-v-827c35d1] {
        justify-content: center !important
    }
}

@media (max-width: 1200px) {
    .container[data-v-827c35d1] {
        max-width: 1000px
    }
}

@media (max-width: 992px) {
    .container[data-v-827c35d1] {
        max-width: 900px
    }
}

@media (max-width: 720px) {
    .xs-hidden[data-v-827c35d1] {
        display: none
    }
}

main .container[data-v-827c35d1] {
    width: 100%;
    height: 100vh;
    margin: 0 auto
}

@media (max-width: 1200px) {
    main .container[data-v-827c35d1] {
        padding: 0 2vw
    }
}

main .container .main[data-v-827c35d1] {
    width: 100%;
    height: 100%;
    padding: 0 .75rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

main .container .more[data-v-827c35d1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    backdrop-filter: blur(20px);
    z-index: 2;
    animation: fade;
    -webkit-animation: fade .5s
}

main .menu[data-v-827c35d1] {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 84%;
    left: calc(50% - 28px);
    width: 56px;
    height: 34px;
    background: rgba(0, 0, 0, .2);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    transition: all .3s;
    animation: fade;
    -webkit-animation: fade .5s
}

main .menu[data-v-827c35d1]:active {
    transform: scale(.95)
}

main .menu .i-icon[data-v-827c35d1] {
    transform: translateY(2px)
}

@media (min-width: 720px) {
    main .menu[data-v-827c35d1] {
        display: none
    }
}

.animate[data-v-827c35d1] {
    transform: scale(1);
    transition: all ease 1.25s;
    opacity: 1;
    filter: blur(0);
    width: 100%;
    height: 100%
}

.loading .animate[data-v-827c35d1] {
    transform: scale(1.2);
    transition: all ease 1.25s;
    opacity: 0;
    filter: blur(10px)
}