[data-v-488531eb] .v-list-item {
    min-height: 3.125rem
}

@media(max-width:1000px) {
    .pc-page[data-v-486d648a] {
        display: none
    }
    .mobile-page[data-v-486d648a] {
        display: block
    }
}

@media(min-width:1000px) {
    .pc-page[data-v-486d648a] {
        display: block
    }
    .mobile-page[data-v-486d648a] {
        display: none
    }
}

.header-page[data-v-486d648a] {
    width: 100%;
    z-index: 10;
    position: fixed;
    top: 0;
    background-color: #000000a6
}

.header-page[data-v-486d648a] .v-input__slot {
    box-shadow: none;
    background: transparent !important;
    border-radius: 3.125rem;
    border: 1px solid #23252c;
    padding: 0 1.125rem !important
}

.header-page .menu-list .item[data-v-486d648a] {
    color: #c5cae5;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer
}

.header-page .menu-list .item.active[data-v-486d648a] {
    color: #fff;
    font-weight: 600
}

.header-page .user-box .avatar-box[data-v-486d648a] {
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
    border: 1px solid #23252c
}

@media(max-width:1500px) {
    .header-page[data-v-486d648a] {
        padding: 1.5625rem 1.25rem
    }
    .header-left img[data-v-486d648a] {
        margin-right: 1.875rem
    }
    .user-box[data-v-486d648a] {
        margin-right: 1.375rem
    }
    .menu-list .item[data-v-486d648a] {
        margin-right: 1.875rem
    }
}

@media(min-width:1500px) {
    .header-page[data-v-486d648a] {
        padding: 1.5625rem 3.75rem
    }
    .header-left img[data-v-486d648a] {
        margin-right: 5vw
    }
    .user-box[data-v-486d648a] {
        margin-right: 3rem
    }
    .menu-list .item[data-v-486d648a] {
        margin-right: 3.75rem
    }
}

@media(max-width:768px) {
    .foot-content[data-v-069d9f7f] {
        flex-wrap: wrap
    }
    .foot-content .foot-left[data-v-069d9f7f] {
        width: 100%;
        text-align: center
    }
    .foot-content .foot-right[data-v-069d9f7f] {
        width: 100%;
        padding: 0 1rem
    }
    .download-box[data-v-069d9f7f],
    .lang-select[data-v-069d9f7f] {
        display: none
    }
    .font-primary-sub[data-v-069d9f7f] {
        font-size: 1.125rem
    }
    .font-secondary-17[data-v-069d9f7f] {
        font-size: .875rem
    }
    .copyright[data-v-069d9f7f] {
        margin-top: 0;
        margin-bottom: 1.875rem
    }
    .foot-box[data-v-069d9f7f] {
        padding: 1.875rem 0
    }
}

@media(min-width:768px) {
    .foot-content .foot-left[data-v-069d9f7f] {
        width: 30%
    }
    .foot-content .foot-right[data-v-069d9f7f] {
        width: 70%
    }
    .copyright[data-v-069d9f7f] {
        margin-top: 2.25rem
    }
    .foot-box[data-v-069d9f7f] {
        padding: 7.5rem 0
    }
}

.foot-page[data-v-069d9f7f] {
    border-top: 1px solid #1d1f25
}

.qrbox[data-v-069d9f7f] {
    padding: 10px 10px 2px 10px;
    background-color: #fff;
    display: inline-block;
    border-radius: 6px
}

.foot-box[data-v-069d9f7f] {
    background: #000
}

.foot-box .foot-content[data-v-069d9f7f] {
    max-width: 93.75rem;
    margin: 0 auto
}

.foot-box .foot-content .foot-right ._a[data-v-069d9f7f] {
    cursor: pointer
}

.foot-box[data-v-069d9f7f] .v-input__slot {
    box-shadow: none;
    background: transparent !important;
    border-radius: 3.125rem;
    border: 1px solid #23252c;
    padding: 0 1.125rem !important
}

#app {
    background: #000
}

.message[data-v-7cf438de] {
    min-width: 23.75rem;
    box-sizing: border-box;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
    position: fixed;
    left: 50%;
    top: 1.25rem;
    transform: translateX(-50%);
    transition: opacity .3s, transform .4s;
    overflow: hidden;
    padding: .9375rem .9375rem .9375rem 1.25rem;
    display: flex;
    align-items: center
}

.message--success[data-v-7cf438de] {
    background-color: #f0f9eb;
    border-color: #e1f3d8;
    color: #67c23a
}

.message--error[data-v-7cf438de] {
    background-color: #f56c6c;
    border-color: #f56c6c;
    color: #fff
}

.message p[data-v-7cf438de] {
    margin: 0
}

.message__content[data-v-7cf438de] {
    padding: 0;
    font-size: .875rem;
    line-height: 1;
    display: flex;
    align-items: center
}

.message-fade-enter[data-v-7cf438de],
.message-fade-leave-active[data-v-7cf438de] {
    opacity: 0;
    transform: translate(-50%, -100%)
}

