.my-display[data-v-4330b7cc] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.indexbar[data-v-4330b7cc] {
    height: .6rem;
    background: #000;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logo-area[data-v-4330b7cc] {
    height: .25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.logo-text[data-v-4330b7cc] {
    height: .25rem;
    font-size: .24rem;
    font-weight: 500;
    color: #fff;
    line-height: .25rem;
    margin: 0, .08rem, 0, 0
}

.buy-text[data-v-4330b7cc] {
    height: .2rem;
    font-size: .22rem;
    font-weight: 500;
    color: #fff;
    line-height: .2rem;
    margin-right: .2rem;
    cursor: pointer
}

.footerBar[data-v-a1b34892] {
    height: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#company[data-v-a1b34892],
#phone[data-v-a1b34892] {
    height: .28rem;
    font-size: .2rem;
    font-weight: 400;
    color: #000;
    line-height: .28rem;
    margin: .04rem
}

#copy-right[data-v-a1b34892] {
    height: .2rem;
    font-size: .14rem;
    font-weight: 400;
    color: #000;
    line-height: .2rem;
    margin: .04rem
}

.my-display-sc[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.my-display-cc[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center
}

.my-display-ss[data-v-207af9a9] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.my-display-ce[data-v-207af9a9] {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.my-display-cs[data-v-207af9a9] {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.top-title[data-v-207af9a9] {
    font-size: .32rem
}

.title[data-v-207af9a9],
.top-title[data-v-207af9a9] {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333
}

.title[data-v-207af9a9] {
    font-size: .22rem
}

.white-text[data-v-207af9a9] {
    font-size: .18rem;
    font-weight: 400;
    color: #fff
}

.gray-text[data-v-207af9a9] {
    font-size: .18rem;
    font-weight: 400;
    color: #999
}

.banner[data-v-207af9a9] {
    height: 5.6rem;
    background: url(../img/banner@3x.52c34ec3.png);
    background-position-x: center;
    background-size: cover
}

.topbar[data-v-207af9a9] {
    width: 19.2rem;
    height: .6rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.logo-area[data-v-207af9a9] {
    height: .25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.logo-text[data-v-207af9a9] {
    height: .25rem;
    font-size: .24rem;
    font-weight: 500;
    color: #fff;
    line-height: .25rem;
    margin: 0, .08rem, 0, 0
}

.buy-text[data-v-207af9a9] {
    height: .2rem;
    font-size: .22rem;
    font-weight: 500;
    color: #fff;
    line-height: .2rem;
    margin-right: .2rem;
    cursor: pointer
}

.download-title[data-v-207af9a9] {
    height: .7rem;
    font-size: .5rem;
    font-weight: 500;
    color: #fff;
    line-height: .7rem;
    text-align: left;
    margin: 1.03rem 0 0 4.46rem
}

.download[data-v-207af9a9] {
    width: 5rem;
    display: flex;
    justify-content: flex-start;
    margin: .85rem 0 1.86rem 4.46rem
}

.downloadBtn[data-v-207af9a9] {
    width: 1.8rem;
    height: .56rem;
    background: #4ea1fc;
    border-radius: .08rem;
    font-size: .24rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    line-height: .56rem;
    margin-right: 10%
}

.tooltip-custom[data-v-207af9a9] {
    z-index: 0;
    color: #222;
    background: none
}

.tooltip-custom div[data-v-207af9a9]:first-child:before {
    background-color: #fff;
    border-bottom-color: #fff
}

.tooltip-custom div[data-v-207af9a9]:last-child {
    color: #999;
    text-align: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .5rem
}

.QR-code-area[data-v-207af9a9] {
    width: 2.5rem;
    height: 2.8rem;
    border-radius: 1rem;
    margin-top: .3rem
}

.QR-code-text[data-v-207af9a9] {
    font-size: .2rem;
    font-weight: 400;
    color: #999;
    line-height: .28rem;
    text-align: center;
    margin: .2rem auto
}

.video-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .4rem;
    line-height: .4rem;
    margin: 1rem 0 .5rem
}

.features[data-v-207af9a9] {
    height: 5rem;
    background-color: #fcfcfc;
    display: flex;
    align-items: center;
    justify-content: center
}

.card[data-v-207af9a9] {
    height: 3.5rem;
    width: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column
}

[data-v-207af9a9] .ant-card-body {
    padding: 0
}

.feature-img[data-v-207af9a9] {
    width: .43rem;
    max-width: 100%;
    max-height: 100%;
    margin: .3rem auto .25rem auto
}

.feature-title[data-v-207af9a9] {
    height: .3rem;
    line-height: .3rem;
    margin: 0 auto .08rem auto;
    font-size: .22rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333
}

.feature-details[data-v-207af9a9] {
    width: 2.1rem;
    height: 1.2rem;
    line-height: .25rem;
    margin: 0 auto;
    font-size: .18rem;
    font-weight: 400;
    color: #999
}

.detailsBtn[data-v-207af9a9] {
    width: 1rem;
    height: .4rem;
    line-height: .4rem;
    background: #4ea1fc;
    border-radius: .6rem;
    text-align: center;
    font-size: .18rem;
    margin-bottom: .23rem;
    border-radius: .06rem;
    padding: 0
}

.circle-main[data-v-207af9a9],
.circle[data-v-207af9a9] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.circle-main[data-v-207af9a9] {
    flex-direction: column;
    margin: 1.3rem 0 .85rem 4.13rem
}

.circle-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .4rem;
    line-height: .4rem;
    margin-bottom: .8rem
}

.circle-title[data-v-207af9a9] {
    font-size: .18rem;
    color: #999;
    width: 4.43rem;
    height: .3rem;
    font-size: .22rem;
    font-weight: 400;
    color: #333;
    line-height: .3rem;
    text-align: left;
    margin-bottom: .16rem
}

.circle-text[data-v-207af9a9] {
    font-size: .18rem;
    font-weight: 400;
    color: #999;
    width: 4.43rem;
    line-height: .2rem;
    text-align: left;
    margin-bottom: .5rem
}

.secret-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto .6rem auto
}

.secret-item[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 4.1rem
}

.secret-title[data-v-207af9a9] {
    font-size: .22rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    margin-top: .28rem
}

.secret-text[data-v-207af9a9] {
    font-size: .18rem;
    font-weight: 400;
    color: #999;
    width: 3.42rem;
    line-height: .2rem;
    text-align: center;
    margin: .1rem auto .3rem auto
}

.group-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .4rem;
    line-height: .4rem;
    margin: 1.2rem auto 0 auto
}

.group-main[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 1.13rem
}

.group-row[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .6rem
}

.group-item[data-v-207af9a9] {
    width: 5.65rem;
    height: 1.6rem;
    background: #fff;
    border: .01rem solid #eee;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 .35rem;
    padding-left: .7rem
}

.group-title[data-v-207af9a9] {
    font-size: .22rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .3rem;
    line-height: .3rem;
    margin-left: .6rem;
    text-align: left
}

.group-img[data-v-207af9a9] {
    height: 1rem;
    max-width: 100%;
    max-height: 100%
}

.flexible-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .4rem;
    line-height: .4rem;
    margin: 0 auto
}

