@font-face {
    font-family: Inter-black;
    src: url(Inter-Black-3.8eef1d18.otf);
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Inter-bold;
    src: url(Inter-Bold-4.d6312ef1.otf);
    font-style: normal;
    font-display: block
}

@font-face {
    font-family: Inter-Light;
    src: url(Inter-Light-7.4b9c7469.otf);
    font-style: normal;
    font-display: block
}

body,html {
    width: 100%;
    min-height: 100%;
    font-size: 100px;
    color: #fff;
    line-height: 1
}

*,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul {
    margin: 0;
    padding: 0;
    cursor: inherit;
    word-break: break-word;
    letter-spacing: 0
}

body {
    padding: 0;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
    font-family: Inter-Light
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: none
}

dd,dl,dt,li,ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #333;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

a:active,a:hover,a:link,a:visited {
    border: 0;
    border-color: inherit;
    text-decoration: none;
    cursor: pointer
}

a:focus {
    outline: none
}

[v-cloak] {
    display: none
}

.el-button {
    font-family: inherit
}

.el-message .el-icon {
    font-size: 25px
}

.el-message .el-message__closeBtn,.el-message .el-message__content {
    font-size: 16px
}

.el-message .el-message__closeBtn .icon {
    width: 20px;
    height: 20px;
    color: #303133;
    cursor: pointer
}

.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title {
    height: auto!important
}

.el-sub-menu .el-sub-menu__icon-arrow {
    right: 5px!important;
    font-size: 13px!important
}

@media screen and (max-width: 768px) {
    .el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title {
        padding-left:0!important;
        padding: 5px 5px 5px 0!important;
        font-size: 17px;
        line-height: 1
    }
}

@keyframes floating {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(.05729rem)
    }
}

@keyframes floating-up {
    0%,to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(.03125rem)
    }
}

@keyframes floating-left {
    0%,to {
        transform: translate(0)
    }

    50% {
        transform: translate(-.03125rem)
    }
}

@keyframes floating-rotate {
    0%,to {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(10deg)
    }
}

@keyframes floating-turn {
    0%,to {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(1turn)
    }
}

@keyframes floating-arc {
    0% {
        left: 14%;
        bottom: 13%;
        transform: rotate(0deg)
    }

    50% {
        left: 44%;
        bottom: 60%
    }

    to {
        left: 114%;
        bottom: 53%;
        transform: rotate(45deg)
    }
}

