html {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Helvetica Neue,
    STHeiti, Microsoft Yahei, Tahoma, Simsun, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    min-width: 1170px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body,
html {
    width: 100%;
}
img {
    display: block;
}
a {
    text-decoration: none;
}
::selection {
    background-color: #013bd4;
    color: #fff;
}
.rela {
    position: relative;
}
.abs {
    position: absolute;
}
.inline {
    display: inline-block;
}
.fullw {
    width: 100%;
}
.flex,
.flexY {
    display: -webkit-flex;
    display: flex;
}
.flexY {
    -webkit-flex-direction: column;
    flex-direction: column;
}
.grow1 {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.ai-ct {
    -webkit-align-items: center;
    align-items: center;
}
.jc-sa {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.jc-sb {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.jc-ct {
    -webkit-justify-content: center;
    justify-content: center;
}
.cfff {
    color: #fff;
}
.c234 {
    color: #283044;
}
.bg-black {
    background-color: #283044;
}
.bg-blue {
    background-color: #013bd4;
}
.lh18 {
    line-height: 18px;
}
.lh20 {
    line-height: 20px;
}
.lh24 {
    line-height: 24px;
}
.lh32 {
    line-height: 32px;
}
.lh44 {
    line-height: 44px;
}
.lh56 {
    line-height: 56px;
}
.fs12 {
    font-size: 12px;
}
.fs14 {
    font-size: 14px;
}
.fs18 {
    font-size: 18px;
}
.fs24 {
    font-size: 24px;
}
.fs32 {
    font-size: 32px;
}
.fs40 {
    font-size: 40px;
}
.fw4 {
    font-weight: 400;
}
.fw5 {
    font-weight: 500;
}
.ta-ct {
    text-align: center;
}
.mt12 {
    margin-top: 12px;
}
.mt16 {
    margin-top: 16px;
}
.mt30 {
    margin-top: 30px;
}
.mt46 {
    margin-top: 46px;
}
.mt64 {
    margin-top: 64px;
}
.mt104 {
    margin-top: 104px;
}
.mt120 {
    margin-top: 120px;
}
.ml56 {
    margin-left: 56px;
}
.ml32 {
    margin-left: 32px;
}
.ph70 {
    padding-left: 70px;
    padding-right: 70px;
}
.op85 {
    opacity: 0.85;
    transition: opacity 0.37s;
}
.op85:hover {
    opacity: 1;
}
.op65 {
    opacity: 0.65;
}
.poin {
    cursor: pointer;
}
#bg-blue {
    padding: 30px 136px 0;
}
#nav {
    max-width: 1170px;
    min-width: 768px;
}
#first-page {
    max-width: 1150px;
    min-width: 996px;
}
#icon-bcz {
    width: 101px;
    height: 23px;
}
@-webkit-keyframes shake {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 2px 8px transparent;
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }
}
@keyframes shake {
    0%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 2px 8px transparent;
    }
    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }
}
#icon-weixin {
    width: 26px;
    height: 26px;
    border-radius: 9rem;
}
#qr-weixin {
    position: absolute;
    top: 15px;
    right: -8px;
    width: 186px;
    height: 210px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.37s, -webkit-transform 0.37s;
    transition: transform 0.37s, opacity 0.37s;
    transition: transform 0.37s, opacity 0.37s, -webkit-transform 0.37s;
    z-index: 2;
}
#nav-weixin:hover #qr-weixin {
    opacity: 1;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
}
#anim {
    width: 538px;
    height: 577px;
    overflow: hidden;
}
#screenshot-left {
    position: absolute;
    width: 82px;
    height: 478px;
    bottom: -50px;
    left: 43px;
    opacity: 0;
    transition: opacity 0.37s 0.06s, -webkit-transform 0.37s 0.06s;
    transition: transform 0.37s 0.06s, opacity 0.37s 0.06s;
    transition: transform 0.37s 0.06s, opacity 0.37s 0.06s,
    -webkit-transform 0.37s 0.06s;
    box-shadow: 0 6px 26px rgba(0, 0, 0, 0.12);
}
#screenshot-left._show {
    -webkit-transform: translate(-30px, -50px);
    transform: translate(-30px, -50px);
    opacity: 1;
}
#screenshot-iphone {
    left: 82px;
    bottom: -40px;
    width: 374px;
    height: 577px;
    z-index: 2;
    transition: -webkit-transform 0.37s;
    transition: transform 0.37s;
    transition: transform 0.37s, -webkit-transform 0.37s;
    box-shadow: 0 6px 26px rgba(0, 0, 0, 0.12);
}
#screenshot-iphone._show {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 1;
}
#screenshot-right {
    position: absolute;
    bottom: -50px;
    right: 34px;
    height: 400px;
    width: 88px;
    opacity: 0;
    transition: opacity 0.37s 0.06s, -webkit-transform 0.37s 0.06s;
    transition: transform 0.37s 0.06s, opacity 0.37s 0.06s;
    transition: transform 0.37s 0.06s, opacity 0.37s 0.06s,
    -webkit-transform 0.37s 0.06s;
    box-shadow: 0 6px 26px rgba(0, 0, 0, 0.12);
}
#screenshot-right._show {
    -webkit-transform: translate(30px, -50px);
    transform: translate(30px, -50px);
    opacity: 1;
}
#illu-slogen {
    margin-top: 80px;
    width: 452px;
    height: 251px;
    margin-bottom: 246px;
}
#btn-android,
#btn-apple {
    width: 172px;
    height: 68px;
    background: linear-gradient(135deg, #2f2f2f, #000);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    bottom: 64px;
    padding: 0 20px;
    transition: all 0.3s;
}
#btn-android:after,
#btn-apple:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 6px;
    background: linear-gradient(135deg, #404040, #000);
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.12);
    opacity: 0;
    transition: opacity 0.37s;
    z-index: 1;
}
#btn-android:hover:after,
#btn-apple:hover:after {
    opacity: 1;
}
#btn-apple {
    left: 0;
}
#btn-android {
    left: 204px;
}
#logo-android,
#logo-apple {
    width: 100%;
    pointer-events: none;
    z-index: 2;
}
.qr-ctnr_android,
.qr-ctnr_apple {
    width: 196px;
    height: 216px;
    bottom: 70px;
    left: -11px;
    opacity: 0;
    -webkit-transform: translateY(32px);
    transform: translateY(32px);
    pointer-events: none;
    border-radius: 2px;
}
#btn-android:hover .qr-ctnr_android,
#btn-apple:hover .qr-ctnr_apple {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
#illu-1,
#illu-2,
#illu-3 {
    width: 250px;
    height: 250px;
}
.width-10 {
    padding-left: 70px;
    padding-right: 70px;
}
.section {
    max-width: 1440px;
    padding: 145px 135px 95px;
    margin: 0 auto;
    overflow-x: hidden;
}
.section > * {
    width: 100%;
    min-width: 825px;
}
.video-ctnr {
    width: 450px;
    opacity: 0;
    transition: opacity 0.37s;
}
.video-ctnr._show {
    opacity: 1;
}
.video-figure {
    width: 450px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
video.video {
    width: 320px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    z-index: 2;
}
.group {
    width: 375px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.red-dot {
    padding-left: 26px;
}
.red-dot:before {
    position: absolute;
    top: 14px;
    left: 0;
    content: "";
    width: 14px;
    height: 14px;
    background: #f23e3e;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
}
.img-ctnr {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 25%;
    height: 144px;
    min-width: 249px;
}
#prod-1 {
    height: 47px;
    width: 200px;
}
#prod-2 {
    height: 115px;
    width: 110px;
}
#prod-3 {
    height: 61.4px;
    width: 176px;
}
#prod-4 {
    height: 116px;
    width: 176px;
}
#prod-5 {
    width: 200px;
    height: 76px;
}
#prod-6 {
    width: 219px;
    height: 44px;
}
#prod-7 {
    width: 175px;
    height: 70px;
}
#prod-8 {
    width: 211px;
    height: 62px;
}
.img-ctnr + .img-ctnr:before {
    position: absolute;
    left: -1px;
    top: 64px;
    content: "";
    height: 17px;
    width: 2px;
    background: #e6e9ee;
}
footer {
    margin-top: 140px;
    padding: 64px 135px;
}
.footer-content {
    max-width: 1170px;
    min-width: 825px;
    margin: 0 auto;
}
#qr-android,
#qr-apple {
    width: 108px;
    height: 108px;
}
#gh-bcz,
#gh-bczzp {
    position: absolute;
    opacity: 1;
    width: 190px;
    top: -210px;
    left: 50%;
    -webkit-transform: translate(-50%, 32px);
    transform: translate(-50%, 32px);
    opacity: 0;
    pointer-events: none;
}
#gh-bcz._show,
#gh-bczzp._show {
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 1;
}
@media only screen and (max-width: 500px) {
    html {
        min-width: 375px;
    }
    .x2y {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .fw-wr {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    #first-page,
    #nav {
        width: 100%;
        min-width: 315px;
    }
    .section > * {
        width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: auto;
    }
    .section,
    h2,
    h3 {
        min-width: 375px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .flexY {
        -webkit-align-items: center;
        align-items: center;
    }
    #ss-1,
    #ss-3,
    .group.ml56 {
        margin-left: 0;
    }
    .img-ctnr {
        width: 50%;
    }
    .img-ctnr:nth-child(3):before {
        display: none;
    }
    .footer-content {
        min-width: auto;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .footer-content > .ml32 {
        margin-top: 46px;
        margin-left: 0;
    }
    .group {
        margin-top: 32px;
    }
    .group,
    .video-ctnr {
        width: 100%;
        max-width: 320px;
    }
    #btn-android,
    .qr-ctnr_android {
        left: auto;
        right: 0;
    }
    #bg-blue,
    footer {
        padding-left: 30px;
        padding-right: 30px;
    }
    .img-ctnr:before {
        display: none;
    }
    #illu-slogen {
        margin-top: 10.4vw;
        height: 32.7vw;
        margin-bottom: 32vw;
        width: 58.85vw;
    }
    #anim {
        width: 70vw;
        height: 75vw;
    }
    #screenshot-left {
        width: 10.67vw;
        height: 62.2vw;
        bottom: -6.5vw;
        left: 8vw;
    }
    #screenshot-left._show {
        -webkit-transform: translate(-3.9vw, -6.5vw);
        transform: translate(-3.9vw, -6.5vw);
    }
    #screenshot-iphone {
        width: 48.7vw;
        height: 75vw;
        left: 10.6vw;
        bottom: -5.2vw;
    }
    #screenshot-iphone._show {
        -webkit-transform: translateY(-5.2vw);
        transform: translateY(-5.2vw);
    }
    #screenshot-right {
        height: 52vw;
        width: 11.46vw;
        bottom: -6.5vw;
        right: 7.55vw;
    }
    #screenshot-right._show {
        -webkit-transform: translate(3.9vw, -6.5vw);
        transform: translate(3.9vw, -6.5vw);
    }
    .width-10 {
        padding-left: 0;
        padding-right: 0;
    }
    #btn-android,
    #btn-apple {
        width: 22.4vw;
        height: 8.85vw;
        border-radius: 0.78vw;
        bottom: 8.33vw;
        padding: 0 2.6vw;
    }
    .qr-ctnr_android,
    .qr-ctnr_apple {
        width: 26.1vw;
        height: 28.8vw;
        bottom: 9.3vw;
        left: -1.4vw;
    }
}
/*# sourceMappingURL=https://7n.bczcdn.com/static/desktop.f104131f.css.map */