blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

abbr, body, fieldset, html, iframe, img {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

input {
    outline: none
}

input:-internal-autofill-previewed, input:-internal-autofill-selected {
    -webkit-text-fill-color: #fff
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 13.33333rem transparent;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

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

a, button {
    cursor: pointer
}

button {
    background: none
}

em, h1, h2, h3, h4, h5, h6 {
    font-style: normal;
    font-weight: 400
}

b, strong {
    font-style: normal
}

a, a:hover {
    text-decoration: none
}

body, button, input, textarea {
    color: #62a1c9
}

body, html {
    background: #131313;
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed;
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica Neue, STHeiti, Microsoft Yahei, Tahoma, Simsun, sans-serif;
    font-weight: 400
}

::-webkit-input-placeholder {
    color: #454545
}

:-moz-placeholder, ::-moz-placeholder {
    color: #454545
}

:-ms-input-placeholder {
    color: #454545
}

body {
    width: 100%
}

a, button, div, input, select, textarea {
    border: 0;
    margin: 0;
    outline: none;
    padding: 0
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.hide {
    display: none
}

.display-flex, .display-space-between {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.display-space-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.display-inline {
    display: inline
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.width-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 17.06667rem;
    padding: 0 .53333rem
}

.triangle {
    background: url(../image/icon_hover_ee8e8bb6.png) no-repeat 50%;
    background-size: 100% auto;
    height: .09333rem;
    width: .13333rem
}

.hp-btn {
    background: -webkit-gradient(linear, left top, right top, color-stop(32%, #00d2c4), to(#37efcd));
    background: -webkit-linear-gradient(left, #00d2c4 32%, #37efcd);
    background: linear-gradient(90deg, #00d2c4 32%, #37efcd);
    border-radius: .05333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: .18667rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    white-space: nowrap
}

.hp-btn:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(32%, #0fe3d5), to(#55fdde));
    background: -webkit-linear-gradient(left, #0fe3d5 32%, #55fdde);
    background: linear-gradient(90deg, #0fe3d5 32%, #55fdde);
    color: #fff
}

.hp-btn:active {
    background: -webkit-gradient(linear, left top, right top, color-stop(2.97%, #18b6ab), to(#22d0b0));
    background: -webkit-linear-gradient(left, #18b6ab 2.97%, #22d0b0);
    background: linear-gradient(90deg, #18b6ab 2.97%, #22d0b0);
    color: #fff
}

.btn-global-right {
    background: url(../image/icon_white_97d3f1f5.png) no-repeat 50%;
    background-size: .42667rem auto;
    height: .24rem;
    width: .24rem
}

.btn-global-right-hover {
    background: url(../image/icon_blue_05041c6c.png) no-repeat 50%;
    background-size: .42667rem auto
}

.btn-global-right-clicked {
    background: url(../image/icon_blue_visited_3d3ccf36.png) no-repeat 50%;
    background-size: .42667rem auto
}

.btn-fix-right-bottom {
    right: .42667rem
}

.btn-fix-right-bottom.nofixed {
    -webkit-align-self: flex-end;
    margin-top: -.8rem;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.btn-totop {
    background: url(../image/totop_421573ba.png) no-repeat;
    background-size: 100% auto;
    border-radius: 100%;
    bottom: .26667rem;
    display: none;
    height: .66667rem;
    position: fixed;
    right: .42667rem;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    width: .66667rem;
    z-index: 10
}

.btn-totop.nofixed {
    -webkit-align-self: flex-end;
    margin-top: -.8rem;
    position: relative;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.btn-totop:hover {
    background: url(../image/totop_h_e9c701ec.png) no-repeat;
    background-size: 100% auto
}

::-webkit-scrollbar {
    height: .06667rem;
    width: .06667rem
}

::-webkit-scrollbar-track {
    background: transparent;
    border-radius: .02667rem
}

::-webkit-scrollbar-thumb {
    border-radius: .06667rem
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover {
    background: hsla(0, 0%, 100%, .3)
}

::-webkit-scrollbar-corner {
    background: hsla(0, 0%, 100%, .3)
}

@media only screen and (max-width: 1024px) {
    .btn-fix-right-bottom {
        right: .42667rem
    }
}

@media only screen and (max-width: 768px) {
    .btn-fix-right-bottom {
        right: .21333rem
    }

    .btn-totop {
        display: none !important
    }
}

nav {
    background: #030407;
    color: #f0f0f0;
    z-index: 99
}

.nav__more, nav {
    position: fixed;
    top: 0;
    width: 100%
}

.nav__more {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    backdrop-filter: blur(.13333rem);
    -webkit-backdrop-filter: blur(.13333rem);
    background: rgba(0, 0, 0, .8);
    justify-content: center;
    padding: 1.44rem .21333rem .42667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 11
}

.nav__more.show {
    opacity: 1
}

.nav__more.show .top-bar__main {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nav-wrap {
    background: #030407;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 16.53333rem;
    padding: .10667rem .26667rem 0;
    position: relative;
    width: 100%;
    z-index: 10
}

.nav-wrap a, .nav-wrap button {
    color: #f0f0f0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .18667rem;
    line-height: .21333rem;
    padding-bottom: .10667rem
}

.nav-wrap a.actived, .nav-wrap button.actived {
    position: relative
}

.nav-wrap a.actived:before, .nav-wrap button.actived:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(32%, #00d2c4), to(#37efcd));
    background: -webkit-linear-gradient(left, #00d2c4 32%, #37efcd);
    background: linear-gradient(90deg, #00d2c4 32%, #37efcd);
    border-radius: .02667rem;
    bottom: 0;
    content: "";
    height: .02667rem;
    left: 0;
    position: absolute;
    width: 100%
}

.nav-wrap .btn-nav.actived {
    position: relative
}

.nav-wrap .btn-nav.actived:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(32%, #00d2c4), to(#37efcd));
    background: -webkit-linear-gradient(left, #00d2c4 32%, #37efcd);
    background: linear-gradient(90deg, #00d2c4 32%, #37efcd);
    border-radius: .02667rem;
    bottom: 0;
    content: "";
    height: .02667rem;
    left: 0;
    position: absolute;
    width: 100%
}

.nav-wrap a:hover {
    color: #00d2c4
}

.nav-wrap .btn-sub {
    margin-right: .53333rem
}

.nav-wrap .btn-sub:after {
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: .06667rem .08rem 0;
    content: "";
    height: 0;
    margin-left: .13333rem;
    width: 0
}

.nav-wrap .nav-item {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    margin-right: .53333rem
}

.nav-wrap .nav-item.btn-uuyc img {
    margin-right: .05333rem
}

.nav-wrap .nav-item.btn-uuyc a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-wrap .nav-item.btn-uuyc a:after {
    background: url(../image/arrow-down-left_8fc170b8.png) no-repeat 50%;
    background-size: .21333rem auto;
    content: "";
    height: .21333rem;
    margin-left: .05333rem;
    width: .21333rem
}

.nav-wrap .nav-item.btn-uuyc a:hover:after {
    background-image: url(../image/arrow-down-left-h_6a8b1dca.png)
}

.nav-wrap .btn-logo {
    margin-right: .53333rem
}

.nav-wrap .btn-logo img {
    height: .64rem
}

.nav-wrap .btn-download {
    height: .45333rem;
    width: 1.44rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    background: -webkit-gradient(linear, left top, right top, from(#00d2c4), to(#36d6b9));
    background: -webkit-linear-gradient(left, #00d2c4, #36d6b9);
    background: linear-gradient(90deg, #00d2c4, #36d6b9);
    border-radius: .05333rem;
    font-size: .18667rem;
    font-weight: 800;
    justify-content: center;
    padding-bottom: 0;
    -webkit-transition: background .5s ease;
    transition: background .5s ease
}

.nav-wrap .btn-download:hover {
    background: -webkit-gradient(linear, left top, right top, from(#2eede0), to(#35edcb));
    background: -webkit-linear-gradient(left, #2eede0, #35edcb);
    background: linear-gradient(90deg, #2eede0, #35edcb);
    color: #fff
}

.nav-wrap .btn-download:active {
    background: -webkit-gradient(linear, left top, right top, color-stop(32%, #21cabf), to(#22d0b0));
    background: -webkit-linear-gradient(left, #21cabf 32%, #22d0b0);
    background: linear-gradient(90deg, #21cabf 32%, #22d0b0);
    color: #fff
}

.nav-wrap .btn-more {
    display: none;
    height: .34667rem;
    padding-bottom: 0;
    width: .34667rem
}

.nav-wrap .btn-more__line {
    background: #fff;
    display: block;
    height: .02667rem;
    margin-top: .06667rem;
    -webkit-transition: .5s cubic-bezier(.16, 1, .3, 1);
    transition: .5s cubic-bezier(.16, 1, .3, 1);
    width: 84%
}

.nav-wrap .btn-more__line:first-of-type {
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right
}

.nav-wrap .btn-more__line:nth-of-type(3) {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right
}

.nav-wrap .btn-more.expended .btn-more__line:first-of-type {
    -webkit-transform: rotate(-45deg) translateY(-.02667rem);
    -ms-transform: rotate(-45deg) translateY(-.02667rem);
    transform: rotate(-45deg) translateY(-.02667rem)
}

.nav-wrap .btn-more.expended .btn-more__line:nth-of-type(2) {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.nav-wrap .btn-more.expended .btn-more__line:nth-of-type(3) {
    -webkit-transform: rotate(45deg) translateY(.01333rem);
    -ms-transform: rotate(45deg) translateY(.01333rem);
    transform: rotate(45deg) translateY(.01333rem)
}

.nav-expend {
    background: #0e1316;
    border-top: .01333rem solid rgba(23, 223, 189, .1);
    -webkit-box-shadow: 0 .29333rem .4rem rgba(1, 1, 1, .3);
    box-shadow: 0 .29333rem .4rem rgba(1, 1, 1, .3);
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
    -webkit-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    width: 100%
}

.nav-expend.expended {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nav-expend__box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 16rem;
    padding: .36rem 2.6rem .36rem 2.81333rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.nav-expend__box, .nav-expend__item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-expend__item {
    padding: .26667rem .26667rem .24rem;
    width: 50%
}

.nav-expend__item img {
    margin-right: .26667rem;
    width: .50667rem
}

.nav-expend__item dt {
    color: #f0f0f0;
    font-size: .18667rem;
    line-height: .22667rem;
    margin-bottom: .06667rem
}

.nav-expend__item dd {
    color: hsla(0, 0%, 100%, .65);
    font-size: .16rem;
    line-height: .32rem
}

.nav-expend__item:hover {
    background: #141b1f;
    border-radius: .08rem
}

.nav-btn-windows:before {
    background: url(../image/icon_normal_windows@2x_67ed38ae.png) no-repeat 50%;
    background-size: 100% auto
}

.nav-btn-windows:active:before {
    background-image: url(../image/icon_clilk_windows@2x_dc4448d2.png)
}

.nav-btn-mobile:before {
    background: url(../image/icon_support_mobile_white_d9196811.png) no-repeat 50%;
    background-size: 100% auto
}

.nav-btn-mobile:active:before {
    background-image: url(../image/icon_support_mobile_082adbf2.png)
}

.nav-btn-console:before {
    background: url(../image/icon_support_console_white_def3101e.png) no-repeat 50%;
    background-size: 100% auto
}

.nav-btn-console:active:before {
    background-image: url(../image/icon_support_console_3c4992b0.png)
}

.nav-btn-macos:before {
    background: url(../image/icon_normal_macOS@2x_a5233cd1.png) no-repeat 50%;
    background-size: 100% auto
}

.nav-btn-macos:active:before {
    background-image: url(../image/icon_clilk_macOS@2x_93a91d2c.png)
}

.top-bar__more {
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    backdrop-filter: blur(.13333rem);
    -webkit-backdrop-filter: blur(.13333rem);
    background: rgba(0, 0, 0, .85);
    justify-content: center;
    padding: 1.06667rem .42667rem .42667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 11
}

.top-bar__more.show {
    opacity: 1
}

.top-bar__more.show .top-bar__main {
    opacity: 1;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.top-bar__main {
    backdrop-filter: blur(.26667rem);
    -webkit-backdrop-filter: blur(.26667rem);
    background: #0e1316;
    border: .01333rem solid rgba(0, 0, 0, .5);
    border-radius: .05333rem;
    -webkit-box-shadow: 0 .05333rem .13333rem rgba(0, 0, 0, .1);
    box-shadow: 0 .05333rem .13333rem rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: env(safe-area-inset-bottom);
    max-width: 4.53333rem;
    opacity: 0;
    overflow-y: scroll;
    padding-bottom: .42667rem;
    -webkit-transform: scale(.9) translateY(-.32rem);
    -ms-transform: scale(.9) translateY(-.32rem);
    transform: scale(.9) translateY(-.32rem);
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-transition: .5s cubic-bezier(.16, 1, .3, 1);
    transition: .5s cubic-bezier(.16, 1, .3, 1);
    width: 100%
}

.top-bar__main .btn-dl {
    margin: 0 .21333rem
}

.top-bar__item .top-bar__nav {
    color: #fff;
    font-size: .26667rem;
    font-weight: 400;
    line-height: .88rem;
    padding: 0 .21333rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.top-bar__item .top-bar__nav:after {
    background: url(../image/icon-back_ee0ebaab.png) no-repeat 50%;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    height: .32rem;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    width: .32rem
}

.top-bar__item .top-bar__nav.btn-uuyc {
    font-size: .18667rem
}

.top-bar__item .top-bar__nav.btn-uuyc img {
    margin-right: .05333rem
}

.top-bar__item .top-bar__nav.btn-uuyc:after {
    background-image: url(../image/arrow-down-left_8fc170b8.png)
}

.top-bar__item.expended .top-bar__nav {
    color: hsla(0, 0%, 100%, .75)
}

.top-bar__item.expended .top-bar__nav:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.top-bar__item.expended .top-bar__expend {
    max-height: 3.2rem
}

.top-bar__item.expended .top-bar__expend2 {
    max-height: 13.32rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.top-bar__expend {
    max-height: 0;
    overflow: hidden;
    padding: 0 .21333rem;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease
}

.top-bar__expend li {
    position: relative
}

.top-bar__expend a {
    color: #fff;
    font-size: .24rem;
    line-height: .8rem
}

.top-bar__expend a.disabled {
    color: hsla(0, 0%, 100%, .5)
}

.top-bar__expend a.actived {
    color: #00d2c4
}

.top-bar__expend a.actived:after {
    background-size: 100% auto;
    content: "";
    height: .21333rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .21333rem
}

@media only screen and (min-width: 1025px) {
    .top-bar__more {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    .nav-wrap {
        padding-left: .26667rem;
        padding-right: .26667rem
    }

    .nav-wrap .btn-logo {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: .13333rem
    }

    .nav-wrap .btn-logo img {
        height: .42667rem
    }

    .nav-wrap .btn-nav {
        display: none
    }

    .nav-wrap .btn-more {
        display: block
    }

    .nav-expend, .top-bar .btn-dl, .top-bar .languages-box, .top-bar .nav > li {
        display: none
    }

    .top-bar .btn-more, .top-bar .nav > li:first-child {
        display: block
    }

    .top-bar__more {
        padding: .85333rem .21333rem .21333rem
    }

    .top-bar__main .btn-dl {
        background: -webkit-gradient(linear, left top, right top, color-stop(32%, #00d2c4), to(#37efcd));
        background: -webkit-linear-gradient(left, #00d2c4 32%, #37efcd);
        background: linear-gradient(90deg, #00d2c4 32%, #37efcd);
        border-radius: .05333rem;
        color: #fff;
        font-size: .21333rem;
        height: .64rem;
        line-height: .64rem;
        text-align: center
    }

    .top-bar__expend {
        padding: 0 .26667rem
    }

    .top-bar__expend a {
        font-size: .18667rem
    }

    .top-bar__expend a:before {
        content: "";
        display: block;
        height: .32rem;
        margin-right: .16rem;
        width: .32rem
    }

    .top-bar__expend a:active {
        color: #00d2c4
    }

    .top-bar__item .top-bar__nav {
        font-size: .21333rem;
        padding: 0 .21333rem 0 .26667rem
    }

    body:has(.top-bar__more.show) {
        height: 100%;
        overflow: hidden
    }
}

@media only screen and (max-width: 768px) {
    .top-bar__bd {
        padding: 0 .21333rem
    }

    .top-bar .logo {
        width: 1.89333rem
    }
}

@media only screen and (max-width: 540px) {
    .top-bar__main {
        max-width: 100%
    }
}

footer {
    background: #1a1a1a
}

.footer-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .16rem;
    line-height: .34667rem;
    margin: 0 auto;
    max-width: 17.06667rem;
    padding: .76rem .26667rem 1.13333rem
}

.footer-wrap a, .footer-wrap i {
    color: #fff;
    font-style: normal
}

.footer-wrap dl {
    margin-right: .64rem;
    text-align: center
}

.footer-wrap dt {
    color: #fff;
    font-size: .18667rem;
    font-weight: 700;
    line-height: .42667rem
}

.footer-wrap dd {
    color: #aeaeae;
    font-size: .16rem;
    line-height: .26667rem
}

.footer-wrap .copyright {
    border-left: .01333rem solid #363636;
    color: #fff;
    padding-left: .52rem;
    padding-right: .26667rem
}

.footer-wrap .copyright img {
    width: 3.89333rem
}

.footer-wrap .copyright a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.footer-wrap .copyright a:hover {
    color: #37efcd
}

.footer-qrcode {
    margin-right: .24rem
}

.footer-nav {
    color: #fff;
    margin: .26667rem 0
}

.footer-item {
    width: 50%
}

.footer-item img {
    border-radius: .09333rem;
    width: 1.57333rem
}

div.contact-wrap {
    color: #fff;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: .13333rem
}

div.contact-wrap .contact-box__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

div.contact-wrap dl {
    margin-right: .33333rem;
    max-width: 4.26667rem;
    white-space: nowrap
}

div.contact-wrap dl a {
    color: #00d2c4;
    text-decoration: underline
}

div.contact-wrap dt {
    font-size: .18667rem;
    font-weight: 700;
    line-height: .37333rem;
    margin-bottom: 0
}

div.contact-wrap dd {
    color: #fff;
    font-size: .16rem;
    font-weight: 400;
    line-height: .37333rem
}

@media only screen and (max-width: 1280px) {
    .footer-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: .61333rem .66667rem .98667rem
    }

    .footer-wrap .copyright {
        border: 0;
        border-top: .01333rem solid #363636;
        margin-top: .49333rem;
        padding: .33333rem 0 0
    }

    .footer-wrap dl {
        margin-right: .4rem
    }

    .footer-wrap dl:nth-child(4) {
        position: static
    }

    .footer-item {
        width: 100%
    }

    .footer-item:first-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    div.contact-wrap {
        display: block;
        padding-top: 0
    }

    div.contact-wrap .contact-box__item {
        width: 4.30667rem
    }
}

@media only screen and (max-width: 960px) {
    .footer-wrap {
        padding-left: .45333rem;
        padding-right: .45333rem
    }

    .footer-wrap .copyright {
        margin-top: .4rem
    }

    .footer-wrap dt {
        line-height: .38667rem
    }

    .footer-wrap dd {
        line-height: .21333rem
    }

    .footer-wrap dl.hehe {
        margin-right: 1.06667rem
    }

    .footer-qrcode {
        margin-right: .21333rem;
        width: 1.33333rem
    }

    .footer-nav {
        margin-bottom: .16rem;
        margin-top: .16rem
    }

    .footer-item:first-child {
        display: block
    }

    div.contact-wrap {
        padding-top: .32rem
    }

    div.contact-wrap .contact-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    div.contact-wrap .contact-box dl {
        margin-right: 0;
        width: 50%
    }
}

@media only screen and (max-width: 740px) {
    div.contact-wrap .contact-box__item {
        padding-top: 0
    }

    div.contact-wrap .contact-box__item dl {
        max-width: 100%;
        width: 100%
    }
}

@media only screen and (max-width: 640px) {
    .footer-wrap {
        padding: .33333rem .22667rem .37333rem
    }

    .footer-wrap .copyright img {
        width: 2.6rem
    }

    .footer-wrap a, .footer-wrap i {
        font-size: .13333rem;
        line-height: .29333rem
    }

    .footer-item .qrcode-box {
        display: none
    }

    .footer-nav {
        margin-bottom: .24rem;
        margin-top: .24rem
    }
}