@keyframes floating-star {
    0% {
        opacity: 0
    }

    10% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.landing {
    width: 100%;
    max-width: 11.25rem;
    margin: auto
}

body,html {
    background-color: #010001
}

.mt-border {
    margin: .15625rem auto;
    border-top: 1px solid #8c878d
}

.lang-max {
    width: 76%;
    max-width: 1460px;
    padding: 0;
    margin: auto;
    overflow: hidden
}

@media screen and (min-width: 1920px) {
    .lang-max {
        width:100%;
        max-width: 1520px
    }
}

@media screen and (min-width: 2160px) {
    .lang-max {
        width:100%;
        max-width: 1680px
    }
}

@media screen and (min-width: 2200px) {
    .lang-max {
        max-width:1920px
    }
}

@media screen and (min-width: 2853px) {
    .lang-max {
        max-width:2160px
    }
}

@media screen and (min-width: 3804px) {
    .lang-max {
        max-width:2366px
    }
}

@media screen and (min-width: 4090px) {
    .lang-max {
        max-width:2853px
    }
}

@media screen and (min-width: 5120px) {
    .lang-max {
        max-width:3804px
    }
}

@media screen and (max-width: 1200px) {
    .lang-max {
        width:calc(100% - 64px);
        padding: 0 32px
    }
}

.font-85 {
    font-size: .44271rem
}

@media screen and (min-width: 2160px) {
    .font-85 {
        font-size:.17708rem
    }
}

@media screen and (min-width: 2200px) {
    .font-85 {
        font-size:.29167rem
    }
}

@media screen and (max-width: 768px) {
    .font-85 {
        font-size:.58333rem
    }
}

@media screen and (max-width: 600px) {
    .font-85 {
        font-size:.69792rem
    }
}

@media screen and (max-width: 540px) {
    .font-85 {
        font-size:.90625rem
    }
}

.font-79 {
    font-size: .41146rem
}

@media screen and (min-width: 2160px) {
    .font-79 {
        font-size:.14583rem
    }
}

@media screen and (min-width: 2200px) {
    .font-79 {
        font-size:.28646rem
    }
}

@media screen and (max-width: 768px) {
    .font-79 {
        font-size:.57292rem
    }
}

@media screen and (max-width: 600px) {
    .font-79 {
        font-size:.66667rem
    }
}

@media screen and (max-width: 540px) {
    .font-79 {
        font-size:.875rem
    }
}

.font-72 {
    font-size: .375rem
}

@media screen and (min-width: 2160px) {
    .font-72 {
        font-size:.1875rem
    }
}

@media screen and (min-width: 2200px) {
    .font-72 {
        font-size:.28125rem
    }
}

@media screen and (max-width: 768px) {
    .font-72 {
        font-size:.5625rem
    }
}

@media screen and (max-width: 600px) {
    .font-72 {
        font-size:.65104rem
    }
}

@media screen and (max-width: 540px) {
    .font-72 {
        font-size:.77083rem
    }
}

.font-68 {
    font-size: .35417rem
}

@media screen and (min-width: 2160px) {
    .font-68 {
        font-size:.17708rem
    }
}

@media screen and (min-width: 2200px) {
    .font-68 {
        font-size:.26563rem
    }
}

@media screen and (max-width: 768px) {
    .font-68 {
        font-size:.53125rem
    }
}

@media screen and (max-width: 600px) {
    .font-68 {
        font-size:.64063rem
    }
}

@media screen and (max-width: 540px) {
    .font-68 {
        font-size:.75rem
    }
}

.font-65 {
    font-size: .33854rem
}

@media screen and (min-width: 2160px) {
    .font-65 {
        font-size:.16667rem
    }
}

@media screen and (min-width: 2200px) {
    .font-65 {
        font-size:.2526rem
    }
}

@media screen and (max-width: 768px) {
    .font-65 {
        font-size:.50521rem
    }
}

@media screen and (max-width: 600px) {
    .font-65 {
        font-size:.625rem
    }
}

@media screen and (max-width: 540px) {
    .font-65 {
        font-size:.72917rem
    }
}

.font-55 {
    font-size: .28646rem
}

@media screen and (min-width: 2160px) {
    .font-55 {
        font-size:.14063rem
    }
}

@media screen and (min-width: 2200px) {
    .font-55 {
        font-size:.21354rem
    }
}

@media screen and (max-width: 768px) {
    .font-55 {
        font-size:.42708rem
    }
}

@media screen and (max-width: 600px) {
    .font-55 {
        font-size:.57292rem
    }
}

@media screen and (max-width: 540px) {
    .font-55 {
        font-size:.66146rem
    }
}

.font-50 {
    font-size: .26042rem
}

@media screen and (min-width: 2160px) {
    .font-50 {
        font-size:.13021rem
    }
}

@media screen and (min-width: 2200px) {
    .font-50 {
        font-size:.19531rem
    }
}

@media screen and (max-width: 768px) {
    .font-50 {
        font-size:.39063rem
    }
}

@media screen and (max-width: 600px) {
    .font-50 {
        font-size:.52083rem
    }
}

@media screen and (max-width: 540px) {
    .font-50 {
        font-size:.64583rem
    }
}

.font-48 {
    font-size: .25rem
}

@media screen and (min-width: 2160px) {
    .font-48 {
        font-size:.125rem
    }
}

@media screen and (min-width: 2200px) {
    .font-48 {
        font-size:.1875rem
    }
}

@media screen and (max-width: 768px) {
    .font-48 {
        font-size:.375rem
    }
}

@media screen and (max-width: 600px) {
    .font-48 {
        font-size:.5rem
    }
}

@media screen and (max-width: 540px) {
    .font-48 {
        font-size:.625rem
    }
}

.font-46 {
    font-size: .23958rem
}

@media screen and (min-width: 2160px) {
    .font-46 {
        font-size:.11979rem
    }
}

@media screen and (min-width: 2200px) {
    .font-46 {
        font-size:.17969rem
    }
}

@media screen and (max-width: 768px) {
    .font-46 {
        font-size:.35938rem
    }
}

@media screen and (max-width: 600px) {
    .font-46 {
        font-size:.51042rem
    }
}

@media screen and (max-width: 540px) {
    .font-46 {
        font-size:.61458rem
    }
}

.font-45 {
    font-size: .23438rem
}

@media screen and (min-width: 2160px) {
    .font-45 {
        font-size:.11719rem
    }
}

@media screen and (min-width: 2200px) {
    .font-45 {
        font-size:.16927rem
    }
}

@media screen and (max-width: 768px) {
    .font-45 {
        font-size:.35156rem
    }
}

@media screen and (max-width: 600px) {
    .font-45 {
        font-size:.52604rem
    }
}

@media screen and (max-width: 540px) {
    .font-45 {
        font-size:.58333rem
    }
}

.font-42 {
    font-size: .21875rem
}

@media screen and (min-width: 2160px) {
    .font-42 {
        font-size:.10938rem
    }
}

@media screen and (min-width: 2200px) {
    .font-42 {
        font-size:.16146rem
    }
}

@media screen and (max-width: 768px) {
    .font-42 {
        font-size:.32813rem
    }
}

@media screen and (max-width: 600px) {
    .font-42 {
        font-size:.48958rem
    }
}

@media screen and (max-width: 540px) {
    .font-42 {
        font-size:.5625rem
    }
}

.font-40 {
    font-size: .20833rem
}

@media screen and (min-width: 2160px) {
    .font-40 {
        font-size:.10417rem
    }
}

@media screen and (min-width: 2200px) {
    .font-40 {
        font-size:.15625rem
    }
}

@media screen and (max-width: 768px) {
    .font-40 {
        font-size:.3125rem
    }
}

@media screen and (max-width: 600px) {
    .font-40 {
        font-size:.46875rem
    }
}

@media screen and (max-width: 540px) {
    .font-40 {
        font-size:.55208rem
    }
}

.font-38 {
    font-size: .19792rem
}

@media screen and (min-width: 2160px) {
    .font-38 {
        font-size:.09896rem
    }
}

@media screen and (min-width: 2200px) {
    .font-38 {
        font-size:.14844rem
    }
}

@media screen and (max-width: 768px) {
    .font-38 {
        font-size:.29688rem
    }
}

@media screen and (max-width: 600px) {
    .font-38 {
        font-size:.53125rem
    }
}

@media screen and (max-width: 540px) {
    .font-38 {
        font-size:.54167rem
    }
}

.font-35 {
    font-size: .18229rem
}

@media screen and (min-width: 2160px) {
    .font-35 {
        font-size:.09115rem
    }
}

@media screen and (min-width: 2200px) {
    .font-35 {
        font-size:.13542rem
    }
}

@media screen and (max-width: 768px) {
    .font-35 {
        font-size:.27344rem
    }
}

@media screen and (max-width: 600px) {
    .font-35 {
        font-size:.41667rem
    }
}

@media screen and (max-width: 540px) {
    .font-35 {
        font-size:.53125rem
    }
}

.font-33 {
    font-size: .17188rem
}

@media screen and (min-width: 2160px) {
    .font-33 {
        font-size:.08594rem
    }
}

@media screen and (min-width: 2200px) {
    .font-33 {
        font-size:.13021rem
    }
}

@media screen and (max-width: 768px) {
    .font-33 {
        font-size:.25781rem
    }
}

@media screen and (max-width: 600px) {
    .font-33 {
        font-size:.40104rem
    }
}

@media screen and (max-width: 540px) {
    .font-33 {
        font-size:.51563rem
    }
}

.font-32 {
    font-size: .16667rem
}

@media screen and (min-width: 2160px) {
    .font-32 {
        font-size:.08333rem
    }
}

@media screen and (min-width: 2200px) {
    .font-32 {
        font-size:.125rem
    }
}

@media screen and (max-width: 768px) {
    .font-32 {
        font-size:.25rem
    }
}

@media screen and (max-width: 600px) {
    .font-32 {
        font-size:.38542rem
    }
}

@media screen and (max-width: 540px) {
    .font-32 {
        font-size:.5rem
    }
}

.font-30 {
    font-size: .15625rem
}

@media screen and (min-width: 2160px) {
    .font-30 {
        font-size:.07813rem
    }
}

@media screen and (min-width: 2200px) {
    .font-30 {
        font-size:.11458rem
    }
}

@media screen and (max-width: 768px) {
    .font-30 {
        font-size:.23438rem
    }
}

@media screen and (max-width: 600px) {
    .font-30 {
        font-size:.36458rem
    }
}

@media screen and (max-width: 540px) {
    .font-30 {
        font-size:.46875rem
    }
}

.font-27 {
    font-size: .14063rem
}

@media screen and (min-width: 2160px) {
    .font-27 {
        font-size:.07031rem
    }
}

@media screen and (min-width: 2200px) {
    .font-27 {
        font-size:.10417rem
    }
}

@media screen and (max-width: 768px) {
    .font-27 {
        font-size:.20833rem
    }
}

@media screen and (max-width: 600px) {
    .font-27 {
        font-size:.29167rem
    }
}

@media screen and (max-width: 540px) {
    .font-27 {
        font-size:.36979rem
    }
}

.font-26 {
    font-size: .13542rem
}

@media screen and (min-width: 2160px) {
    .font-26 {
        font-size:.06771rem
    }
}

@media screen and (min-width: 2200px) {
    .font-26 {
        font-size:.10156rem
    }
}

@media screen and (max-width: 768px) {
    .font-26 {
        font-size:.20313rem
    }
}

@media screen and (max-width: 600px) {
    .font-26 {
        font-size:.30469rem
    }
}

@media screen and (max-width: 540px) {
    .font-26 {
        font-size:.40625rem
    }
}

.font-24 {
    font-size: .125rem
}

@media screen and (min-width: 2160px) {
    .font-24 {
        font-size:.0625rem
    }
}

@media screen and (min-width: 2200px) {
    .font-24 {
        font-size:.09375rem
    }
}

@media screen and (max-width: 768px) {
    .font-24 {
        font-size:.1875rem
    }
}

@media screen and (max-width: 600px) {
    .font-24 {
        font-size:.28125rem
    }
}

@media screen and (max-width: 540px) {
    .font-24 {
        font-size:.375rem
    }
}

.font-23 {
    font-size: .11979rem
}

@media screen and (min-width: 2160px) {
    .font-23 {
        font-size:.0599rem
    }
}

@media screen and (min-width: 2200px) {
    .font-23 {
        font-size:.08854rem
    }
}

@media screen and (max-width: 768px) {
    .font-23 {
        font-size:.17969rem
    }
}

@media screen and (max-width: 600px) {
    .font-23 {
        font-size:.26563rem
    }
}

@media screen and (max-width: 540px) {
    .font-23 {
        font-size:.35938rem
    }
}

.font-22 {
    font-size: .11458rem
}

@media screen and (min-width: 2160px) {
    .font-22 {
        font-size:.05729rem
    }
}

@media screen and (min-width: 2200px) {
    .font-22 {
        font-size:.08333rem
    }
}

@media screen and (max-width: 768px) {
    .font-22 {
        font-size:.17188rem
    }
}

@media screen and (max-width: 600px) {
    .font-22 {
        font-size:.26042rem
    }
}

@media screen and (max-width: 540px) {
    .font-22 {
        font-size:.34375rem
    }
}

.font-20 {
    font-size: .10417rem
}

@media screen and (min-width: 2160px) {
    .font-20 {
        font-size:.05208rem
    }
}

@media screen and (min-width: 2200px) {
    .font-20 {
        font-size:.07813rem
    }
}

@media screen and (max-width: 768px) {
    .font-20 {
        font-size:.15625rem
    }
}

@media screen and (max-width: 600px) {
    .font-20 {
        font-size:.23438rem
    }
}

@media screen and (max-width: 540px) {
    .font-20 {
        font-size:.3125rem
    }
}

.font-18 {
    font-size: .09375rem
}

@media screen and (min-width: 2160px) {
    .font-18 {
        font-size:.04688rem
    }
}

@media screen and (min-width: 2200px) {
    .font-18 {
        font-size:.06771rem
    }
}

@media screen and (max-width: 768px) {
    .font-18 {
        font-size:.13542rem
    }
}

@media screen and (max-width: 600px) {
    .font-18 {
        font-size:.20833rem
    }
}

@media screen and (max-width: 540px) {
    .font-18 {
        font-size:.28125rem
    }
}

.font-16 {
    font-size: .08333rem
}

@media screen and (min-width: 2160px) {
    .font-16 {
        font-size:.04167rem
    }
}

@media screen and (min-width: 2200px) {
    .font-16 {
        font-size:.0625rem
    }
}

@media screen and (max-width: 768px) {
    .font-16 {
        font-size:.125rem
    }
}

@media screen and (max-width: 600px) {
    .font-16 {
        font-size:.19792rem
    }
}

@media screen and (max-width: 540px) {
    .font-16 {
        font-size:.25rem
    }
}

.font-14 {
    font-size: .07292rem
}

@media screen and (min-width: 2160px) {
    .font-14 {
        font-size:.03646rem
    }
}

@media screen and (min-width: 2200px) {
    .font-14 {
        font-size:.05729rem
    }
}

@media screen and (max-width: 768px) {
    .font-14 {
        font-size:.10938rem
    }
}

@media screen and (max-width: 600px) {
    .font-14 {
        font-size:.16667rem
    }
}

@media screen and (max-width: 540px) {
    .font-14 {
        font-size:.21875rem
    }
}

.font-12 {
    font-size: .0625rem
}

@media screen and (min-width: 2160px) {
    .font-12 {
        font-size:.03125rem
    }
}

@media screen and (min-width: 2200px) {
    .font-12 {
        font-size:.04688rem
    }
}

@media screen and (max-width: 768px) {
    .font-12 {
        font-size:.09375rem
    }
}

@media screen and (max-width: 600px) {
    .font-12 {
        font-size:.15104rem
    }
}

@media screen and (max-width: 540px) {
    .font-12 {
        font-size:.1875rem
    }
}

.uppercase {
    text-transform: uppercase
}

.font-black {
    font-family: Inter-black
}

.font-bold {
    font-family: Inter-bold
}

.weight-3 {
    font-weight: 300
}

.weight-4 {
    font-weight: 400
}

.weight-5 {
    font-weight: 500
}

.weight-6 {
    font-weight: 600
}

.weight-7 {
    font-weight: 700
}

.weight-8 {
    font-weight: 800
}

.flex-row {
    display: flex!important;
    align-items: center;
    flex-wrap: wrap
}

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

.flex-row.center {
    justify-content: center
}

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

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

.flex-row.nowrap {
    flex-wrap: nowrap
}

.width-icon {
    display: block;
    width: 24px;
    height: 24px;
    color: #000;
    fill: #000
}

@media screen and (min-width: 2160px) {
    .width-icon {
        width:28px;
        height: 28px
    }
}

@media screen and (min-width: 2200px) {
    .width-icon {
        width:30px;
        height: 30px
    }
}

.width-icon.small {
    width: 20px;
    height: 20px
}

@media screen and (min-width: 2160px) {
    .width-icon.small {
        width:24px;
        height: 24px
    }
}

@media screen and (min-width: 2200px) {
    .width-icon.small {
        width:26px;
        height: 26px
    }
}

.width-icon.min-small {
    width: 16px!important;
    height: 16px
}

@media screen and (min-width: 2160px) {
    .width-icon.min-small {
        width:20px;
        height: 20px
    }
}

@media screen and (min-width: 2200px) {
    .width-icon.min-small {
        width:22px;
        height: 22px
    }
}

.width-icon.minimum-small {
    width: 14px;
    height: 14px
}

@media screen and (min-width: 2160px) {
    .width-icon.minimum-small {
        width:18px;
        height: 18px
    }
}

@media screen and (min-width: 2200px) {
    .width-icon.minimum-small {
        width:20px;
        height: 20px
    }
}

.width-icon.big {
    width: 35px;
    height: 35px
}

@media screen and (min-width: 2160px) {
    .width-icon.big {
        width:39px;
        height: 39px
    }
}

@media screen and (min-width: 2200px) {
    .width-icon.big {
        width:41px;
        height: 41px
    }
}

.width-icon svg {
    width: inherit;
    height: inherit
}

.button-shadow {
    box-shadow: 0 1px 1px -.01042rem rgba(0,0,0,.2),0 .01042rem .01042rem 0 rgba(0,0,0,.14),0 1px .02604rem 0 rgba(0,0,0,.12)
}

.button {
    display: inline-block;
    padding: .04167rem;
    cursor: pointer;
    border-radius: .52083rem
}

.button path,.button svg {
    display: block;
    fill: #000;
    cursor: inherit
}

.el-button--primary {
    background-color: #447dff!important;
    border-color: #447dff!important
}

.is-disabled {
    cursor: no-drop
}

.text-center {
    text-align: center
}

.img {
    display: block;
    width: 100%
}

.picture-mit {
    max-width: 170px;
    margin: auto
}

.menu-width-mit {
    width: calc(100% - 230px)
}

@media screen and (max-width: 540px) {
    .menu-width-mit {
        width:calc(100% - 200px)
    }
}

.el-loading-spinner {
    position: relative!important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    top: auto!important;
    margin: 0!important
}

.el-loading-spinner .path {
    stroke: #447dff
}

@media screen and (max-width: 540px) {
    .el-loading-spinner .circular {
        width:.78125rem!important;
        height: .78125rem!important
    }
}

.el-loading-spinner .el-loading-text {
    width: 100%;
    margin: .04167rem 0 0!important;
    font-size: inherit!important;
    color: #447dff
}

@media screen and (max-width: 540px) {
    .el-loading-spinner .el-loading-text {
        margin:.19792rem 0 0!important
    }
}

body .el-popper.is-light {
    min-width: 200px;
    padding: 4px 10px 0;
    background: #1e2026;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 0 12px rgba(0,0,0,.72)
}

@media screen and (max-width: 768px) {
    body .el-popper.is-light {
        padding:0 10px;
        margin-left: 0
    }
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup {
    width: 100%;
    background-color: transparent;
    box-shadow: none
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .span {
    opacity: .5
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item {
    padding: 0;
    word-break: break-word;
    white-space: normal;
    line-height: 1.4;
    color: #fff!important
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):focus,body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover {
    background-color: transparent
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):focus .menu-default,body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover .menu-default {
    background-color: #447dff
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):focus .menu-default .svg-color path,body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover .menu-default .svg-color path {
    fill: #fff;
    stroke: #fff
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header {
    width: calc(100% - 40px);
    padding: 10px 20px!important;
    margin: 0 0 10px;
    line-height: 1.4
}

@media screen and (max-width: 768px) {
    body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header {
        width:100%;
        padding: 0!important;
        margin: 0
    }
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header.community {
    background: url(../img/menu-community.a86d7e8a.png) 100% no-repeat;
    background-size: 110px
}

@media screen and (max-width: 768px) {
    body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header.community {
        background-size:66px
    }
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header.developers {
    background: url(../img/menu-developers.3ad76385.png) 100% no-repeat;
    background-size: 80px
}

@media screen and (max-width: 768px) {
    body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header.developers {
        background-size:50px
    }
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header .head-left {
    width: 45%;
    min-width: 150px
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header .head-left .desc {
    padding: 3px 0 10px
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-header .head-left a {
    color: #447dff;
    text-decoration: underline
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default {
    align-items: flex-start;
    width: calc(100% - 24px);
    padding: 10px 12px;
    margin: 2px 0;
    border-radius: 12px
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default.m {
    width: calc(100% - 18px);
    padding: 3px 12px 7px 6px
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-left.svg-color svg {
    width: 24px;
    margin: 3px 0 0
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-left.svg-color svg.none path {
    fill: none
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-left.svg-color svg path {
    fill: #447dff;
    stroke: #447dff
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-left p {
    padding: 0 0 0 28px
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-left svg {
    width: 28px
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-right {
    padding: 3px 0 0 0
}

body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-menu-item .menu-default .head-right p {
    padding: 2px 0 0 7px
}

@media screen and (max-width: 992px) {
    body .el-popper.is-light .el-menu--horizontal .el-menu.el-menu--popup .el-sub-menu__title {
        line-height:1.4
    }
}

body .el-popper .el-select-dropdown__item,body .el-popper .el-select-dropdown__list,body .el-popper .el-select-dropdown__wrap {
    font-size: inherit
}

@media screen and (max-width: 768px) {
    body .el-popper .el-select-dropdown__item li,body .el-popper .el-select-dropdown__list li,body .el-popper .el-select-dropdown__wrap li {
        height:auto;
        line-height: 2
    }
}