@media(max-width:768px) {
    .font-primary-title {
        font-size: 1.875rem
    }
    .font-primary-18 {
        font-size: .875rem;
        color: #fff
    }
    .font-secondary-sub {
        font-size: 1rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-sub {
        font-size: 1rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-dark-24 {
        font-size: 1.0625rem;
        font-weight: 600;
        color: #010101
    }
    .font-primary-23 {
        font-size: 1.125rem;
        font-weight: 600;
        color: #fff
    }
    .font-secondary-23 {
        font-size: 1.125rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-33 {
        font-size: 1.375rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-27 {
        font-size: 1.25rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-33-sub {
        font-size: 1.375rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-27-sub {
        font-size: 1.25rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-29 {
        font-size: 1.3125rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-17 {
        font-size: .875rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-dark-17 {
        font-size: .875rem;
        font-weight: 400;
        color: #010101
    }
    .font-secondary-17 {
        font-size: .875rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-40 {
        font-size: 1.875rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-45 {
        font-size: 2rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-19 {
        font-size: .9375rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-19-dark {
        font-size: .9375rem;
        font-weight: 400;
        color: #000
    }
    .font-secondary-19 {
        font-size: .9375rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-21 {
        font-size: 1rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-21-dark {
        font-size: 1rem;
        font-weight: 400;
        color: #000
    }
    .font-secondary-21 {
        font-size: 1rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-sub-title {
        font-size: 1.25rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-15 {
        font-size: .875rem;
        font-weight: 400;
        color: #fff
    }
    .font-secondary-14,
    .font-secondary-15 {
        font-size: .875rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-14 {
        font-size: .875rem;
        font-weight: 400;
        color: #fff
    }
}

@media(min-width:768px) {
    .font-primary-title {
        font-size: 3.125rem
    }
    .font-primary-18 {
        font-size: 1.125rem;
        color: #fff
    }
    .font-secondary-sub {
        font-size: 1.375rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-sub {
        font-size: 1.375rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-dark-24 {
        font-size: 1.5rem;
        font-weight: 600;
        color: #010101
    }
    .font-primary-23 {
        font-size: 1.4375rem;
        font-weight: 600;
        color: #fff
    }
    .font-secondary-23 {
        font-size: 1.4375rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-33 {
        font-size: 2.0625rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-27 {
        font-size: 1.6875rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-33-sub {
        font-size: 2.0625rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-27-sub {
        font-size: 1.6875rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-29 {
        font-size: 1.8125rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-17 {
        font-size: 1.0625rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-dark-17 {
        font-size: 1.0625rem;
        font-weight: 400;
        color: #010101
    }
    .font-secondary-17 {
        font-size: 1.0625rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-40 {
        font-size: 2.5rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-45 {
        font-size: 2.8125rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-19 {
        font-size: 1.1875rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-19-dark {
        font-size: 1.1875rem;
        font-weight: 400;
        color: #000
    }
    .font-secondary-19 {
        font-size: 1.1875rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-21 {
        font-size: 1.3125rem;
        font-weight: 400;
        color: #fff
    }
    .font-primary-21-dark {
        font-size: 1.3125rem;
        font-weight: 400;
        color: #000
    }
    .font-secondary-21 {
        font-size: 1.3125rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-sub-title {
        font-size: 1.9375rem;
        font-weight: 600;
        color: #fff
    }
    .font-primary-15 {
        font-size: .9375rem;
        font-weight: 400;
        color: #fff
    }
    .font-secondary-15 {
        font-size: .9375rem;
        font-weight: 400;
        color: #898c97
    }
    .font-secondary-14 {
        font-size: .875rem;
        font-weight: 400;
        color: #898c97
    }
    .font-primary-14 {
        font-size: .875rem;
        font-weight: 400;
        color: #fff
    }
}

.font-primary-title {
    font-weight: 600;
    color: #fff
}

.green-color {
    color: #37b66a !important
}

.red-color {
    color: #e53858 !important
}

.grey-color {
    color: #e0e0e0 !important
}

.active-color {
    color: #ffca00 !important
}

.cursor-pointer {
    cursor: pointer
}

.layout-page {
    padding-top: 6.25rem
}

.layout-page .layout-content {
    border-top: 1px solid #1d1f25;
    border-bottom: 1px solid #1d1f25
}

.layout-page .layout-content .layout-auto {
    max-width: 93.75rem;
    margin: 0 auto
}

.layout-page .layout-content .layout-auto .layout-content-box {
    border-radius: 1.3125rem;
    border: 1px solid #1d1f25
}

@media(max-width:768px) {
    .layout-auto,
    .layout-content-box {
        padding: 10px
    }
}

@media(min-width:768px) {
    .layout-content-box {
        padding: 4.375rem
    }
    .layout-auto {
        padding-top: 4.375rem;
        padding-bottom: 5rem
    }
}