.flexible-main[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .6rem auto 1.2rem auto
}

.flexible-item[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 .16rem
}

.flexible-title[data-v-207af9a9] {
    width: 2.6rem;
    height: .71rem;
    font-size: .22rem;
    font-weight: 400;
    color: #333;
    line-height: .3rem;
    margin: .17rem auto
}

.flexible-img[data-v-207af9a9] {
    height: 1.96rem;
    max-width: 100%;
    max-height: 100%
}

.system-area[data-v-207af9a9] {
    margin-top: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.system-pic[data-v-207af9a9] {
    width: 6.58rem;
    height: 4rem;
    background: #fcfcfc;
    border-radius: .08rem
}

.system-main[data-v-207af9a9] {
    width: 5.42rem;
    height: 5rem;
    background: #4ea1fc;
    border-radius: .08rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    padding-right: .54rem
}

.system-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .45rem;
    color: #fff;
    line-height: .45rem;
    margin: .24rem 0 .4rem 0
}

.system-text[data-v-207af9a9] {
    font-weight: 400;
    color: #fff;
    font-size: .18rem;
    height: .2rem;
    line-height: .2rem;
    text-align: end;
    margin-bottom: .24rem
}

.call-area[data-v-207af9a9] {
    margin-top: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.call-main[data-v-207af9a9] {
    width: 5.77rem;
    height: 5rem;
    background: #4ea1fc;
    border-radius: .08rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: .54rem;
    margin-right: .82rem
}

.call-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .45rem;
    color: #fff;
    line-height: .45rem;
    margin: .24rem 0 .4rem 0
}

.call-text[data-v-207af9a9] {
    font-weight: 400;
    color: #fff;
    font-size: .18rem;
    width: 4.84rem;
    line-height: .2rem;
    text-align: left;
    margin-bottom: .24rem
}

.customer-area[data-v-207af9a9] {
    margin: 1.6rem auto .93rem auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column
}

.customer-toptitle[data-v-207af9a9] {
    font-size: .32rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333;
    height: .45rem;
    line-height: .45rem;
    margin-bottom: .6rem
}

.customer-row[data-v-207af9a9] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .3rem
}

.customer-item[data-v-207af9a9] {
    width: 2.4rem;
    height: 2.4rem;
    background: #fff;
    border-radius: .08rem;
    border: .01rem solid #eee;
    margin: 0 .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.customer-img[data-v-207af9a9] {
    height: 1.2rem;
    max-width: 100%;
    max-height: 100%
}

.customer-text[data-v-207af9a9] {
    font-size: .18rem;
    color: #999;
    width: 2rem;
    height: .6rem;
    font-size: .22rem;
    font-weight: 400;
    color: #333;
    line-height: .3rem;
    margin-top: .1rem
}