@charset "UTF-8";: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","微软雅黑",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-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(1turn)
    }
}

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

    to {
        transform: rotate(1turn)
    }
}

.el-icon {
    --color: inherit;
    align-items: center;
    display: inline-flex;
    height: 1em;
    justify-content: center;
    line-height: 1em;
    position: relative;
    width: 1em;
    fill: currentColor;
    color: var(--color);
    font-size: inherit
}

.el-icon.is-loading {
    -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;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.el-badge__content {
    align-items: center;
    background-color: var(--el-badge-bg-color);
    border: 1px solid var(--el-bg-color);
    border-radius: var(--el-badge-radius);
    color: var(--el-color-white);
    display: inline-flex;
    font-size: var(--el-badge-font-size);
    height: var(--el-badge-size);
    justify-content: center;
    padding: 0 var(--el-badge-padding);
    white-space: nowrap
}

.el-badge__content.is-fixed {
    position: absolute;
    right: calc(1px + var(--el-badge-size)/2);
    top: 0;
    transform: translateY(-50%) translate(100%);
    z-index: var(--el-index-normal)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    border-radius: 50%;
    height: 8px;
    padding: 0;
    right: 0;
    width: 8px
}

.el-badge__content--primary {
    background-color: var(--el-color-primary)
}

.el-badge__content--success {
    background-color: var(--el-color-success)
}

.el-badge__content--warning {
    background-color: var(--el-color-warning)
}

.el-badge__content--info {
    background-color: var(--el-color-info)
}

.el-badge__content--danger {
    background-color: var(--el-color-danger)
}

.el-message {
    --el-message-bg-color: var(--el-color-info-light-9);
    --el-message-border-color: var(--el-border-color-lighter);
    --el-message-padding: 11px 15px;
    --el-message-close-size: 16px;
    --el-message-close-icon-color: var(--el-text-color-placeholder);
    --el-message-close-hover-color: var(--el-text-color-secondary);
    align-items: center;
    background-color: var(--el-message-bg-color);
    border-color: var(--el-message-border-color);
    border-radius: var(--el-border-radius-base);
    border-style: var(--el-border-style);
    border-width: var(--el-border-width);
    box-sizing: border-box;
    display: flex;
    gap: 8px;
    left: 50%;
    max-width: calc(100% - 32px);
    padding: var(--el-message-padding);
    position: fixed;
    top: 20px;
    transform: translate(-50%);
    transition: opacity var(--el-transition-duration),transform .4s,top .4s;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

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

.el-message.is-plain {
    background-color: var(--el-bg-color-overlay);
    border-color: var(--el-bg-color-overlay);
    box-shadow: var(--el-box-shadow-light)
}

.el-message p {
    margin: 0
}

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

.el-message--success .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

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

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

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

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

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

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

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

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

.el-message--error .el-message__content {
    color: var(--el-message-text-color);
    overflow-wrap: break-word
}

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

.el-message .el-message__badge {
    position: absolute;
    right: -8px;
    top: -8px
}

.el-message__content {
    font-size: 14px;
    line-height: 1;
    padding: 0
}

.el-message__content:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn {
    color: var(--el-message-close-icon-color);
    cursor: pointer;
    font-size: var(--el-message-close-size)
}

.el-message .el-message__closeBtn:focus {
    outline-width: 0
}

.el-message .el-message__closeBtn:hover {
    color: var(--el-message-close-hover-color)
}

.el-message-fade-enter-from,.el-message-fade-leave-to {
    opacity: 0;
    transform: translate(-50%,-100%)
}

.container {
    max-width: 1200px
}

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

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

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

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

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

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

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

@font-face {
    font-family: Pacifico-Regular-all;
    font-display: swap;
    src: url(/font/Pacifico-Regular-all.ttf) format("truetype")
}

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

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

.cards {
    border-radius: 6px;
    background-color: #00000040;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transform: scale(1);
    transition: backdrop-filter .3s,transform .3s
}

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

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

.text-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.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-message .el-message__content {
    white-space: nowrap
}

.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
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s ease-in-out
}

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

@keyframes fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-blur-in {
    0% {
        filter: blur(20px) brightness(.3);
        transform: scale(1.6)
    }

    to {
        filter: blur(0) brightness(1);
        transform: scale(1)
    }
}

@keyframes fade-blur-main-in {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(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
}

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

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

@media (max-width: 1280px) {
    .container[data-v-f7beb2b7] {
        max-width:1100px
    }
}

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

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

#loader-wrapper[data-v-f7beb2b7] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden
}

#loader-wrapper .loader[data-v-f7beb2b7] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#loader-wrapper .loader .loader-circle[data-v-f7beb2b7] {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #fff;
    animation: spin-f7beb2b7 1.8s linear infinite;
    z-index: 2
}

#loader-wrapper .loader .loader-circle[data-v-f7beb2b7]:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #a4a4a4;
    animation: spin-reverse-f7beb2b7 .6s linear infinite
}

#loader-wrapper .loader .loader-circle[data-v-f7beb2b7]:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #d3d3d3;
    animation: spin-f7beb2b7 1s linear infinite
}

#loader-wrapper .loader .loader-text[data-v-f7beb2b7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    z-index: 2;
    margin-top: 40px;
    font-size: 24px
}

#loader-wrapper .loader .loader-text .tip[data-v-f7beb2b7] {
    margin-top: 6px;
    font-size: 18px;
    opacity: .6
}

#loader-wrapper .loader-section[data-v-f7beb2b7] {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #333;
    z-index: 1
}

#loader-wrapper .loader-section.section-left[data-v-f7beb2b7] {
    left: 0
}

#loader-wrapper .loader-section.section-right[data-v-f7beb2b7] {
    right: 0
}

#loader-wrapper.loaded[data-v-f7beb2b7] {
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform .3s 1s ease-out,visibility .3s 1s ease-out
}

#loader-wrapper.loaded .loader .loader-circle[data-v-f7beb2b7],#loader-wrapper.loaded .loader .loader-text[data-v-f7beb2b7] {
    opacity: 0;
    transition: opacity .3s ease-out
}

#loader-wrapper.loaded .loader-section.section-left[data-v-f7beb2b7] {
    transform: translate(-100%);
    transition: transform .5s .3s cubic-bezier(.645,.045,.355,1)
}

#loader-wrapper.loaded .loader-section.section-right[data-v-f7beb2b7] {
    transform: translate(100%);
    transition: transform .5s .3s cubic-bezier(.645,.045,.355,1)
}

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

    to {
        transform: rotate(360deg)
    }
}

@keyframes spin-reverse-f7beb2b7 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-a64465b9] {
        max-width:1100px
    }
}

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

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

.message .logo[data-v-a64465b9] {
    display: flex;
    flex-direction: row;
    align-items: center;
    animation: fade .5s;
    max-width: 460px
}

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

.message .logo .name[data-v-a64465b9] {
    width: 100%;
    padding-left: 22px;
    transform: translateY(-8px);
    font-family: Pacifico-Regular-all
}

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

.message .logo .name .sm[data-v-a64465b9] {
    margin-left: 6px;
    font-size: 2rem
}

@media (min-width: 720px) and (max-width: 789px) {
    .message .logo .name .sm[data-v-a64465b9] {
        display:none
    }
}

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

    .message .logo .name[data-v-a64465b9] {
        height: 128px
    }

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

@media (max-width: 720px) {
    .message .logo[data-v-a64465b9] {
        max-width:100%
    }
}

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

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

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

.message .description .content .text p[data-v-a64465b9]:nth-of-type(1) {
    font-family: Pacifico-Regular-all
}

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

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

@media (max-width: 390px) {
    .message .logo[data-v-a64465b9] {
        flex-direction:column
    }

    .message .logo .logo-img[data-v-a64465b9] {
        display: none
    }

    .message .logo .name[data-v-a64465b9] {
        margin-left: 0;
        height: auto;
        transform: none;
        text-align: center
    }

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

    .message .logo .name .sm[data-v-a64465b9] {
        font-size: 1.4rem
    }

    .message .description[data-v-a64465b9] {
        margin-top: 2.5rem
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-60997c88] {
        max-width:1100px
    }
}

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

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

.social[data-v-60997c88] {
    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;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    animation: fade .5s;
    transition: background-color .3s,backdrop-filter .3s
}

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

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

    .social .tip[data-v-60997c88] {
        display: none!important
    }
}

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

