.mw-enabled body,html.mw-enabled{
    margin:0;
    padding:0;
    overflow:hidden;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.mw-section{
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:100%;
    display:block
}
.mw-slide{
    float:left
}
.mw-slide,.mw-slidesContainer{
    height:100%;
    display:block
}
.mw-slides{
    z-index:1;
    height:100%;
    overflow:hidden;
    position:relative;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.mw-table{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%
}
.mw-slidesContainer{
    float:left;
    position:relative
}
.mw-controlArrow{
    -webkit-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -ms-user-select:none;
    position:absolute;
    z-index:4;
    top:50%;
    cursor:pointer;
    margin-top:-.50666667rem;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.mw-prev{
    left:.2rem
}
.mw-next{
    right:.2rem
}
.mw-arrow{
    width:0;
    height:0;
    border-style:solid
}
.mw-arrow.mw-prev{
    border-width:.51333333rem .45333333rem .51333333rem 0;
    border-color:transparent #fff transparent transparent
}
.mw-arrow.mw-next{
    border-width:.51333333rem 0 .51333333rem .45333333rem;
    border-color:transparent transparent transparent #fff
}
.mw-notransition{
    -webkit-transition:none!important;
    transition:none!important
}
#mw-nav{
    position:fixed;
    z-index:100;
    top:50%;
    opacity:1;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translate3d(0,-50%,0)
}
#mw-nav.mw-right{
    right:.22666667rem
}
#mw-nav.mw-left{
    left:.22666667rem
}
.mw-slidesNav{
    position:absolute;
    z-index:4;
    opacity:1;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    left:0!important;
    right:0;
    margin:0 auto!important
}
.mw-slidesNav.mw-bottom{
    bottom:.22666667rem
}
.mw-slidesNav.mw-top{
    top:.22666667rem
}
#mw-nav ul,.mw-slidesNav ul{
    margin:0;
    padding:0
}
#mw-nav ul li,.mw-slidesNav ul li{
    display:block;
    width:.18666667rem;
    height:.17333333rem;
    margin:.09333333rem;
    position:relative
}
.mw-slidesNav ul li{
    display:inline-block
}
#mw-nav ul li a,.mw-slidesNav ul li a{
    display:block;
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    cursor:pointer;
    text-decoration:none
}
#mw-nav ul li:hover a.active span,#mw-nav ul li a.active span,.mw-slidesNav ul li:hover a.active span,.mw-slidesNav ul li a.active span{
    height:.16rem;
    width:.16rem;
    margin:-.08rem 0 0 -.08rem;
    border-radius:100%
}
#mw-nav ul li a span,.mw-slidesNav ul li a span{
    border-radius:50%;
    position:absolute;
    z-index:1;
    height:.05333333rem;
    width:.05333333rem;
    border:0;
    background:#333;
    left:50%;
    top:50%;
    margin:-.02666667rem 0 0 -.02666667rem;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out
}
#mw-nav ul li:hover a span,.mw-slidesNav ul li:hover a span{
    width:.13333333rem;
    height:.13333333rem;
    margin:-.06666667rem 0 0 -.06666667rem
}
#mw-nav ul li .mw-tooltip{
    position:absolute;
    top:-.02666667rem;
    color:#fff;
    font-size:.18666667rem;
    font-family:arial,helvetica,sans-serif;
    white-space:nowrap;
    max-width:2.93333333rem;
    overflow:hidden;
    display:block;
    opacity:0;
    width:0;
    cursor:pointer
}
#mw-nav.mw-show-active a.active+.mw-tooltip,#mw-nav ul li:hover .mw-tooltip{
    -webkit-transition:opacity .2s ease-in;
    transition:opacity .2s ease-in;
    width:auto;
    opacity:1
}
#mw-nav ul li .mw-tooltip.mw-right{
    right:.26666667rem
}
#mw-nav ul li .mw-tooltip.mw-left{
    left:.26666667rem
}
.mw-auto-height.mw-section,.mw-auto-height .mw-slide,.mw-responsive .mw-is-overflow.mw-section{
    height:auto!important
}
.mw-scrollable.mw-responsive .mw-is-overflow.mw-section,.mw-scrollable .mw-section,.mw-scrollable .mw-slide{
    height:100vh;
    height:calc(var(--vh, 1vh) * 100)
}
.mw-scrollable.mw-responsive .mw-is-overflow.mw-section:not(.mw-auto-height):not([data-percentage]),.mw-scrollable .mw-section:not(.mw-auto-height):not([data-percentage]),.mw-scrollable .mw-slide:not(.mw-auto-height):not([data-percentage]){
    min-height:100vh;
    min-height:calc(var(--vh, 1vh) * 100)
}
.mw-overflow{
    justify-content:flex-start;
    max-height:100vh
}
.mw-scrollable .mw-auto-height .mw-overflow{
    max-height:none
}
.mw-is-overflow .mw-overflow.mw-auto-height,.mw-is-overflow .mw-overflow.mw-auto-height-responsive,.mw-is-overflow>.mw-overflow{
    overflow-y:auto
}
.mw-overflow{
    outline:none
}
.mw-overflow.mw-table{
    display:block
}
.mw-responsive .mw-auto-height-responsive.mw-section,.mw-responsive .mw-auto-height-responsive .mw-slide{
    height:auto!important;
    min-height:auto!important
}
.mw-sr-only{
    position:absolute;
    width:.01333333rem;
    height:.01333333rem;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.mw-scroll-mac .mw-overflow::-webkit-scrollbar{
    background-color:transparent;
    width:.12rem
}
.mw-scroll-mac .mw-overflow::-webkit-scrollbar-track{
    background-color:transparent
}
.mw-scroll-mac .mw-overflow::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.4);
    border-radius:.21333333rem;
    border:.05333333rem solid transparent
}
.mw-noscroll .mw-overflow{
    overflow:hidden
}
 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,section,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:0 0 0 13.33333333rem transparent inset;
    transition:background-color 5000s ease-in-out 0s
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a,button{
    cursor:pointer;
    outline:none
}
button{
    background:none;
    outline:none;
    border:0
}
em,h1,h2,h3,h4,h5,h6{
    font-weight:400;
    font-style:normal
}
b,strong{
    font-style:normal
}
a,a:hover{
    text-decoration:none
}
body,html{
    width:100%;
    height:100%;
    background:#fff;
    -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
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    outline:none
}
.display-flex,.display-space-between{
    display:flex;
    align-items:center
}
.display-space-between{
    justify-content:space-between
}
.flex-1{
    flex:1;
    flex-shrink:0
}
.width-wrap{
    max-width:17.06666667rem;
    margin:0 auto;
    box-sizing:border-box;
    padding:0 .53333333rem
}
nav{
    background:#030407;
    color:#f0f0f0;
    z-index:99
}
.nav__more,nav{
    position:fixed;
    top:0;
    width:100%
}
.nav__more{
    display:none;
    opacity:0;
    height:100%;
    left:0;
    align-items:flex-end;
    justify-content:center;
    padding:1.44rem .21333333rem .42666667rem;
    background:rgba(0,0,0,.8);
    backdrop-filter:blur(.13333333rem);
    -webkit-backdrop-filter:blur(.13333333rem);
    flex-direction:column;
    z-index:11;
    transition:opacity .5s ease;
    box-sizing:border-box
}
.nav__more.show{
    opacity:1
}
.nav__more.show .top-bar__main{
    opacity:1;
    -webkit-transform:scale(1) translateY(0);
    -moz-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    -o-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0)
}
.nav-wrap{
    max-width:16.53333333rem;
    padding:.10666667rem .26666667rem 0;
    margin:0 auto;
    position:relative;
    z-index:10;
    background:#030407;
    width:100%;
    box-sizing:border-box
}
.nav-wrap a,.nav-wrap button{
    display:inline-flex;
    font-size:.18666667rem;
    line-height:.21333333rem;
    color:#f0f0f0;
    padding-bottom:.10666667rem
}
.nav-wrap a.actived,.nav-wrap button.actived{
    position:relative
}
.nav-wrap a.actived:before,.nav-wrap button.actived:before{
    content:"";
    height:.02666667rem;
    width:100%;
    border-radius:.02666667rem;
    background:linear-gradient(90deg,#00d2c4 32%,#37efcd);
    position:absolute;
    bottom:0;
    left:0
}
.nav-wrap .btn-nav.actived{
    position:relative
}
.nav-wrap .btn-nav.actived:before{
    content:"";
    height:.02666667rem;
    width:100%;
    border-radius:.02666667rem;
    background:linear-gradient(90deg,#00d2c4 32%,#37efcd);
    position:absolute;
    bottom:0;
    left:0
}
.nav-wrap a:hover{
    color:#00d2c4
}
.nav-wrap .btn-sub{
    margin-right:.53333333rem
}
.nav-wrap .btn-sub:after{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:.06666667rem .08rem 0;
    border-color:#fff transparent transparent;
    margin-left:.13333333rem
}
.nav-wrap .nav-item{
    align-self:stretch
}
.nav-wrap .btn-logo{
    margin-right:.53333333rem
}
.nav-wrap .btn-logo img{
    height:.64rem
}
.nav-wrap .btn-download{
    width:1.44rem;
    height:.45333333rem;
    justify-content:center;
    background:linear-gradient(90deg,#00d2c4,#36d6b9);
    border-radius:.05333333rem;
    transition:background .5s ease;
    padding-bottom:0;
    font-weight:800;
    font-size:.18666667rem
}
.nav-wrap .btn-download:hover{
    background:linear-gradient(90deg,#2eede0,#35edcb);
    color:#fff
}
.nav-wrap .btn-download:active{
    background:linear-gradient(90deg,#21cabf 32%,#22d0b0);
    color:#fff
}
.nav-wrap .btn-more{
    display:none;
    width:.34666667rem;
    height:.34666667rem;
    margin-left:.29333333rem
}
.nav-wrap .btn-more__line{
    width:84%;
    height:.02666667rem;
    background:#fff;
    display:block;
    margin-top:.06666667rem;
    transition:.5s cubic-bezier(.16,1,.3,1)
}
.nav-wrap .btn-more__line:first-of-type{
    -webkit-transform-origin:bottom right;
    -moz-transform-origin:bottom right;
    -ms-transform-origin:bottom right;
    -o-transform-origin:bottom right;
    transform-origin:bottom right
}
.nav-wrap .btn-more__line:nth-of-type(3){
    -webkit-transform-origin:top right;
    -moz-transform-origin:top right;
    -ms-transform-origin:top right;
    -o-transform-origin:top right;
    transform-origin:top right
}
.nav-wrap .btn-more.expended .btn-more__line:first-of-type{
    -webkit-transform:rotate(-45deg) translateY(-.02666667rem);
    -moz-transform:rotate(-45deg) translateY(-.02666667rem);
    -ms-transform:rotate(-45deg) translateY(-.02666667rem);
    -o-transform:rotate(-45deg) translateY(-.02666667rem);
    transform:rotate(-45deg) translateY(-.02666667rem)
}
.nav-wrap .btn-more.expended .btn-more__line:nth-of-type(2){
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
.nav-wrap .btn-more.expended .btn-more__line:nth-of-type(3){
    -webkit-transform:rotate(45deg) translateY(.01333333rem);
    -moz-transform:rotate(45deg) translateY(.01333333rem);
    -ms-transform:rotate(45deg) translateY(.01333333rem);
    -o-transform:rotate(45deg) translateY(.01333333rem);
    transform:rotate(45deg) translateY(.01333333rem)
}
.nav-expend{
    position:absolute;
    top:100%;
    background:#0e1316;
    box-shadow:0 .29333333rem .4rem rgba(1,1,1,.3);
    left:0;
    width:100%;
    transform:translateY(-150%);
    transition:transform .3s ease-in-out;
    border-top:.01333333rem solid rgba(23,223,189,.1);
    opacity:0
}
.nav-expend.expended{
    transform:translateY(0);
    opacity:1
}
.nav-expend__box{
    flex-wrap:wrap;
    max-width:16rem;
    margin:0 auto;
    box-sizing:border-box;
    padding:.36rem 2.6rem .36rem 2.81333333rem;
    align-items:stretch
}
.nav-expend__item{
    width:50%;
    box-sizing:border-box;
    padding:.26666667rem .26666667rem .24rem
}
.nav-expend__item img{
    width:.50666667rem;
    margin-right:.26666667rem
}
.nav-expend__item dt{
    font-size:.18666667rem;
    line-height:.22666667rem;
    margin-bottom:.06666667rem;
    color:#f0f0f0
}
.nav-expend__item dd{
    font-size:.16rem;
    line-height:.32rem;
    color:hsla(0,0%,100%,.65)
}
.nav-expend__item:hover{
    background:#141b1f;
    border-radius:.08rem
}
.nav-btn-windows:before{
    background:url(../img/icon_normal_windows@2x_27887efc.png) no-repeat 50%;
    background-size:100% auto
}
.nav-btn-windows:active:before{
    background-image:url(../img/icon_clilk_windows@2x_8cb94fac.png)
}
.nav-btn-mobile:before{
    background:url(../img/icon_support_mobile_white_2427f107.png) no-repeat 50%;
    background-size:100% auto
}
.nav-btn-mobile:active:before{
    background-image:url(../img/icon_support_mobile_d13781b9.png)
}
.nav-btn-console:before{
    background:url(../img/icon_support_console_white_a53d11e1.png) no-repeat 50%;
    background-size:100% auto
}
.nav-btn-console:active:before{
    background-image:url(../img/icon_support_console_bb09eaea.png)
}
.nav-btn-macos:before{
    background:url(../img/icon_normal_macOS@2x_23018f4c.png) no-repeat 50%;
    background-size:100% auto
}
.nav-btn-macos:active:before{
    background-image:url(../img/icon_clilk_macOS@2x_3edfa1d9.png)
}
.top-bar__more{
    display:none;
    opacity:0;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    align-items:flex-end;
    justify-content:center;
    padding:1.06666667rem .42666667rem .42666667rem;
    background:rgba(0,0,0,.85);
    backdrop-filter:blur(.13333333rem);
    -webkit-backdrop-filter:blur(.13333333rem);
    flex-direction:column;
    z-index:11;
    transition:opacity .5s ease;
    box-sizing:border-box
}
.top-bar__more.show{
    opacity:1
}
.top-bar__more.show .top-bar__main{
    opacity:1;
    -webkit-transform:scale(1) translateY(0);
    -moz-transform:scale(1) translateY(0);
    -ms-transform:scale(1) translateY(0);
    -o-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0)
}
.top-bar__main{
    background:#0e1316;
    border:.01333333rem solid rgba(0,0,0,.5);
    box-shadow:0 .05333333rem .13333333rem rgba(0,0,0,.1);
    backdrop-filter:blur(.26666667rem);
    -webkit-backdrop-filter:blur(.26666667rem);
    border-radius:.05333333rem;
    display:flex;
    flex-direction:column;
    flex:1;
    overflow-y:scroll;
    max-width:4.53333333rem;
    width:100%;
    box-sizing:border-box;
    padding-bottom:.42666667rem;
    margin-bottom:constant(safe-area-inset-bottom);
    margin-bottom:env(safe-area-inset-bottom);
    -webkit-transform-origin:top right;
    -moz-transform-origin:top right;
    -ms-transform-origin:top right;
    -o-transform-origin:top right;
    transform-origin:top right;
    transition:.5s cubic-bezier(.16,1,.3,1);
    opacity:0;
    -webkit-transform:scale(.9) translateY(-.32rem);
    -moz-transform:scale(.9) translateY(-.32rem);
    -ms-transform:scale(.9) translateY(-.32rem);
    -o-transform:scale(.9) translateY(-.32rem);
    transform:scale(.9) translateY(-.32rem)
}
.top-bar__main .btn-dl{
    margin:0 .21333333rem
}
.top-bar__item .top-bar__nav{
    font-weight:400;
    font-size:.26666667rem;
    line-height:.88rem;
    color:#fff;
    padding:0 .21333333rem;
    transition:color .3s ease
}
.top-bar__item .top-bar__nav:after{
    display:inline-block;
    transition:.3s ease;
    width:.32rem;
    height:.32rem;
    background:url(../img/icon-back_4c296658.png) no-repeat 50%;
    background-size:100% auto;
    content:""
}
.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);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-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;
    flex:1
}
.top-bar__expend{
    transition:max-height .3s ease;
    max-height:0;
    overflow:hidden;
    padding:0 .21333333rem
}
.top-bar__expend li{
    position:relative
}
.top-bar__expend a{
    line-height:.8rem;
    font-size:.24rem;
    color:#fff
}
.top-bar__expend a.disabled{
    color:hsla(0,0%,100%,.5)
}
.top-bar__expend a.actived{
    color:#00d2c4
}
.top-bar__expend a.actived:after{
    content:"";
    position:absolute;
    right:0;
    width:.21333333rem;
    height:.21333333rem;
    background-size:100% auto;
    top:50%;
    transform:translateY(-50%)
}
@media only screen and (min-width:1025px){
    .top-bar__more{
        display:none!important
    }
}
@media only screen and (max-width:1024px){
    .nav-wrap{
        padding-left:.26666667rem;
        padding-right:.26666667rem
    }
    .nav-wrap .btn-logo{
        flex-shrink:0;
        margin-right:.13333333rem
    }
    .nav-wrap .btn-logo img{
        height:.42666667rem
    }
    .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:.85333333rem .21333333rem .21333333rem
    }
    .top-bar__main .btn-dl{
        font-size:.21333333rem;
        height:.64rem;
        line-height:.64rem;
        background:linear-gradient(90deg,#00d2c4 32%,#37efcd);
        border-radius:.05333333rem;
        color:#fff;
        text-align:center
    }
    .top-bar__expend{
        padding:0 .26666667rem
    }
    .top-bar__expend a{
        font-size:.18666667rem
    }
    .top-bar__expend a:before{
        content:"";
        width:.32rem;
        height:.32rem;
        display:block;
        margin-right:.16rem
    }
    .top-bar__expend a:active{
        color:#00d2c4
    }
    .top-bar__item .top-bar__nav{
        padding:0 .21333333rem;
        padding-left:.26666667rem;
        font-size:.21333333rem
    }
    body:has(.top-bar__more.show){
        height:100%;
        overflow:hidden
    }
}
@media only screen and (max-width:768px){
    .top-bar__bd{
        padding:0 .21333333rem
    }
    .top-bar .logo{
        width:1.89333333rem
    }
}
@media only screen and (max-width:540px){
    .top-bar__main{
        max-width:100%
    }
}
footer{
    background:#1a1a1a
}
.footer-wrap{
    font-size:.16rem;
    line-height:.34666667rem;
    max-width:17.06666667rem;
    margin:0 auto;
    box-sizing:border-box;
    padding:.76rem .26666667rem 1.13333333rem
}
.footer-wrap a,.footer-wrap i{
    color:#fff;
    font-style:normal
}
.footer-wrap dl{
    margin-right:.64rem;
    text-align:center
}
.footer-wrap dt{
    font-weight:700;
    font-size:.18666667rem;
    line-height:.42666667rem;
    color:#fff;
    margin-bottom:.24rem
}
.footer-wrap dd{
    color:#aeaeae;
    font-size:.16rem;
    line-height:.26666667rem
}
.footer-wrap .copyright{
    padding-left:.52rem;
    padding-right:.26666667rem;
    border-left:.01333333rem solid #363636
}
.footer-wrap .copyright img{
    width:3.89333333rem
}
.footer-wrap .copyright a{
    display:inline-flex;
    transition:color .3s ease
}
.footer-wrap .copyright a:hover{
    color:#37efcd
}
.footer-qrcode{
    margin-right:.24rem
}
.footer-nav{
    margin:.26666667rem 0;
    color:#fff
}
.footer-item{
    width:50%
}
.footer-item img{
    width:1.57333333rem;
    border-radius:.09333333rem
}
.contact-box{
    color:#fff;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding-top:.05333333rem
}
.contact-box dl{
    display:inline-flex;
    align-items:center;
    margin-right:.33333333rem
}
.contact-box dt{
    font-weight:700;
    font-size:.18666667rem;
    line-height:.37333333rem;
    margin-bottom:0
}
.contact-box dd{
    font-weight:400;
    font-size:.16rem;
    line-height:.37333333rem;
    color:#fff
}
@media only screen and (max-width:1280px){
    .footer-wrap{
        flex-direction:column;
        align-items:flex-start;
        padding:.61333333rem .66666667rem .98666667rem
    }
    .footer-wrap .copyright{
        padding:.33333333rem 0 0;
        border:0;
        border-top:.01333333rem solid #363636;
        margin-top:.49333333rem
    }
    .footer-wrap dl{
        margin-right:.4rem
    }
    .footer-item{
        width:100%
    }
    .footer-item:first-child{
        display:flex
    }
    .contact-box{
        width:4.30666667rem
    }
    .contact-box dl{
        margin-right:0
    }
    .contact-box dd,.contact-box dt{
        line-height:.53333333rem
    }
}
@media only screen and (max-width:960px){
    .footer-wrap{
        padding-left:.45333333rem;
        padding-right:.45333333rem
    }
    .footer-wrap .copyright{
        margin-top:.4rem
    }
    .footer-wrap dt{
        line-height:.38666667rem
    }
    .footer-wrap dd{
        line-height:.21333333rem
    }
    .footer-wrap dl.hehe{
        margin-right:1.06666667rem
    }
    .footer-qrcode{
        width:1.33333333rem;
        margin-right:.21333333rem
    }
    .footer-nav{
        margin-top:.16rem;
        margin-bottom:.16rem
    }
    .footer-item:first-child{
        display:block
    }
    .contact-box{
        padding-top:.32rem
    }
}
@media only screen and (max-width:640px){
    .footer-wrap{
        padding:.33333333rem .22666667rem .37333333rem
    }
    .footer-wrap .copyright{
        margin-top:0
    }
    .footer-wrap .copyright img{
        width:2.6rem
    }
    .footer-wrap a,.footer-wrap i{
        font-size:.13333333rem;
        line-height:.29333333rem
    }
    .footer-item .qrcode-box{
        display:none
    }
    .footer-nav{
        margin-top:.24rem;
        margin-bottom:.24rem
    }
    .contact-box{
        padding-top:0;
        padding-bottom:.30666667rem
    }
}
:root{
    --app-height:100%
}
body,html{
    height:100vh;
    height:var(--app-height);
    background:#030407
}
body{
    width:100%
}
body .nav-wrap .btn-download{
    display:none
}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb{
    background:hsla(0,0%,100%,.2)
}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar{
    opacity:.1
}
.section-box{
    transform-style:preserve-3d;
    perspective:6.66666667rem;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center
}
.section-box-01{
    background:#f2f3f4
}
.section-box-02{
    background:#061014
}
.section-box-03{
    background:#eeeff1
}
.section-box-04{
    background:#061014
}
.bottom-box{
    opacity:0
}
.bottom-box.show{
    opacity:1
}
.porcess-bar{
    background:rgba(0,177,171,.2);
    position:fixed;
    height:3.57333333rem;
    width:.02666667rem;
    top:50%;
    transform:translate(-8rem,-50%);
    left:50%;
    z-index:1;
    display:none
}
.porcess-bar span{
    display:block;
    height:.89333333rem;
    width:.02666667rem;
    background:linear-gradient(90deg,#44d8cc 2.34%,#11dfba 103.03%)
}
.part{
    will-change:transform;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    width:100%
}
.part-number{
    display:block;
    text-indent:-133.32rem;
    margin-bottom:.42666667rem;
    width:1.26666667rem;
    height:1.16rem;
    background-size:100% auto;
    background-position:50%;
    background-repeat:no-repeat
}
.part-kv{
    position:absolute;
    width:100%;
    height:100vh;
    height:var(--app-height);
    top:0;
    left:0;
    right:0;
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.part-kv .part-bd{
    z-index:3
}
.part-00{
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:url(../img/bg_00_6b08653e.jpg) no-repeat 50%;
    background-size:cover;
    padding-top:.26666667rem;
    opacity:0
}
.part-00.show{
    opacity:1
}
.part-00 .part-bd{
    text-align:center;
    padding:0 .26666667rem
}
.part-00 h2{
    color:#fff;
    position:relative;
    font-weight:600;
    font-size:.64rem;
    line-height:1.4;
    margin-bottom:.85333333rem
}
.part-00 h2 strong{
    background:linear-gradient(89.2deg,#417df0 .3%,#1899ec 31.12%,#20c3e7 66.05%,#34f3d0 98.93%);
    -webkit-background-clip:text;
    background-clip:text;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    font-weight:600
}
.part-00 h2 i{
    font-size:normal
}
.part-00 .support-box{
    max-width:15.98666667rem;
    border-radius:.05333333rem;
    border:.01333333rem solid rgba(0,210,196,.12);
    opacity:.9;
    background:rgba(11,60,57,.4);
    box-shadow:0 .46666667rem .37333333rem -.02666667rem rgba(0,0,0,.3);
    backdrop-filter:blur(.32rem);
    margin:0 auto;
    -webkit-backdrop-filter:blur(.32rem);
    padding:.32rem .53333333rem;
    width:100%;
    box-sizing:border-box
}
.part-00 .support-box p{
    font-weight:500;
    font-size:.26666667rem;
    line-height:.37333333rem;
    color:#f0f0f0;
    margin-bottom:.4rem;
    text-align:center
}
.part-00 .support-buttons{
    justify-content:center;
    flex-wrap:wrap;
    max-width:13.22666667rem;
    margin:0 auto
}
.part-00 .support-buttons a{
    background:rgba(75,200,192,.12);
    border:.01333333rem solid rgba(0,177,171,.24);
    border-radius:.05333333rem;
    margin:.2rem;
    color:#ebebeb;
    width:1.8rem;
    height:1.98666667rem;
    text-align:center;
    padding:.32rem .05333333rem .10666667rem;
    transition:color .3s ease;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    box-sizing:border-box
}
.part-00 .support-buttons a:hover{
    color:#44d8cc
}
.part-00 .support-buttons a:active{
    color:#30a9a5
}
.part-00 .support-buttons a.support-next{
    padding-top:.13333333rem
}
.part-00 .support-buttons a.support-next:before{
    width:1.24rem;
    height:1.14666667rem
}
.part-00 .support-buttons a.support-next:before,.part-00 .support-buttons a:before{
    content:"";
    display:block;
    margin:0 auto .13333333rem;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:100% auto;
    transition:background-image color .3s
}
.part-00 .support-buttons a:before{
    width:.8rem;
    height:.8rem
}
.part-00 .support-buttons span{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.24rem;
    line-height:1.25;
    height:.64rem
}
.part-00 .support-windows:before{
    background-image:url(../img/icon_normal_windows@2x_27887efc.png)
}
.part-00 .support-windows:hover:before{
    background-image:url(../img/icon_hover_windows@2x_1ab1eec7.png)
}
.part-00 .support-windows:active:before{
    background-image:url(../img/icon_clilk_windows@2x_8cb94fac.png)
}
.part-00 .support-next:before{
    background-image:url(../img/icon_normal_next@2x_8f139c4f.png)
}
.part-00 .support-next:hover:before{
    background-image:url(../img/icon_hover_next@2x_4c03c567.png)
}
.part-00 .support-next:active:before{
    background-image:url(../img/icon_clilk_next@2x_5a25a451.png)
}
.part-00 .support-android:before{
    background-image:url(../img/icon_normal_Android@2x_fd21f9a9.png)
}
.part-00 .support-android:hover:before{
    background-image:url(../img/icon_hover_Android@2x_c3eb4feb.png)
}
.part-00 .support-android:active:before{
    background-image:url(../img/icon_clilk_Android@2x_9ef80758.png)
}
.part-00 .support-ios:before{
    background-image:url(../img/icon_normal_Apple@2x_ec4d2a17.png)
}
.part-00 .support-ios:hover:before{
    background-image:url(../img/icon_hover_Apple@2x_43e49a38.png)
}
.part-00 .support-ios:active:before{
    background-image:url(../img/icon_clilk_Apple@2x_9d33f1bc.png)
}
.part-00 .support-macos:before{
    background-image:url(../img/icon_normal_macOS@2x_23018f4c.png)
}
.part-00 .support-macos:hover:before{
    background-image:url(../img/icon_hover_macOS@2x_bf560328.png)
}
.part-00 .support-macos:active:before{
    background-image:url(../img/icon_clilk_macOS@2x_3edfa1d9.png)
}
.part-00 .support-playstation:before{
    background-image:url(../img/icon_normal_Playstation@2x_e5ad2adf.png)
}
.part-00 .support-playstation:hover:before{
    background-image:url(../img/icon_hover_Playstation@2x_dafc193f.png)
}
.part-00 .support-playstation:active:before{
    background-image:url(../img/icon_clilk_Playstation@2x_2097e314.png)
}
.part-00 .support-xbox:before{
    background-image:url(../img/icon_normal_Xbox@2x_d6501e3f.png)
}
.part-00 .support-xbox:hover:before{
    background-image:url(../img/icon_hover_Xbox@2x_2e3a46c1.png)
}
.part-00 .support-xbox:active:before{
    background-image:url(../img/icon_clilk_Xbox@2x_51c225dc.png)
}
.part-00 .support-switch:before{
    background-image:url(../img/icon_normal_Switch@2x_d6d51ce7.png)
}
.part-00 .support-switch:hover:before{
    background-image:url(../img/icon_hover_Switch@2x_3cd7a7ea.png)
}
.part-00 .support-switch:active:before{
    background-image:url(../img/icon_clilk_Switch@2x_04b3bbb4.png)
}
.part-00 .support-steam:before{
    background-image:url(../img/icon_normal_DECK@2x_8559407c.png)
}
.part-00 .support-steam:hover:before{
    background-image:url(../img/icon_hover_DECK@2x_6059af8f.png)
}
.part-00 .support-steam:active:before{
    background-image:url(../img/icon_clilk_DECK@2x_a684da0a.png)
}
.part-00 .support-pico:before{
    background-image:url(../img/icon_normal_Pico@2x_e278ad60.png)
}
.part-00 .support-pico:hover:before{
    background-image:url(../img/icon_hover_Pico@2x_06ed6451.png)
}
.part-00 .support-pico:active:before{
    background-image:url(../img/icon_clilk_Pico@2x_388d2719.png)
}
.part-00 .support-oculus:before{
    background-image:url(../img/icon_normal_Quest@2x_fa9f1659.png)
}
.part-00 .support-oculus:hover:before{
    background-image:url(../img/icon_hover_Quest@2x_482dd353.png)
}
.part-00 .support-oculus:active:before{
    background-image:url(../img/icon_clilk_Quest@2x_eb2cb512.png)
}
.part-01{
    width:100%
}
.part-01 .video-box{
    position:absolute;
    background:url(../img/kv_a94822b2.jpg) #020403 no-repeat 50%;
    background-size:auto 16rem;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    left:50%;
    top:0;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%)
}
.part-01 .video-box video{
    width:auto;
    height:16rem
}
.part-01 .part-content{
    justify-content:center;
    position:absolute;
    left:50%;
    display:inline-block;
    top:50%;
    z-index:2;
    transform:translate(-50%,-6.13333333rem)
}
.part-01 h1{
    font-weight:500;
    font-size:.96rem;
    line-height:1.4;
    color:#fff;
    text-align:center;
    margin-bottom:.22666667rem;
    white-space:nowrap
}
.part-01 h1 strong{
    background:linear-gradient(90deg,#00d2c4 4.8%,#81f9e3);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent;
    font-weight:500
}
.part-01 h1 i{
    font-style:normal;
    margin-right:-.4em
}
.part-01 .part-desc{
    font-size:.24rem;
    line-height:.42666667rem;
    margin-bottom:.22666667rem;
    text-align:center;
    color:hsla(0,0%,100%,.7)
}
.part-01 .btn-dl{
    width:6.34666667rem;
    height:.77333333rem;
    font-weight:700;
    font-size:.26666667rem;
    line-height:1.4;
    background:linear-gradient(90deg,#00d2c4 32%,#37efcd);
    border-radius:.05333333rem;
    color:#fff;
    justify-content:center;
    margin:0 auto .4rem;
    transition:background .3s ease
}
.part-01 .btn-dl img{
    width:.6rem;
    margin-right:.2rem
}
.part-01 .btn-dl:hover{
    background:linear-gradient(90deg,#0fe3d5 32%,#55fdde)
}
.part-01 .btn-dl:active{
    background:linear-gradient(90deg,#18b6ab 2.97%,#22d0b0)
}
.part-01 .button-box{
    width:6.6rem;
    margin:0 auto;
    justify-content:center
}
.part-01 .button-box a{
    background:rgba(0,210,196,.12);
    border:.01333333rem solid rgba(0,177,171,.6);
    border-radius:.05333333rem;
    flex:1;
    padding:.16rem 0;
    justify-content:center;
    margin:0 .12rem
}
.part-01 .button-box a span{
    font-size:.21333333rem;
    line-height:1.1;
    background:linear-gradient(90deg,#00d2c4,#36d6b9);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent
}
.part-01 .button-box a:hover{
    background:rgba(0,210,196,.12);
    border:.01333333rem solid rgba(0,177,171,.8)
}
.part-01 .button-box a:hover span{
    background:linear-gradient(90deg,#1be7d9,#67fbe2);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent
}
.part-01 .button-box a:hover.button-mobile:before{
    background-image:url(../img/icon_support_mobile@2x_4e84276c.png)
}
.part-01 .button-box a:hover.button-router:before{
    background-image:url(../img/icon_support_console@2x_53e80683.png)
}
.part-01 .button-box a:hover.button-windows:before{
    background-image:url(../img/icon_hover_windows_5605bb76.png)
}
.part-01 .button-box a:hover.button-macos:before{
    background-image:url(../img/icon-macOS@2x_0db2a6cd.png)
}
.part-01 .button-box a:active{
    background:rgba(0,210,196,.12);
    border:.01333333rem solid rgba(0,177,171,.4)
}
.part-01 .button-box a:active span{
    background:#30a9a5;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent
}
.part-01 .button-box a:active.button-mobile:before{
    background-image:url(../img/icon_support_mobile_d13781b9.png)
}
.part-01 .button-box a:active.button-router:before{
    background-image:url(../img/icon_support_console_bb09eaea.png)
}
.part-01 .button-box a:active.button-windows:before{
    background-image:url(../img/icon_clilk_windows_ff301f98.png)
}
.part-01 .button-box a:active.button-macos:before{
    background-image:url(../img/icon-macOS@2x_bb16f007.png)
}
.part-01 .button-box a:before{
    content:"";
    width:.32rem;
    height:.32rem;
    margin-right:.08rem;
    display:block;
    background-repeat:no-repeat;
    background-size:100% auto
}
.part-01 .button-box a.button-mobile:before{
    background-image:url(../img/icon_support_mobile@2x_f10457d6.png)
}
.part-01 .button-box a.button-router:before{
    background-image:url(../img/icon_support_console@2x_ddad8f37.png)
}
.part-01 .button-box a.button-windows:before{
    background-image:url(../img/icon_windows_a18c3bce.png)
}
.part-01 .button-box a.button-macos:before{
    background-image:url(../img/icon-macOS@2x_ebb427cc.png)
}
.part-sellpoint{
    position:relative;
    height:100vh;
    height:var(--app-height);
    top:0;
    width:100vw;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0
}
.part-sellpoint.show{
    opacity:1
}
.part-sellpoint .video-box{
    flex-shrink:0;
    width:110%;
    height:100%;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:50%
}
.part-sellpoint .part-bd{
    position:absolute;
    left:50%;
    top:0;
    height:100%;
    margin-left:-8rem;
    max-width:16rem;
    width:100%;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:0 .37333333rem;
    box-sizing:border-box
}
.part-sellpoint h2{
    font-weight:600;
    font-size:.64rem;
    line-height:.8rem;
    margin-bottom:.42666667rem
}
.part-sellpoint h2 strong{
    background:linear-gradient(89.2deg,#417df0 .3%,#1899ec 31.12%,#20c3e7 66.05%,#34f3d0 98.93%);
    -webkit-background-clip:text;
    background-clip:text;
    text-fill-color:transparent;
    -webkit-text-fill-color:transparent;
    font-weight:600
}
.part-sellpoint .part-desc{
    font-size:.32rem;
    line-height:.48rem
}
.part-sellpoint .part-desc span{
    display:block
}
.part-02,.part-04{
    background-color:#e5e6e8
}
.part-02 h2,.part-04 h2{
    color:#2d2d2d;
    display:inline-flex;
    position:relative
}
.part-02 .part-desc,.part-04 .part-desc{
    color:#2d2d2d;
    max-width:6.77333333rem
}
.part-03,.part-05{
    background-color:#02070a
}
.part-03 h2,.part-05 h2{
    background:linear-gradient(90deg,#fff 32%,#37efcd);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent
}
.part-03 .part-desc,.part-05 .part-desc{
    color:hsla(0,0%,100%,.85);
    max-width:7.12rem
}
.part-02.show-img .video-box{
    background-image:url(../img/bg_1_2675b945.jpg);
    background-image:-webkit-image-set(url(../img/bg_1_2675b945.jpg) 1x,url(../img/bg_1@2x_4a8a39a0.jpg) 2x,url(../img/bg_1@2x_4a8a39a0.jpg) 3x);
    background-image:image-set(url(../img/bg_1_2675b945.jpg) 1x,url(../img/bg_1@2x_4a8a39a0.jpg) 2x,url(../img/bg_1@2x_4a8a39a0.jpg) 3x)
}
.part-02.show-img .part-number{
    background-image:url(../img/img_serial_01_ebbd8a8d.png)
}
.part-03.show-img .video-box{
    background-image:url(../img/bg_2_9cd90300.jpg);
    background-image:-webkit-image-set(url(../img/bg_2_9cd90300.jpg) 1x,url(../img/bg_2@2x_d1ddf4c6.jpg) 2x,url(../img/bg_2@2x_d1ddf4c6.jpg) 3x);
    background-image:image-set(url(../img/bg_2_9cd90300.jpg) 1x,url(../img/bg_2@2x_d1ddf4c6.jpg) 2x,url(../img/bg_2@2x_d1ddf4c6.jpg) 3x)
}
.part-03.show-img .part-number{
    background-image:url(../img/img_serial_02_7b9b2c07.png)
}
.part-04.show-img .video-box{
    background-image:url(../img/bg_3_3011bd93.jpg);
    background-image:-webkit-image-set(url(../img/bg_3_3011bd93.jpg) 1x,url(../img/bg_3@2x_babcc8f9.jpg) 2x,url(../img/bg_3@2x_babcc8f9.jpg) 3x);
    background-image:image-set(url(../img/bg_3_3011bd93.jpg) 1x,url(../img/bg_3@2x_babcc8f9.jpg) 2x,url(../img/bg_3@2x_babcc8f9.jpg) 3x)
}
.part-04.show-img .part-number{
    background-image:url(../img/img_serial_03_59c11bda.png)
}
.part-05.show-img .video-box{
    background-image:url(../img/bg_4_eacb9d16.jpg);
    background-image:-webkit-image-set(url(../img/bg_4_eacb9d16.jpg) 1x,url(../img/bg_4@2x_de52b399.jpg) 2x,url(../img/bg_4@2x_de52b399.jpg) 3x);
    background-image:image-set(url(../img/bg_4_eacb9d16.jpg) 1x,url(../img/bg_4@2x_de52b399.jpg) 2x,url(../img/bg_4@2x_de52b399.jpg) 3x)
}
.part-05.show-img .part-number{
    background-image:url(../img/img_serial_04_0c56cf83.png)
}
.part-06{
    padding:1.22666667rem 0 1.4rem;
    position:relative
}
.part-06.show-img{
    background:url(../img/bg_5_1399fac1.jpg) no-repeat 50%;
    background-image:-webkit-image-set(url(../img/bg_5_1399fac1.jpg) 1x,url(../img/bg_5@2x_3cf3a48b.jpg) 2x,url(../img/bg_5@2x_3cf3a48b.jpg) 3x);
    background-image:image-set(url(../img/bg_5_1399fac1.jpg) 1x,url(../img/bg_5@2x_3cf3a48b.jpg) 2x,url(../img/bg_5@2x_3cf3a48b.jpg) 3x);
    background-size:cover
}
.part-06 h2{
    font-weight:600;
    font-size:.32rem;
    line-height:.45333333rem;
    color:#1a1a1a;
    text-align:center;
    margin-bottom:.77333333rem
}
.carousel{
    width:100%;
    position:relative;
    max-width:14.66666667rem;
    margin:0 auto
}
.carousel__slides{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center
}
.carousel__slide{
    width:2.66666667rem;
    box-sizing:border-box;
    padding:0 .13333333rem;
    background:none;
    margin-bottom:.26666667rem
}
.carousel__slide img{
    width:100%;
    border-radius:.06666667rem;
    overflow:hidden;
    display:block
}
.carousel__slide a{
    display:block
}
.carousel__slide a:hover{
    box-shadow:0 0 .13333333rem rgba(23,223,189,.4)
}
@media only screen and (max-width:1200px){
    .part-number{
        width:1.14666667rem;
        height:1.04rem;
        margin-bottom:.37333333rem
    }
    .part-sellpoint .part-desc{
        font-size:.29333333rem;
        line-height:.42666667rem
    }
    .part-sellpoint .part-desc span{
        display:block
    }
    .part-sellpoint .part-bd{
        margin-left:-50%;
        opacity:1
    }
    .part-sellpoint h2{
        font-size:.57333333rem;
        margin-bottom:.37333333rem;
        line-height:.72rem
    }
    .part-00 .support-box{
        max-width:12.72rem;
        padding:.26666667rem 0
    }
    .part-00 .support-buttons a{
        width:1.65333333rem;
        height:1.82666667rem;
        padding-top:.26666667rem;
        padding-bottom:.26666667rem;
        margin:.18666667rem
    }
    .part-00 .support-buttons a.support-next:before{
        width:1.13333333rem;
        height:1.04rem
    }
    .part-00 .support-buttons a:before{
        width:.73333333rem;
        height:.73333333rem
    }
    .part-00 .support-buttons span{
        font-size:.21333333rem;
        height:.58666667rem
    }
}
@media only screen and (max-width:1024px){
    .nav-wrap .btn-download{
        display:none!important
    }
    .part-01 .part-desc{
        font-size:.18666667rem;
        line-height:2;
        margin-bottom:1.2%
    }
    .part-01 .btn-dl{
        width:5.86666667rem;
        height:.6rem;
        font-size:.21333333rem;
        line-height:.30666667rem;
        margin-bottom:.24rem
    }
    .part-01 .btn-dl img{
        width:.46666667rem;
        margin-right:.14666667rem
    }
    .part-01 .button-box{
        width:6rem
    }
    .part-01 .button-box a{
        margin:0 .06666667rem;
        padding:.13333333rem 0
    }
    .part-01 .button-box a:before{
        width:.29333333rem;
        margin-right:.05333333rem
    }
    .part-01 .button-box a span{
        font-size:.16rem
    }
    .part-01 .video-box video{
        display:none
    }
    .part-00 h2{
        font-size:.64rem;
        margin-bottom:1.06666667rem
    }
    .part-00 h2 i{
        display:none
    }
    .part-00 h2 strong{
        display:block
    }
    .part-00 .support-box{
        max-width:9.6rem;
        padding:.34666667rem 0
    }
    .part-00 .support-buttons{
        max-width:8.93333333rem
    }
    .part-00 .support-buttons a{
        max-width:1.44rem;
        width:1.26666667rem;
        height:1.4rem;
        padding-top:.2rem;
        padding-bottom:.09333333rem;
        margin:.10666667rem
    }
    .part-00 .support-buttons a.support-next:before{
        width:.86666667rem;
        height:.8rem
    }
    .part-00 .support-buttons a:before{
        width:.56rem;
        height:.56rem
    }
    .part-00 .support-buttons span{
        font-size:.2rem;
        height:.50666667rem
    }
    .part-number{
        display:none
    }
    .part-sellpoint{
        height:100vh;
        height:var(--app-height);
        min-height:8.37333333rem;
        display:flex;
        flex-direction:column-reverse;
        justify-content:flex-end;
        background-position:bottom;
        background-size:auto 75%;
        background-repeat:no-repeat
    }
    .part-sellpoint .part-bd{
        justify-content:center;
        align-items:center;
        position:static;
        left:0;
        padding:1.12rem 0 0;
        margin-left:0;
        z-index:1;
        opacity:1!important;
        flex:1
    }
    .part-sellpoint video{
        opacity:0
    }
    .part-sellpoint.show-img .video-box{
        background:none
    }
    .part-sellpoint .video-box{
        width:100vw;
        height:110vw;
        position:relative;
        margin-top:-20%
    }
    .part-sellpoint h2{
        font-size:.64rem;
        line-height:.8rem;
        margin-bottom:.4rem
    }
    .part-sellpoint .part-desc{
        font-size:.32rem;
        line-height:.48rem;
        text-align:center;
        max-width:100%
    }
    .part-sellpoint .part-desc span{
        display:block
    }
    .part-02{
        background-color:#eff0f1
    }
    .part-02.show-img{
        background-image:url(../img/bg_01_f942dd08.jpg);
        background-image:-webkit-image-set(url(../img/bg_01_f942dd08.jpg) 1x,url(../img/bg_01@2x_f3390b4f.jpg) 2x,url(../img/bg_01@2x_f3390b4f.jpg) 3x);
        background-image:image-set(url(../img/bg_01_f942dd08.jpg) 1x,url(../img/bg_01@2x_f3390b4f.jpg) 2x,url(../img/bg_01@2x_f3390b4f.jpg) 3x)
    }
    .part-03{
        background-color:#020607
    }
    .part-03.show-img{
        background-image:url(../img/bg_02_5acd2997.jpg);
        background-image:-webkit-image-set(url(../img/bg_02_5acd2997.jpg) 1x,url(../img/bg_02@2x_e2d2bac1.jpg) 2x,url(../img/bg_02@2x_e2d2bac1.jpg) 3x);
        background-image:image-set(url(../img/bg_02_5acd2997.jpg) 1x,url(../img/bg_02@2x_e2d2bac1.jpg) 2x,url(../img/bg_02@2x_e2d2bac1.jpg) 3x)
    }
    .part-04{
        background-color:#eff0f1
    }
    .part-04.show-img{
        background-image:url(../img/bg_03_7220dbbb.jpg);
        background-image:-webkit-image-set(url(../img/bg_03_7220dbbb.jpg) 1x,url(../img/bg_03@2x_4dc5823d.jpg) 2x,url(../img/bg_03@2x_4dc5823d.jpg) 3x);
        background-image:image-set(url(../img/bg_03_7220dbbb.jpg) 1x,url(../img/bg_03@2x_4dc5823d.jpg) 2x,url(../img/bg_03@2x_4dc5823d.jpg) 3x)
    }
    .part-05{
        background-color:#020607
    }
    .part-05.show-img{
        background-image:url(../img/bg_04_e9ae8249.jpg);
        background-image:-webkit-image-set(url(../img/bg_04_e9ae8249.jpg) 1x,url(../img/bg_04@2x_35b91d6f.jpg) 2x,url(../img/bg_04@2x_35b91d6f.jpg) 3x);
        background-image:image-set(url(../img/bg_04_e9ae8249.jpg) 1x,url(../img/bg_04@2x_35b91d6f.jpg) 2x,url(../img/bg_04@2x_35b91d6f.jpg) 3x)
    }
    .part-06{
        padding:.73333333rem 0 .85333333rem
    }
    .part-06 h2{
        font-size:.32rem;
        line-height:.45333333rem
    }
    .carousel{
        max-width:10.66666667rem
    }
    .carousel__slide{
        width:2rem;
        padding:0 .10666667rem
    }
}
@media only screen and (max-width:768px){
    .part-00 .support-box{
        max-width:100%;
        padding:.34666667rem
    }
    .part-00 .support-buttons{
        max-width:100%;
        justify-content:flex-start
    }
    .part-00 .support-buttons a{
        max-width:2.66666667rem;
        width:18%;
        height:1.58666667rem;
        padding-top:.2rem;
        padding-bottom:.09333333rem;
        margin:.16rem 1%
    }
    .part-00 .support-buttons a:before{
        width:.64rem;
        height:.64rem
    }
    .part-00 .support-buttons span{
        font-size:.2rem;
        height:.50666667rem
    }
}
@media only screen and (max-width:640px){
    .part-kv .video-box{
        background-image:url(../img/kv_m_6a2c1b3b.jpg);
        background-position:bottom;
        background-size:auto 90%
    }
    .part-00 h2{
        font-size:.45333333rem;
        margin-bottom:.4rem
    }
    .part-00 .support-box{
        padding:.2rem 2%;
        max-width:6.66666667rem
    }
    .part-00 .support-buttons{
        justify-content:flex-start
    }
    .part-00 .support-buttons a{
        width:23%;
        height:1.33333333rem;
        padding-top:.18666667rem;
        padding-bottom:.10666667rem;
        margin:.08rem 1%
    }
    .part-00 .support-buttons a.support-next{
        padding-top:.10666667rem
    }
    .part-00 .support-buttons a.support-next:before{
        width:.62666667rem;
        height:.57333333rem;
        margin-bottom:.21333333rem
    }
    .part-00 .support-buttons a:before{
        width:.4rem;
        height:.4rem;
        margin-bottom:.21333333rem
    }
    .part-00 .support-buttons span{
        font-size:.14666667rem;
        height:.32rem
    }
    .part-01 h1{
        font-weight:500;
        font-size:.58666667rem;
        margin-bottom:.24rem
    }
    .part-01 .btn-dl{
        width:4.08rem;
        z-index:1;
        margin-bottom:.14666667rem
    }
    .part-01 .part-desc{
        padding:0 .42666667rem;
        max-width:4.8rem;
        font-size:.18666667rem;
        line-height:.29333333rem;
        margin:0 auto .16rem
    }
    .part-01 .support-box{
        width:88%;
        margin-bottom:.6rem;
        padding-top:.16rem
    }
    .part-01 .support-box p{
        font-size:.16rem;
        line-height:.32rem;
        margin-bottom:.17333333rem
    }
    .part-01 .button-box{
        width:4.18666667rem
    }
    .part-01 .button-box a:before{
        display:none
    }
    .part-01 .support-buttons a{
        padding:.14666667rem .05333333rem;
        margin:0 .05333333rem .13333333rem
    }
    .part-01 .support-buttons a:before{
        width:.4rem;
        margin:0 auto
    }
    .part-01 .support-buttons span{
        display:none
    }
    .part-sellpoint .video-box{
        margin-top:0;
        height:120vw;
        margin-top:-15%;
        background-size:auto 120%
    }
    .part-sellpoint .part-bd{
        padding-top:.85333333rem
    }
    .part-sellpoint h2{
        font-size:.45333333rem;
        line-height:.53333333rem;
        margin-bottom:.24rem
    }
    .part-sellpoint .part-desc{
        font-size:.21333333rem;
        line-height:.37333333rem
    }
    .part-06{
        display:none
    }
}
@media only screen and (min-width:640px) and (max-height:1200px){
    .part-01 h1{
        font-size:.77333333rem;
        margin-bottom:.18666667rem
    }
    .part-01 .btn-dl{
        height:.61333333rem;
        width:5.06666667rem;
        font-size:.24rem;
        margin-bottom:.30666667rem
    }
    .part-01 .btn-dl img{
        width:.48rem;
        margin-right:.16rem
    }
    .part-01 .button-box{
        width:5.2rem
    }
    .part-01 .button-box a{
        margin:0 .06666667rem;
        padding:.09333333rem 0
    }
    .part-01 .button-box a:before{
        width:.25333333rem;
        height:.25333333rem;
        margin-right:.06666667rem
    }
    .part-01 .button-box a span{
        font-size:.17333333rem
    }
}
@media only screen and (max-height:1200px){
    .part-01 .part-content{
        transform:translate(-50%,-4.69333333rem)
    }
    .part-01 .video-box{
        background-size:auto 12rem
    }
    .part-01 .video-box video{
        height:12rem
    }
}
@media only screen and (max-height:900px){
    .part-01 h1{
        line-height:1.1
    }
    .part-01 .btn-dl,.part-01 h1{
        margin-bottom:.16rem
    }
    .part-01 .video-box{
        background-size:auto 9.33333333rem
    }
    .part-01 .video-box video{
        height:9.33333333rem
    }
    .part-01 .part-content{
        transform:translate(-50%,-3.68rem)
    }
}
@media only screen and (max-height:700px){
    .part-01 .video-box{
        background-position:top .53333333rem center
    }
    .part-01 .video-box video{
        position:absolute;
        top:.53333333rem;
        left:50%;
        transform:translateX(-50%)
    }
    .part-01 .part-content{
        transform:translate(-50%,-3.14666667rem)
    }
}
@media (orientation:landscape) and (max-width:900px){
    .part-kv{
        height:11.46666667rem
    }
    .part-01 h1{
        padding-top:.90666667rem;
        font-size:.64rem;
        line-height:.61333333rem
    }
    .part-01__1 .part-bd{
        height:calc(11.46666667rem - 100vh);
        height:calc(11.46666667rem - var(--app-height))
    }
    .part-sellpoint{
        height:auto
    }
}