.social .link a[data-v-60997c88] {
    display: inherit
}

.social .link a .icon[data-v-60997c88] {
    margin: 0 12px;
    transition: transform .3s
}

.social .link a .icon[data-v-60997c88]:hover {
    transform: scale(1.1)
}

.social .link a .icon[data-v-60997c88]:active {
    transform: scale(1)
}

.social .tip[data-v-60997c88] {
    display: none;
    margin-right: 12px;
    animation: fade .5s
}

@media (min-width: 768px) {
    .social[data-v-60997c88]:hover {
        background-color:#00000040;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }

    .social:hover .tip[data-v-60997c88] {
        display: block
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-1d7b9066] {
        max-width:1100px
    }
}

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

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

.left[data-v-1d7b9066] {
    width: 50%;
    margin-right: 10px;
    transform: translateY(20px)
}

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

@media (max-width: 720px) {
    .left[data-v-1d7b9066] {
        margin-right:0;
        width: 100%
    }
}

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

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

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

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

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

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

.el-row.is-align-top {
    align-items: flex-start
}

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

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

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

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

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

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

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

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

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

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

.el-col-1,.el-col-1.is-guttered {
    display: block
}

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

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

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

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

.el-col-2,.el-col-2.is-guttered {
    display: block
}

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

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

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

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

.el-col-3,.el-col-3.is-guttered {
    display: block
}

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

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

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

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

.el-col-4,.el-col-4.is-guttered {
    display: block
}

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

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

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

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

.el-col-5,.el-col-5.is-guttered {
    display: block
}

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

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

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

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

.el-col-6,.el-col-6.is-guttered {
    display: block
}

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

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

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

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

.el-col-7,.el-col-7.is-guttered {
    display: block
}

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

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

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

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

.el-col-8,.el-col-8.is-guttered {
    display: block
}

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

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

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

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

.el-col-9,.el-col-9.is-guttered {
    display: block
}

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

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

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

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

.el-col-10,.el-col-10.is-guttered {
    display: block
}

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

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

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

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

.el-col-11,.el-col-11.is-guttered {
    display: block
}

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

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

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

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

.el-col-12,.el-col-12.is-guttered {
    display: block
}

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

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

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

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

.el-col-13,.el-col-13.is-guttered {
    display: block
}

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

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

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

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

.el-col-14,.el-col-14.is-guttered {
    display: block
}

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

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

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

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

.el-col-15,.el-col-15.is-guttered {
    display: block
}

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

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

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

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

.el-col-16,.el-col-16.is-guttered {
    display: block
}

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

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

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

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

.el-col-17,.el-col-17.is-guttered {
    display: block
}

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

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

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

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

.el-col-18,.el-col-18.is-guttered {
    display: block
}

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

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

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

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

.el-col-19,.el-col-19.is-guttered {
    display: block
}

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

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

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

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

.el-col-20,.el-col-20.is-guttered {
    display: block
}

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

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

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

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

.el-col-21,.el-col-21.is-guttered {
    display: block
}

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

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

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

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

.el-col-22,.el-col-22.is-guttered {
    display: block
}

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

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

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

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

.el-col-23,.el-col-23.is-guttered {
    display: block
}

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

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

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

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

.el-col-24,.el-col-24.is-guttered {
    display: block
}

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

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

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

@media only screen and (max-width: 767px) {
    .el-col-xs-0 {
        display:none;
        flex: 0 0 0%;
        max-width: 0
    }

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

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

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

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

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

    .el-col-xs-1,.el-col-xs-1.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-2,.el-col-xs-2.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-3,.el-col-xs-3.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-4,.el-col-xs-4.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-5,.el-col-xs-5.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-6,.el-col-xs-6.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-7,.el-col-xs-7.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-8,.el-col-xs-8.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-9,.el-col-xs-9.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-10.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-11.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-12.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-13.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-14.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-15.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-16.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-17.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-18.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-19.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-20.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-21.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-22.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-23.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xs-24.is-guttered {
        display: block
    }

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

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

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

@media only screen and (min-width: 768px) {
    .el-col-sm-0 {
        display:none;
        flex: 0 0 0%;
        max-width: 0
    }

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

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

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

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

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

    .el-col-sm-1,.el-col-sm-1.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-2,.el-col-sm-2.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-3,.el-col-sm-3.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-4,.el-col-sm-4.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-5,.el-col-sm-5.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-6,.el-col-sm-6.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-7,.el-col-sm-7.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-8,.el-col-sm-8.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-9,.el-col-sm-9.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-10.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-11.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-12.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-13.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-14.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-15.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-16.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-17.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-18.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-19.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-20.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-21.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-22.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-23.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-sm-24.is-guttered {
        display: block
    }

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

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

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

@media only screen and (min-width: 992px) {
    .el-col-md-0 {
        display:none;
        flex: 0 0 0%;
        max-width: 0
    }

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

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

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

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

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

    .el-col-md-1,.el-col-md-1.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-2,.el-col-md-2.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-3,.el-col-md-3.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-4,.el-col-md-4.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-5,.el-col-md-5.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-6,.el-col-md-6.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-7,.el-col-md-7.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-8,.el-col-md-8.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-9,.el-col-md-9.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-10.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-11.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-12.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-13.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-14.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-15.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-16.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-17.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-18.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-19.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-20.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-21.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-22.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-23.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-md-24.is-guttered {
        display: block
    }

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

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

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

@media only screen and (min-width: 1200px) {
    .el-col-lg-0 {
        display:none;
        flex: 0 0 0%;
        max-width: 0
    }

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

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

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

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

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

    .el-col-lg-1,.el-col-lg-1.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-2,.el-col-lg-2.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-3,.el-col-lg-3.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-4,.el-col-lg-4.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-5,.el-col-lg-5.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-6,.el-col-lg-6.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-7,.el-col-lg-7.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-8,.el-col-lg-8.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-9,.el-col-lg-9.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-10.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-11.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-12.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-13.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-14.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-15.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-16.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-17.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-18.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-19.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-20.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-21.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-22.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-23.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-lg-24.is-guttered {
        display: block
    }

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

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

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

@media only screen and (min-width: 1920px) {
    .el-col-xl-0 {
        display:none;
        flex: 0 0 0%;
        max-width: 0
    }

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

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

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

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

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

    .el-col-xl-1,.el-col-xl-1.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-2,.el-col-xl-2.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-3,.el-col-xl-3.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-4,.el-col-xl-4.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-5,.el-col-xl-5.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-6,.el-col-xl-6.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-7,.el-col-xl-7.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-8,.el-col-xl-8.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-9,.el-col-xl-9.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-10.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-11.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-12.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-13.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-14.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-15.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-16.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-17.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-18.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-19.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-20.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-21.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-22.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-23.is-guttered {
        display: block
    }

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

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

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

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

    .el-col-xl-24.is-guttered {
        display: block
    }

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

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

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

.el-slider {
    --el-slider-main-bg-color: var(--el-color-primary);
    --el-slider-runway-bg-color: var(--el-border-color-light);
    --el-slider-stop-bg-color: var(--el-color-white);
    --el-slider-disabled-color: var(--el-text-color-placeholder);
    --el-slider-border-radius: 3px;
    --el-slider-height: 6px;
    --el-slider-button-size: 20px;
    --el-slider-button-wrapper-size: 36px;
    --el-slider-button-wrapper-offset: -15px;
    align-items: center;
    display: flex;
    height: 32px;
    width: 100%
}

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

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

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

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

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

.el-slider__runway.is-disabled .el-slider__button-wrapper.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 {
    background-color: var(--el-slider-main-bg-color);
    border-bottom-left-radius: var(--el-slider-border-radius);
    border-top-left-radius: var(--el-slider-border-radius);
    height: var(--el-slider-height);
    position: absolute
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-textarea {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    display: inline-block;
    font-size: var(--el-font-size-base);
    position: relative;
    vertical-align: bottom;
    width: 100%
}

.el-textarea__inner {
    -webkit-appearance: none;
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    border: none;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
    box-sizing: border-box;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    display: block;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
    padding: 5px 11px;
    position: relative;
    resize: vertical;
    transition: var(--el-transition-box-shadow);
    width: 100%
}

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

.el-textarea__inner:-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 {
    box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset;
    outline: none
}

.el-textarea .el-input__count {
    background: var(--el-fill-color-blank);
    bottom: 5px;
    color: var(--el-color-info);
    font-size: 12px;
    line-height: 14px;
    position: absolute;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: var(--el-disabled-bg-color);
    box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
    color: var(--el-disabled-text-color);
    cursor: not-allowed
}

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

.el-textarea.is-disabled .el-textarea__inner:-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 {
    box-shadow: 0 0 0 1px var(--el-color-danger) inset
}

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

.el-input {
    --el-input-text-color: var(--el-text-color-regular);
    --el-input-border: var(--el-border);
    --el-input-hover-border: var(--el-border-color-hover);
    --el-input-focus-border: var(--el-color-primary);
    --el-input-transparent-border: 0 0 0 1px transparent inset;
    --el-input-border-color: var(--el-border-color);
    --el-input-border-radius: var(--el-border-radius-base);
    --el-input-bg-color: var(--el-fill-color-blank);
    --el-input-icon-color: var(--el-text-color-placeholder);
    --el-input-placeholder-color: var(--el-text-color-placeholder);
    --el-input-hover-border-color: var(--el-border-color-hover);
    --el-input-clear-hover-color: var(--el-text-color-secondary);
    --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    --el-input-height: var(--el-component-size);
    box-sizing: border-box;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    line-height: var(--el-input-height);
    position: relative;
    vertical-align: middle;
    width: var(--el-input-width)
}

.el-input::-webkit-scrollbar {
    width: 6px;
    z-index: 11
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    background: var(--el-text-color-disabled);
    border-radius: 5px;
    width: 6px
}

.el-input::-webkit-scrollbar-corner,.el-input::-webkit-scrollbar-track {
    background: var(--el-fill-color-blank)
}

.el-input::-webkit-scrollbar-track-piece {
    background: var(--el-fill-color-blank);
    width: 6px
}

.el-input .el-input__clear,.el-input .el-input__password {
    color: var(--el-input-icon-color);
    cursor: pointer;
    font-size: 14px
}

.el-input .el-input__clear:hover,.el-input .el-input__password:hover {
    color: var(--el-input-clear-hover-color)
}

.el-input .el-input__count {
    align-items: center;
    color: var(--el-color-info);
    display: inline-flex;
    font-size: 12px;
    height: 100%
}

.el-input .el-input__count .el-input__count-inner {
    background: var(--el-fill-color-blank);
    display: inline-block;
    line-height: normal;
    padding-left: 8px
}

.el-input__wrapper {
    align-items: center;
    background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
    background-image: none;
    border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;
    cursor: text;
    display: inline-flex;
    flex-grow: 1;
    justify-content: center;
    padding: 1px 11px;
    transform: translateZ(0);
    transition: var(--el-transition-box-shadow)
}

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

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

.el-input__inner {
    --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
    -webkit-appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    color: var(--el-input-text-color,var(--el-text-color-regular));
    flex-grow: 1;
    font-size: inherit;
    height: var(--el-input-inner-height);
    line-height: var(--el-input-inner-height);
    outline: none;
    padding: 0;
    width: 100%
}

.el-input__inner:focus {
    outline: none
}

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

.el-input__inner:-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__inner[type=number] {
    line-height: 1
}

.el-input__prefix {
    color: var(--el-input-icon-color,var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__prefix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__prefix-inner>:last-child {
    margin-right: 8px
}

.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon {
    margin-left: 0
}

.el-input__suffix {
    color: var(--el-input-icon-color,var(--el-text-color-placeholder));
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    height: 100%;
    pointer-events: none;
    text-align: center;
    transition: all var(--el-transition-duration);
    white-space: nowrap
}

.el-input__suffix-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    pointer-events: all
}

.el-input__suffix-inner>:first-child {
    margin-left: 8px
}

.el-input .el-input__icon {
    align-items: center;
    display: flex;
    height: inherit;
    justify-content: center;
    line-height: inherit;
    margin-left: 8px;
    transition: all var(--el-transition-duration)
}

.el-input__validateIcon {
    pointer-events: none
}

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

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

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

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

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

.el-input.is-disabled .el-input__inner:-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 {
    align-items: stretch;
    display: inline-flex;
    width: 100%
}

.el-input-group__append,.el-input-group__prepend {
    align-items: center;
    background-color: var(--el-fill-color-light);
    border-radius: var(--el-input-border-radius);
    color: var(--el-color-info);
    display: inline-flex;
    justify-content: center;
    min-height: 100%;
    padding: 0 20px;
    position: relative;
    white-space: nowrap
}

.el-input-group__append:focus,.el-input-group__prepend:focus {
    outline: none
}

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

.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper {
    background-color: transparent;
    border-color: transparent;
    color: inherit
}

.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group__append {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-group--prepend>.el-input__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 1px 0 0 0 var(--el-input-border-color) inset,0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset
}

.el-input-group--append>.el-input__wrapper {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-shadow: 0 1px 0 0 var(--el-input-border-color) inset,0 -1px 0 0 var(--el-input-border-color) inset,-1px 0 0 0 var(--el-input-border-color) inset
}

.el-input-hidden {
    display: none!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.el-popper {
    --el-popper-border-radius: var(--el-popover-border-radius,4px);
    border-radius: var(--el-popper-border-radius);
    font-size: 12px;
    line-height: 20px;
    min-width: 10px;
    overflow-wrap: break-word;
    padding: 5px 11px;
    position: absolute;
    visibility: visible;
    z-index: 2000
}

.el-popper.is-dark {
    background: var(--el-text-color-primary);
    border: 1px solid var(--el-text-color-primary);
    color: var(--el-bg-color)
}

.el-popper.is-dark .el-popper__arrow:before {
    background: var(--el-text-color-primary);
    border: 1px solid 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 {
    background: var(--el-bg-color-overlay);
    border: 1px solid var(--el-border-color-light);
    right: 0
}

.el-popper.is-pure {
    padding: 0
}

.el-popper__arrow {
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: -1
}

.el-popper__arrow:before {
    background: var(--el-text-color-primary);
    box-sizing: border-box;
    content: " ";
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
    z-index: -1
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow {
    bottom: -5px
}

.el-popper[data-popper-placement^=top]>.el-popper__arrow:before {
    border-bottom-right-radius: 2px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow {
    top: -5px
}

.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before {
    border-top-left-radius: 2px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow {
    right: -5px
}

.el-popper[data-popper-placement^=left]>.el-popper__arrow:before {
    border-top-right-radius: 2px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow {
    left: -5px
}

.el-popper[data-popper-placement^=right]>.el-popper__arrow:before {
    border-bottom-left-radius: 2px
}

.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
    border-left-color: transparent!important;
    border-top-color: transparent!important
}

.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
    border-bottom-color: transparent!important;
    border-right-color: transparent!important
}

.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
    border-bottom-color: transparent!important;
    border-left-color: transparent!important
}

.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
    border-right-color: transparent!important;
    border-top-color: transparent!important
}

.aplayer {
    position: relative;
    margin: 5px;
    width: 100%;
    line-height: initial;
    border-radius: 2px;
    font-family: Arial,Helvetica,sans-serif;
    box-shadow: 0 2px 2px #00000012,0 1px 5px #0000001a;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.aplayer * {
    box-sizing: content-box
}

.aplayer svg {
    width: 100%;
    height: 100%
}

.aplayer svg path,.aplayer svg circle {
    fill: #fff
}

.aplayer.aplayer-withlist .aplayer-info {
    border-bottom: 1px solid #E9E9E9
}

.aplayer.aplayer-withlist .aplayer-list {
    display: block
}

.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer.aplayer-withlist .aplayer-icon-order {
    display: inline
}

.aplayer.aplayer-withlrc .aplayer-pic {
    width: 90px;
    height: 90px
}

.aplayer.aplayer-withlrc .aplayer-info {
    margin-left: 90px;
    padding: 10px 7px 0;
    height: 90px
}

.aplayer.aplayer-withlrc .aplayer-lrc {
    display: block
}

.aplayer.aplayer-mini {
    width: 66px
}

.aplayer.aplayer-mini .aplayer-info,.aplayer.aplayer-mini .aplayer-list {
    display: none
}

.aplayer.aplayer-mini .aplayer-pic,.aplayer.aplayer-mini .aplayer-body {
    width: 66px;
    height: 66px
}

.aplayer.aplayer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    max-width: 400px;
    z-index: 99;
    overflow: visible;
    box-shadow: none
}

.aplayer.aplayer-fixed .aplayer-list {
    margin-bottom: 65px;
    border: 1px solid #EEE;
    border-bottom: none
}

.aplayer.aplayer-fixed .aplayer-body {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding-right: 18px;
    max-width: 400px;
    z-index: 99;
    transition: all .3s ease
}

.aplayer.aplayer-fixed .aplayer-lrc {
    display: block;
    position: fixed;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 98;
    pointer-events: none;
    text-shadow: -1px -1px 0 #FFF
}

.aplayer.aplayer-fixed .aplayer-lrc:before,.aplayer.aplayer-fixed .aplayer-lrc:after {
    display: none
}

.aplayer.aplayer-fixed .aplayer-info {
    transform: scaleX(1);
    transform-origin: 0 0;
    transition: all .3s ease;
    border-top: 1px solid #E9E9E9;
    border-bottom: none
}

.aplayer.aplayer-fixed .aplayer-info .aplayer-music {
    width: calc(100% - 105px)
}

.aplayer.aplayer-fixed .aplayer-miniswitcher {
    display: block
}

.aplayer.aplayer-fixed.aplayer-mini .aplayer-info {
    display: block;
    transform: scaleX(0)
}

.aplayer.aplayer-fixed.aplayer-mini .aplayer-body {
    width: 66px!important
}

.aplayer.aplayer-fixed.aplayer-mini .aplayer-miniswitcher .aplayer-icon {
    transform: rotateY(0)
}

.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-play,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc {
    display: inline-block
}

.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-play,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu {
    position: absolute;
    bottom: 27px;
    width: 20px;
    height: 20px
}

.aplayer.aplayer-fixed .aplayer-icon-back {
    right: 75px
}

.aplayer.aplayer-fixed .aplayer-icon-play {
    right: 50px
}

.aplayer.aplayer-fixed .aplayer-icon-forward {
    right: 25px
}

.aplayer.aplayer-fixed .aplayer-icon-menu {
    right: 0
}

.aplayer.aplayer-mobile .aplayer-icon-volume-down,.aplayer.aplayer-narrow .aplayer-icon-order,.aplayer.aplayer-narrow .aplayer-icon-loop {
    display: none
}

.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon {
    display: block
}

.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    transform: scale(1)
}

.aplayer .aplayer-body {
    position: relative;
    background: #fff
}

.aplayer .aplayer-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 15px;
    height: 15px;
    opacity: .8;
    background-color: transparent;
    border: none;
    outline: none;
    vertical-align: middle;
    font-size: 12px;
    cursor: pointer
}

.aplayer .aplayer-icon path {
    transition: all .2s ease-in-out
}

.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-play,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc {
    display: none
}

.aplayer .aplayer-icon-lrc-inactivity svg {
    opacity: .4
}

.aplayer .aplayer-icon-forward {
    transform: rotate(180deg)
}

.aplayer .aplayer-lrc-content {
    display: none
}

.aplayer .aplayer-pic {
    position: relative;
    float: left;
    width: 66px;
    height: 66px;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer
}

.aplayer .aplayer-pic:hover .aplayer-button {
    opacity: 1
}

.aplayer .aplayer-pic .aplayer-button {
    position: absolute;
    opacity: .8;
    background: #0003;
    border-radius: 50%;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px #0003;
    transition: all .1s ease
}

.aplayer .aplayer-pic .aplayer-button path {
    fill: #fff
}

.aplayer .aplayer-pic .aplayer-hide {
    display: none
}

.aplayer .aplayer-pic .aplayer-play {
    bottom: 50%;
    right: 50%;
    margin: 0 -15px -15px 0;
    width: 26px;
    height: 26px;
    border: 2px solid #FFF
}

.aplayer .aplayer-pic .aplayer-play svg {
    position: absolute;
    top: 3px;
    left: 4px;
    width: 20px;
    height: 20px
}

.aplayer .aplayer-pic .aplayer-pause {
    bottom: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid #FFF
}

.aplayer .aplayer-pic .aplayer-pause svg {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px
}

.aplayer .aplayer-info {
    margin-left: 66px;
    padding: 14px 7px 0 10px;
    height: 66px;
    box-sizing: border-box
}

.aplayer .aplayer-info .aplayer-music {
    margin: 0 0 13px 5px;
    padding-bottom: 2px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-user-select: text;
    user-select: text;
    cursor: default
}

.aplayer .aplayer-info .aplayer-music .aplayer-title {
    font-size: 14px
}

.aplayer .aplayer-info .aplayer-music .aplayer-author {
    font-size: 12px;
    color: #666
}

.aplayer .aplayer-info .aplayer-controller {
    position: relative;
    display: flex;
    align-items: center;
    bottom: 4px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
    margin: 0 0 0 5px;
    padding: 4px 0;
    flex: 1;
    cursor: pointer!important
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
    transform: scale(1)
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
    position: relative;
    width: 100%;
    height: 2px;
    background: #cdcdcd
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: #aaa;
    transition: all .5s ease
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 2px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
    position: absolute;
    top: 0;
    right: 5px;
    margin-top: -4px;
    margin-right: -10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease-in-out;
    transform: scale(0)
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time {
    position: relative;
    right: 0;
    padding-left: 7px;
    height: 17px;
    color: #999;
    font-size: 11px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {
    vertical-align: middle
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {
    cursor: pointer;
    transition: all .2s ease
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {
    fill: #666
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-order {
    margin-left: 5px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop {
    margin: 0 5px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
    fill: #000
}

.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu {
    display: none
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {
    position: relative;
    display: inline-block;
    margin-left: 7px;
    cursor: pointer!important
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {
    height: 40px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {
    position: absolute;
    bottom: 15px;
    right: -3px;
    width: 25px;
    height: 0;
    z-index: 99;
    overflow: hidden;
    transition: all .2s ease-in-out
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {
    height: 40px
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 5px;
    height: 35px;
    background: #aaa;
    border-radius: 2.5px;
    overflow: hidden
}

.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5px;
    transition: all .1s ease
}

.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon {
    display: none
}

.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg {
    position: absolute;
    animation: rotate 1s linear infinite
}

.aplayer .aplayer-lrc {
    display: none;
    position: relative;
    margin: -10px 0 7px;
    height: 30px;
    text-align: center;
    overflow: hidden
}

.aplayer .aplayer-lrc:before {
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 10%;
    content: " ";
    background: -moz-linear-gradient(top,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,#fff,#fff0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#00FFFFFF",GradientType=0);
    overflow: hidden
}

.aplayer .aplayer-lrc:after {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 33%;
    content: " ";
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 100%);
    background: linear-gradient(to bottom,#fff0,#fffc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00FFFFFF",endColorstr="#CCFFFFFF",GradientType=0);
    overflow: hidden
}

.aplayer .aplayer-lrc p {
    margin: 0!important;
    padding: 0!important;
    height: 16px!important;
    line-height: 16px!important;
    opacity: .4;
    color: #666;
    font-size: 12px;
    transition: all .5s ease-out;
    overflow: hidden
}

.aplayer .aplayer-lrc p.aplayer-lrc-current {
    height: initial!important;
    min-height: 16px;
    opacity: 1;
    overflow: visible
}

.aplayer .aplayer-lrc.aplayer-lrc-hide {
    display: none
}

.aplayer .aplayer-lrc .aplayer-lrc-contents {
    width: 100%;
    transition: all .5s ease-out;
    -webkit-user-select: text;
    user-select: text;
    cursor: default
}

.aplayer .aplayer-list {
    display: none;
    background: #fff;
    transition: all .5s ease;
    will-change: height;
    overflow: hidden
}

.aplayer .aplayer-list.aplayer-list-hide {
    max-height: 0!important;
    border-top: 0 solid #EEE
}

.aplayer .aplayer-list ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

.aplayer .aplayer-list ol::-webkit-scrollbar {
    width: 5px
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 3px
}

.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {
    background-color: #ccc
}

.aplayer .aplayer-list ol li {
    position: relative;
    margin: 0;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #E9E9E9;
    font-size: 12px;
    cursor: pointer;
    transition: all .2s ease;
    overflow: hidden
}

.aplayer .aplayer-list ol li:first-child {
    border-top: none
}

.aplayer .aplayer-list ol li:hover {
    background: #efefef
}

.aplayer .aplayer-list ol li.aplayer-list-light {
    background: #e9e9e9
}

.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {
    display: inline-block
}

.aplayer .aplayer-list ol li .aplayer-list-cur {
    display: none;
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 22px;
    cursor: pointer
}

.aplayer .aplayer-list ol li .aplayer-list-index {
    margin-right: 12px;
    color: #666;
    cursor: pointer
}

.aplayer .aplayer-list ol li .aplayer-list-author {
    float: right;
    color: #666;
    cursor: pointer
}

.aplayer .aplayer-notice {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    padding: 5px 10px;
    background-color: #f4f4f5;
    border-radius: 4px;
    color: #909399;
    font-size: 12px;
    transform: translate(-50%,-50%);
    transition: all .3s ease-in-out;
    overflow: hidden;
    pointer-events: none
}

.aplayer .aplayer-miniswitcher {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 18px;
    height: 100%;
    background: #e6e6e6;
    border-radius: 0 2px 2px 0
}

.aplayer .aplayer-miniswitcher .aplayer-icon {
    height: 100%;
    width: 100%;
    transform: rotateY(180deg);
    transition: all .3s ease
}

.aplayer .aplayer-miniswitcher .aplayer-icon path {
    fill: #666
}

.aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
    fill: #000
}

@keyframes aplayer-roll {
    0% {
        left: 0
    }

    to {
        left: -100%
    }
}

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

    to {
        transform: rotate(360deg)
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-912d3e32] {
        max-width:1100px
    }
}

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

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

.aplayer[data-v-912d3e32] {
    width: 80%;
    border-radius: 6px;
    font-family: HarmonyOS_Regular,sans-serif!important
}

.aplayer[data-v-912d3e32] .aplayer-body {
    background-color: transparent
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-pic {
    display: none
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info {
    margin-left: 0;
    background-color: #ffffff40;
    border-color: transparent!important
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-music {
    flex-grow: initial;
    margin-bottom: 2px;
    overflow: initial
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-music .aplayer-title {
    font-size: 16px;
    margin-right: 6px
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-music .aplayer-author {
    color: #efefef
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-lrc {
    text-align: left;
    margin: 7px 0 6px 6px;
    height: 44px;
    mask: linear-gradient(#fff 15%,#fff 85%,hsla(0,0%,100%,.6) 90%,hsla(0,0%,100%,0));
    -webkit-mask: linear-gradient(#fff 15%,#fff 85%,hsla(0,0%,100%,.6) 90%,hsla(0,0%,100%,0))
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-lrc:before,.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-lrc:after {
    display: none
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-lrc p {
    color: #efefef
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-lrc .aplayer-lrc-current {
    font-size: .95rem;
    margin-bottom: 4px!important
}

.aplayer[data-v-912d3e32] .aplayer-body .aplayer-info .aplayer-controller {
    display: none
}

.aplayer[data-v-912d3e32] .aplayer-list {
    margin-top: 6px;
    height: var(--cf8c81d4);
    background-color: transparent
}

.aplayer[data-v-912d3e32] .aplayer-list ol::-webkit-scrollbar-track {
    background-color: transparent
}

.aplayer[data-v-912d3e32] .aplayer-list ol li {
    border-color: transparent
}

.aplayer[data-v-912d3e32] .aplayer-list ol li.aplayer-list-light {
    background: rgba(255,255,255,.2509803922);
    border-radius: 6px
}

.aplayer[data-v-912d3e32] .aplayer-list ol li:hover {
    background: rgba(255,255,255,.1490196078)!important;
    border-radius: 6px!important
}

.aplayer[data-v-912d3e32] .aplayer-list ol li .aplayer-list-index,.aplayer[data-v-912d3e32] .aplayer-list ol li .aplayer-list-author {
    color: #efefef
}

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

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

@media (max-width: 1280px) {
    .container[data-v-5381d034] {
        max-width:1100px
    }
}

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

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

.music[data-v-5381d034] {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2509803922);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    animation: fade .5s
}

.music .btns[data-v-5381d034] {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.music .btns span[data-v-5381d034] {
    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-5381d034]:hover {
    background: rgba(255,255,255,.3019607843)
}

.music .control[data-v-5381d034] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 100%
}

.music .control .state[data-v-5381d034] {
    transition: opacity .1s
}

.music .control .state .i-icon[data-v-5381d034] {
    width: 50px;
    height: 50px;
    display: block
}

.music .control .i-icon[data-v-5381d034] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transform: scale(1)
}

.music .control .i-icon[data-v-5381d034]:hover {
    background: rgba(255,255,255,.2)
}

.music .control .i-icon[data-v-5381d034]:active {
    transform: scale(.95)
}

.music .menu[data-v-5381d034] {
    height: 26px;
    width: 100%;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.music .menu .name[data-v-5381d034] {
    width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    animation: fade .3s
}

.music .menu .volume[data-v-5381d034] {
    width: 100%;
    padding: 0 12px;
    display: flex;
    align-items: center;
    flex-direction: row;
    animation: fade .3s
}

.music .menu .volume .icon[data-v-5381d034] {
    margin-right: 12px
}

.music .menu .volume .icon span[data-v-5381d034] {
    width: 24px;
    height: 24px;
    display: block
}

.music .menu .volume[data-v-5381d034] * {
    transition: none
}

.music .menu .volume[data-v-5381d034] .el-slider__button {
    transition: .3s
}

.music .menu .volume .el-slider[data-v-5381d034] {
    margin-right: 12px;
    --el-slider-main-bg-color: #efefef;
    --el-slider-runway-bg-color: #ffffff40;
    --el-slider-button-size: 16px
}

.music-list[data-v-5381d034] {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 1
}

.music-list .list[data-v-5381d034] {
    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-5381d034] {
        left:5%;
        width: 90%
    }
}

.music-list .list .close[data-v-5381d034] {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 28px;
    height: 28px;
    display: block
}

.music-list .list .close[data-v-5381d034]:hover {
    transform: scale(1.2)
}

.music-list .list .close[data-v-5381d034]:active {
    transform: scale(.95)
}

.zoom-enter-active[data-v-5381d034] {
    animation: zoom-5381d034 .4s ease-in-out
}

.zoom-leave-active[data-v-5381d034] {
    animation: zoom-5381d034 .3s ease-in-out reverse
}

@keyframes zoom-5381d034 {
    0% {
        opacity: 0;
        transform: scale(0) translateY(-600px)
    }

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

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

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

@media (max-width: 1280px) {
    .container[data-v-bdb2b22a] {
        max-width:1100px
    }
}

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

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

.hitokoto[data-v-bdb2b22a] {
    width: 100%;
    height: 100%;
    padding: 20px;
    animation: fade .5s
}

.hitokoto .open-music[data-v-bdb2b22a] {
    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-bdb2b22a] {
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 8px
}

.hitokoto .open-music span[data-v-bdb2b22a] {
    font-size: .95rem
}

.hitokoto .content[data-v-bdb2b22a] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly
}

.hitokoto .content .text[data-v-bdb2b22a] {
    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-bdb2b22a] {
    margin-top: 10px;
    font-weight: 700;
    align-self: flex-end;
    font-size: 1.1rem
}

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

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

@media (max-width: 1280px) {
    .container[data-v-69153e9b] {
        max-width:1100px
    }
}

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

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

.function[data-v-69153e9b] {
    height: 165px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.function.mobile .el-row .el-col[data-v-69153e9b]:nth-of-type(1) {
    display: contents
}

.function.mobile .el-row .el-col[data-v-69153e9b]:nth-of-type(2) {
    display: none
}

.function .el-row[data-v-69153e9b] {
    height: 100%;
    width: 100%;
    margin: 0!important
}

.function .el-row .el-col[data-v-69153e9b]:nth-of-type(1) {
    padding-left: 0!important
}

.function .el-row .el-col[data-v-69153e9b]:nth-of-type(2) {
    padding-right: 0!important
}

@media (max-width: 910px) {
    .function .el-row .el-col[data-v-69153e9b]:nth-of-type(1) {
        display:none
    }

    .function .el-row .el-col[data-v-69153e9b]:nth-of-type(2) {
        padding: 0!important;
        flex: none;
        max-width: none;
        width: 100%
    }
}

.function .el-row .left[data-v-69153e9b],.function .el-row .right[data-v-69153e9b] {
    width: 100%;
    height: 100%
}

.function .el-row .right[data-v-69153e9b] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    animation: fade .5s
}

.function .el-row .right .time[data-v-69153e9b] {
    font-size: 1.1rem;
    text-align: center
}

.function .el-row .right .time .date[data-v-69153e9b] {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

.function .el-row .right .time .text[data-v-69153e9b] {
    margin-top: 10px;
    font-size: 3.25rem;
    letter-spacing: 2px;
    font-family: UnidreamLED
}

.function .el-row .right .weather[data-v-69153e9b] {
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

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

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

@media (max-width: 1280px) {
    .container[data-v-28af7999] {
        max-width:1100px
    }
}

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

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

.links .line[data-v-28af7999] {
    margin: 2rem .25rem 1rem;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    animation: fade .5s
}

.links .line .title[data-v-28af7999] {
    margin-left: 8px;
    font-size: 1.15rem;
    text-shadow: 0 0 5px rgba(0,0,0,.3137254902)
}

.links .swiper[data-v-28af7999] {
    left: -10px;
    width: calc(100% + 20px);
    padding: 5px 10px 0;
    z-index: 0
}

.links .swiper .swiper-slide[data-v-28af7999] {
    height: 100%
}

.links .swiper .swiper-pagination[data-v-28af7999] {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.links .swiper .swiper-pagination[data-v-28af7999] .swiper-pagination-bullet {
    background-color: #fff;
    width: 20px;
    height: 4px;
    margin: 0 4px;
    border-radius: 4px;
    opacity: .2;
    transition: opacity .3s
}

.links .swiper .swiper-pagination[data-v-28af7999] .swiper-pagination-bullet.swiper-pagination-bullet-active,.links .swiper .swiper-pagination[data-v-28af7999] .swiper-pagination-bullet:hover {
    opacity: 1
}

.links .link-all[data-v-28af7999] {
    height: 220px
}

.links .link-all .item[data-v-28af7999] {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding: 0 10px;
    animation: fade .5s
}

.links .link-all .item[data-v-28af7999]:hover {
    transform: scale(1.02);
    background: rgba(0,0,0,.4);
    transition: .3s
}

.links .link-all .item[data-v-28af7999]:active {
    transform: scale(1)
}

.links .link-all .item .name[data-v-28af7999] {
    font-size: 1.1rem;
    margin-left: 8px
}

@media (min-width: 720px) and (max-width: 820px) {
    .links .link-all .item .name[data-v-28af7999] {
        display:none
    }
}

@media (max-width: 720px) {
    .links .link-all .item[data-v-28af7999] {
        height:80px
    }
}

@media (max-width: 460px) {
    .links .link-all .item[data-v-28af7999] {
        flex-direction:column
    }

    .links .link-all .item .name[data-v-28af7999] {
        font-size: 1rem;
        margin-left: 0;
        margin-top: 8px
    }
}

@media (max-width: 720px) {
    .links .link-all[data-v-28af7999] {
        height:180px
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-5e15201c] {
        max-width:1100px
    }
}

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

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

.right[data-v-5e15201c] {
    width: 50%;
    margin-left: .75rem
}

.right .logo[data-v-5e15201c] {
    width: 100%;
    font-family: Pacifico-Regular-all;
    font-size: 1.75rem;
    position: fixed;
    top: 6%;
    left: 0;
    text-align: center;
    transition: transform .3s;
    animation: fade .5s
}

.right .logo[data-v-5e15201c]:active {
    transform: scale(.95)
}

@media (min-width: 720px) {
    .right .logo[data-v-5e15201c] {
        display:none
    }
}

@media (max-width: 720px) {
    .right[data-v-5e15201c] {
        margin-left:0;
        width: 100%
    }

    .right.hidden[data-v-5e15201c] {
        display: none
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-aa3ea405] {
        max-width:1100px
    }
}

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

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

.cover[data-v-aa3ea405] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .25s;
    z-index: -1
}

.cover.show[data-v-aa3ea405] {
    z-index: 1
}

.cover .bg[data-v-aa3ea405] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    backface-visibility: hidden;
    filter: blur(20px) brightness(.3);
    transition: filter .3s,transform .3s;
    animation: fade-blur-in .8s cubic-bezier(.25,.46,.45,.94) forwards;
    animation-delay: .45s
}

.cover .gray[data-v-aa3ea405] {
    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.hidden[data-v-aa3ea405] {
    opacity: 0;
    transition: 1.5s
}

.cover .down[data-v-aa3ea405] {
    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-aa3ea405]:hover {
    transform: scale(1.05);
    background-color: #00000060
}

.cover .down[data-v-aa3ea405]:active {
    transform: scale(1)
}

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

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

@media (max-width: 1280px) {
    .container[data-v-6f5bfe64] {
        max-width:1100px
    }
}

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

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

#footer[data-v-6f5bfe64] {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    z-index: 0;
    font-size: 14px
}

#footer .power[data-v-6f5bfe64] {
    animation: fade .3s
}

#footer .lrc[data-v-6f5bfe64] {
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

#footer .lrc .lrc-all[data-v-6f5bfe64] {
    width: 98%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#footer .lrc .lrc-all .lrc-text[data-v-6f5bfe64] {
    margin: 0 8px
}

#footer .lrc .lrc-all .i-icon[data-v-6f5bfe64] {
    width: 18px;
    height: 18px;
    display: inherit
}

#footer.blur[data-v-6f5bfe64] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0,0,0,.25);
    font-size: 16px
}

#footer .fade-enter-active[data-v-6f5bfe64],#footer .fade-leave-active[data-v-6f5bfe64] {
    transition: opacity .15s ease-in-out
}

@media (max-width: 720px) {
    #footer[data-v-6f5bfe64],#footer.blur[data-v-6f5bfe64] {
        font-size:.85rem
    }
}

@media (max-width: 480px) {
    #footer .hidden[data-v-6f5bfe64] {
        display:none
    }
}

.el-progress {
    align-items: center;
    display: flex;
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    min-width: 50px
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle,.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: var(--el-color-success)
}

.el-progress.is-success .el-progress__text {
    color: var(--el-color-success)
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: var(--el-color-warning)
}

.el-progress.is-warning .el-progress__text {
    color: var(--el-color-warning)
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: var(--el-color-danger)
}

.el-progress.is-exception .el-progress__text {
    color: var(--el-color-danger)
}

.el-progress-bar {
    box-sizing: border-box;
    flex-grow: 1
}

.el-progress-bar__outer {
    background-color: var(--el-border-color-lighter);
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: var(--el-color-primary);
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s ease;
    white-space: nowrap
}

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

.el-progress-bar__inner--indeterminate {
    -webkit-animation: indeterminate 3s infinite;
    animation: indeterminate 3s infinite;
    transform: translateZ(0)
}

.el-progress-bar__inner--striped {
    background-image: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 0,transparent 50%,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 75%,transparent 0,transparent);
    background-size: 1.25em 1.25em
}

.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
    -webkit-animation: striped-flow 3s linear infinite;
    animation: striped-flow 3s linear infinite
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

@-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%
    }
}

@-webkit-keyframes striped-flow {
    0% {
        background-position: -100%
    }

    to {
        background-position: 100%
    }
}

@keyframes striped-flow {
    0% {
        background-position: -100%
    }

    to {
        background-position: 100%
    }
}

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

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

@media (max-width: 1280px) {
    .container[data-v-7703b16c] {
        max-width:1100px
    }
}

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

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

.time-capsule[data-v-7703b16c] {
    width: 100%
}

.time-capsule .title[data-v-7703b16c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: .2rem 0 1.5rem;
    font-size: 1.1rem
}

.time-capsule .title .i-icon[data-v-7703b16c] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px
}

.time-capsule .all-capsule .capsule-item[data-v-7703b16c] {
    margin-bottom: 1rem
}

.time-capsule .all-capsule .capsule-item .item-title[data-v-7703b16c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0rem .5rem;
    font-size: .95rem
}

.time-capsule .all-capsule .capsule-item .item-title .remaining[data-v-7703b16c] {
    opacity: .6;
    font-size: .85rem;
    font-style: oblique
}

.time-capsule .all-capsule .capsule-item[data-v-7703b16c]:last-child {
    margin-bottom: 0
}

.time-capsule .all-capsule .capsule-item.start .item-title[data-v-7703b16c] {
    justify-content: center;
    opacity: .8;
    font-size: .85rem
}

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

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

@media (max-width: 1280px) {
    .container[data-v-f74f938f] {
        max-width:1100px
    }
}

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

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

.more-content[data-v-f74f938f] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
    height: 100%
}

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

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

@media (max-width: 1280px) {
    .container[data-v-19d94615] {
        max-width:1100px
    }
}

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

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

.box[data-v-19d94615] {
    flex: 1 0 0%;
    margin-left: .75rem;
    height: 80%;
    max-width: 50%;
    position: relative;
    animation: fade .5s
}

.box[data-v-19d94615]:hover {
    transform: scale(1)
}

.box .close[data-v-19d94615],.box .setting[data-v-19d94615] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px;
    transition: transform .3s,opacity .3s
}

.box .close[data-v-19d94615]:hover,.box .setting[data-v-19d94615]:hover {
    transform: scale(1.2)
}

.box .close[data-v-19d94615]:active,.box .setting[data-v-19d94615]:active {
    transform: scale(1)
}

.box .setting[data-v-19d94615] {
    right: 56px
}

.box .content[data-v-19d94615] {
    display: flex;
    flex-direction: column;
    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);
    background-color: var(--el-card-bg-color);
    border: 1px solid var(--el-card-border-color);
    border-radius: var(--el-card-border-radius);
    color: var(--el-text-color-primary);
    overflow: hidden;
    transition: var(--el-transition-duration)
}

.el-card.is-always-shadow {
    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 {
    border-bottom: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.el-card__body {
    padding: var(--el-card-padding)
}

.el-card__footer {
    border-top: 1px solid var(--el-card-border-color);
    box-sizing: border-box;
    padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding)
}

.fade-in-linear-enter-active,.fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

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

.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active {
    transition: var(--el-transition-fade-linear)
}

.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to {
    opacity: 0
}

.el-fade-in-enter-active,.el-fade-in-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)
}

.el-fade-in-enter-from,.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active {
    transition: all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)
}

.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center top;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top] {
    transform-origin: center bottom
}

.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transform-origin: top left;
    transition: var(--el-transition-md-fade)
}

.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out
}

.el-collapse-transition-enter-active,.el-collapse-transition-leave-active {
    transition: var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out
}

.horizontal-collapse-transition {
    transition: var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out
}

.el-list-enter-active,.el-list-leave-active {
    transition: all 1s
}

.el-list-enter-from,.el-list-leave-to {
    opacity: 0;
    transform: translateY(-30px)
}

.el-list-leave-active {
    position: absolute!important
}

.el-opacity-transition {
    transition: opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)
}

.el-collapse {
    --el-collapse-border-color: var(--el-border-color-lighter);
    --el-collapse-header-height: 48px;
    --el-collapse-header-bg-color: var(--el-fill-color-blank);
    --el-collapse-header-text-color: var(--el-text-color-primary);
    --el-collapse-header-font-size: 13px;
    --el-collapse-content-bg-color: var(--el-fill-color-blank);
    --el-collapse-content-font-size: 13px;
    --el-collapse-content-text-color: var(--el-text-color-primary);
    border-bottom: 1px solid var(--el-collapse-border-color);
    border-top: 1px solid var(--el-collapse-border-color)
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: var(--el-text-color-disabled);
    cursor: not-allowed
}

.el-collapse-item__header {
    align-items: center;
    background-color: var(--el-collapse-header-bg-color);
    border: none;
    border-bottom: 1px solid var(--el-collapse-border-color);
    color: var(--el-collapse-header-text-color);
    cursor: pointer;
    display: flex;
    font-size: var(--el-collapse-header-font-size);
    font-weight: 500;
    height: var(--el-collapse-header-height);
    line-height: var(--el-collapse-header-height);
    outline: none;
    padding: 0;
    transition: border-bottom-color var(--el-transition-duration);
    width: 100%
}

.el-collapse-item__arrow {
    font-weight: 300;
    margin: 0 8px 0 auto;
    transition: transform var(--el-transition-duration)
}

.el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: var(--el-color-primary)
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    background-color: var(--el-collapse-content-bg-color);
    border-bottom: 1px solid var(--el-collapse-border-color);
    box-sizing: border-box;
    overflow: hidden;
    will-change: height
}

.el-collapse-item__content {
    color: var(--el-collapse-content-text-color);
    font-size: var(--el-collapse-content-font-size);
    line-height: 1.7692307692;
    padding-bottom: 25px
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-switch {
    --el-switch-on-color: var(--el-color-primary);
    --el-switch-off-color: var(--el-border-color);
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    height: 32px;
    line-height: 20px;
    position: relative;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    color: var(--el-text-color-primary);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    transition: var(--el-transition-duration-fast);
    vertical-align: middle
}

.el-switch__label.is-active {
    color: var(--el-color-primary)
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    display: inline-block;
    font-size: 14px;
    line-height: 1
}

.el-switch__label .el-icon {
    height: inherit
}

.el-switch__label .el-icon svg {
    vertical-align: middle
}

.el-switch__input {
    height: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.el-switch__input:focus-visible~.el-switch__core {
    outline: 2px solid var(--el-switch-on-color);
    outline-offset: 1px
}

.el-switch__core {
    align-items: center;
    background: var(--el-switch-off-color);
    border: 1px solid var(--el-switch-border-color,var(--el-switch-off-color));
    border-radius: 10px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    min-width: 40px;
    outline: none;
    position: relative;
    transition: border-color var(--el-transition-duration),background-color var(--el-transition-duration)
}

.el-switch__core .el-switch__inner {
    align-items: center;
    display: flex;
    height: 16px;
    justify-content: center;
    overflow: hidden;
    padding: 0 4px 0 18px;
    transition: all var(--el-transition-duration);
    width: 100%
}

.el-switch__core .el-switch__inner .is-icon,.el-switch__core .el-switch__inner .is-text {
    color: var(--el-color-white);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.el-switch__core .el-switch__action {
    align-items: center;
    background-color: var(--el-color-white);
    border-radius: var(--el-border-radius-circle);
    color: var(--el-switch-off-color);
    display: flex;
    height: 16px;
    justify-content: center;
    left: 1px;
    position: absolute;
    transition: all var(--el-transition-duration);
    width: 16px
}

.el-switch.is-checked .el-switch__core {
    background-color: var(--el-switch-on-color);
    border-color: var(--el-switch-border-color,var(--el-switch-on-color))
}

.el-switch.is-checked .el-switch__core .el-switch__action {
    color: var(--el-switch-on-color);
    left: calc(100% - 17px)
}

.el-switch.is-checked .el-switch__core .el-switch__inner {
    padding: 0 18px 0 4px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-switch--large {
    font-size: 14px;
    height: 40px;
    line-height: 24px
}

.el-switch--large .el-switch__label {
    font-size: 14px;
    height: 24px
}

.el-switch--large .el-switch__label * {
    font-size: 14px
}

.el-switch--large .el-switch__core {
    border-radius: 12px;
    height: 24px;
    min-width: 50px
}

.el-switch--large .el-switch__core .el-switch__inner {
    height: 20px;
    padding: 0 6px 0 22px
}

.el-switch--large .el-switch__core .el-switch__action {
    height: 20px;
    width: 20px
}

.el-switch--large.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 21px)
}

.el-switch--large.is-checked .el-switch__core .el-switch__inner {
    padding: 0 22px 0 6px
}

.el-switch--small {
    font-size: 12px;
    height: 24px;
    line-height: 16px
}

.el-switch--small .el-switch__label {
    font-size: 12px;
    height: 16px
}

.el-switch--small .el-switch__label * {
    font-size: 12px
}

.el-switch--small .el-switch__core {
    border-radius: 8px;
    height: 16px;
    min-width: 30px
}

.el-switch--small .el-switch__core .el-switch__inner {
    height: 12px;
    padding: 0 2px 0 14px
}

.el-switch--small .el-switch__core .el-switch__action {
    height: 12px;
    width: 12px
}

.el-switch--small.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 13px)
}

.el-switch--small.is-checked .el-switch__core .el-switch__inner {
    padding: 0 14px 0 2px
}

.el-radio-group {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    font-size: 0
}

.el-radio {
    --el-radio-font-size: var(--el-font-size-base);
    --el-radio-text-color: var(--el-text-color-regular);
    --el-radio-font-weight: var(--el-font-weight-primary);
    --el-radio-input-height: 14px;
    --el-radio-input-width: 14px;
    --el-radio-input-border-radius: var(--el-border-radius-circle);
    --el-radio-input-bg-color: var(--el-fill-color-blank);
    --el-radio-input-border: var(--el-border);
    --el-radio-input-border-color: var(--el-border-color);
    --el-radio-input-border-color-hover: var(--el-color-primary);
    align-items: center;
    color: var(--el-radio-text-color);
    cursor: pointer;
    display: inline-flex;
    font-size: var(--el-font-size-base);
    font-weight: var(--el-radio-font-weight);
    height: 32px;
    margin-right: 32px;
    outline: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

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

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

.el-radio.is-bordered {
    border: var(--el-border);
    border-radius: var(--el-border-radius-base);
    box-sizing: border-box;
    padding: 0 15px 0 9px
}

.el-radio.is-bordered.is-checked {
    border-color: var(--el-color-primary)
}

.el-radio.is-bordered.is-disabled {
    border-color: var(--el-border-color-lighter);
    cursor: not-allowed
}

.el-radio.is-bordered.el-radio--large {
    border-radius: var(--el-border-radius-base);
    padding: 0 19px 0 11px
}

.el-radio.is-bordered.el-radio--large .el-radio__label {
    font-size: var(--el-font-size-base)
}

.el-radio.is-bordered.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.is-bordered.el-radio--small {
    border-radius: var(--el-border-radius-base);
    padding: 0 11px 0 7px
}

.el-radio.is-bordered.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.is-bordered.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    cursor: pointer;
    display: inline-flex;
    outline: none;
    position: relative;
    vertical-align: middle;
    white-space: nowrap
}

.el-radio__input.is-disabled .el-radio__inner {
    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 {
    background-color: var(--el-disabled-bg-color);
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: var(--el-disabled-bg-color);
    border-color: var(--el-disabled-border-color)
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: var(--el-text-color-placeholder)
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: var(--el-text-color-placeholder);
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    background: var(--el-color-primary);
    border-color: var(--el-color-primary)
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%,-50%) scale(1)
}

.el-radio__input.is-checked+.el-radio__label {
    color: var(--el-color-primary)
}

.el-radio__input.is-focus .el-radio__inner {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner {
    background-color: var(--el-radio-input-bg-color);
    border: var(--el-radio-input-border);
    border-radius: var(--el-radio-input-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: var(--el-radio-input-height);
    position: relative;
    width: var(--el-radio-input-width)
}

.el-radio__inner:hover {
    border-color: var(--el-radio-input-border-color-hover)
}

.el-radio__inner:after {
    background-color: var(--el-color-white);
    border-radius: var(--el-radio-input-border-radius);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) scale(0);
    transition: transform .15s ease-in;
    width: 4px
}

.el-radio__original {
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.el-radio__original:focus-visible+.el-radio__inner {
    border-radius: var(--el-radio-input-border-radius);
    outline: 2px solid var(--el-radio-input-border-color-hover);
    outline-offset: 1px
}

.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
}

.el-radio__label {
    font-size: var(--el-radio-font-size);
    padding-left: 8px
}

.el-radio.el-radio--large .el-radio__label {
    font-size: 14px
}

.el-radio.el-radio--large .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio.el-radio--small .el-radio__label {
    font-size: 12px
}

.el-radio.el-radio--small .el-radio__inner {
    height: 12px;
    width: 12px
}

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

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

@media (max-width: 1280px) {
    .container[data-v-9b5c6c42] {
        max-width:1100px
    }
}

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

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

.setting .collapse[data-v-9b5c6c42] {
    border-radius: 8px;
    --el-collapse-content-bg-color: #ffffff10;
    border-color: transparent;
    overflow: hidden
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__header {
    background-color: #ffffff30;
    color: #fff;
    font-size: 15px;
    padding-left: 18px;
    border-color: transparent
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap {
    border-color: transparent
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content {
    padding: 20px
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .item .el-switch__core {
    border-color: transparent;
    background-color: #ffffff30
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .item .el-radio-group .el-radio {
    margin: 2px 10px 2px 0;
    border-radius: 5px
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .item .el-radio-group .el-radio:last-child {
    margin-right: 0
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .el-radio-group {
    justify-content: space-between
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .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-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .el-radio-group .el-radio .el-radio__label {
    color: #fff
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .el-radio-group .el-radio .el-radio__inner,.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .el-radio-group .el-radio.is-checked {
    background: rgba(255,255,255,.0235294118)!important;
    border: 2px solid #eeeeee!important
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .el-radio-group .el-radio .is-checked .el-radio__inner {
    background-color: #ffffff30!important;
    border-color: #fff!important
}

.setting .collapse[data-v-9b5c6c42] .el-collapse-item__wrap .el-collapse-item__content .el-radio-group .el-radio .is-checked+.el-radio__label {
    color: #fff!important
}

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

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

@media (max-width: 1280px) {
    .container[data-v-2fb987d0] {
        max-width:1100px
    }
}

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

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

.set[data-v-2fb987d0] {
    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-2fb987d0] {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 28px;
    height: 28px
}

.set .close[data-v-2fb987d0]:hover {
    transform: scale(1.2)
}

.set .close[data-v-2fb987d0]:active {
    transform: scale(1)
}

.set .el-row[data-v-2fb987d0] {
    height: 100%;
    flex-wrap: nowrap
}

.set .el-row .left[data-v-2fb987d0] {
    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-2fb987d0] {
    transform: translateY(-8%);
    font-family: Pacifico-Regular-all;
    padding-left: 22px;
    width: 100%;
    height: 260px;
    min-height: 140px
}

.set .el-row .left .logo .bg[data-v-2fb987d0] {
    font-size: 5rem
}

.set .el-row .left .logo .sm[data-v-2fb987d0] {
    margin-left: 6px;
    font-size: 2rem
}

.set .el-row .left .version[data-v-2fb987d0] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.set .el-row .left .version .num[data-v-2fb987d0] {
    font-size: 2rem;
    font-family: Pacifico-Regular-all
}

.set .el-row .left .version .github[data-v-2fb987d0] {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    margin-top: 6px
}

.set .el-row .left .version .github[data-v-2fb987d0]:hover {
    transform: scale(1.2)
}

.set .el-row .left .update[data-v-2fb987d0] {
    margin-top: 30px;
    height: 100%
}

.set .el-row .left .update[data-v-2fb987d0] .el-card__body {
    height: 100%
}

.set .el-row .left .update[data-v-2fb987d0] .el-card__body .upnote {
    padding: 20px;
    height: calc(100% - 56px);
    overflow-y: auto
}

.set .el-row .left .update[data-v-2fb987d0] .el-card__body .upnote .uptext {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 16px
}

.set .el-row .left .update[data-v-2fb987d0] .el-card__body .upnote .uptext:nth-last-of-type(1) {
    padding: 0
}

.set .el-row .left .update[data-v-2fb987d0] .el-card__body .upnote .uptext .i-icon {
    width: 22px;
    height: 22px;
    margin-right: 8px
}

.set .el-row .right[data-v-2fb987d0] {
    height: 100%;
    padding-right: 40px!important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.set .el-row .right .title[data-v-2fb987d0] {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 18px;
    margin-bottom: 16px
}

.set .el-row .right .title .i-icon[data-v-2fb987d0] {
    width: 28px;
    height: 28px;
    margin-right: 6px
}

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

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

@media (max-width: 1280px) {
    .container[data-v-238d89cc] {
        max-width:1100px
    }
}

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

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

#main[data-v-238d89cc] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: transform .3s;
    animation: fade-blur-main-in .65s cubic-bezier(.25,.46,.45,.94) forwards;
    animation-delay: .5s
}

#main .container[data-v-238d89cc] {
    width: 100%;
    height: 100vh;
    margin: 0 auto
}

#main .container .all[data-v-238d89cc] {
    width: 100%;
    height: 100%;
    padding: 0 .75rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

#main .container .more[data-v-238d89cc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 2;
    animation: fade .5s
}

@media (max-width: 1200px) {
    #main .container[data-v-238d89cc] {
        padding:0 2vw
    }
}

#main .menu[data-v-238d89cc] {
    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);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 6px;
    transition: transform .3s;
    animation: fade .5s
}

#main .menu[data-v-238d89cc]:active {
    transform: scale(.95)
}

#main .menu .i-icon[data-v-238d89cc] {
    transform: translateY(2px)
}

@media (min-width: 721px) {
    #main .menu[data-v-238d89cc] {
        display:none
    }
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}