﻿.mobile-topbar[data-v-4ea7ed80],
.my-display[data-v-4ea7ed80] {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.mobile-topbar[data-v-4ea7ed80] {
  width: 3.75rem;
  height: .43rem;
  background: #000
}

.logo-area[data-v-4ea7ed80] {
  height: .22rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.ant-dropdown-menu[data-v-4ea7ed80] {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400
}

.ant-dropdown-menu-item[data-v-4ea7ed80] {
  width: 3.75rem;
  font-size: .16rem;
  height: .4rem;
  line-height: .4rem
}

.ant-dropdown-menu-item>a[data-v-4ea7ed80],
.ant-dropdown-menu-submenu-title>a[data-v-4ea7ed80] {
  padding: 0 12px
}

.logo-text[data-v-4ea7ed80] {
  height: .25rem;
  font-size: .18rem;
  font-weight: 400;
  color: #fff;
  line-height: .25rem;
  margin: 0, .08rem, 0, 0
}

.buy-text[data-v-4ea7ed80] {
  height: .2rem;
  font-size: .14rem;
  font-weight: 400;
  color: #fff;
  line-height: .2rem;
  margin-right: .2rem;
  cursor: pointer
}

.browser[data-v-4ea7ed80] {
  height: 100vh;
  width: 100vw;
  background: rgba(71, 69, 69, .8);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100
}

.browser-img[data-v-4ea7ed80] {
  height: 1rem;
  max-width: 100%;
  max-height: 100%;
  margin: 0 0 0 2.5rem;
  transform: rotate(45deg)
}

.browser-text[data-v-4ea7ed80] {
  font-size: .3rem;
  font-weight: 500;
  color: #fff
}

.buy-button[data-v-4ea7ed80] {
  cursor: pointer;
  height: .25rem;
  background: #000;
  border-radius: .02rem;
  border: 1px solid;
  outline: none;
  line-height: .25rem;
  font-size: .14rem;
  color: #fff
}

.mobile-footerBar[data-v-0bc8edea] {
  height: 2.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

#company[data-v-0bc8edea],
#phone[data-v-0bc8edea] {
  height: .22rem;
  font-size: .16rem;
  font-weight: 400;
  color: #000;
  line-height: .28rem;
  margin: .05rem
}

#copy-right[data-v-0bc8edea] {
  height: .2rem;
  font-size: .14rem;
  font-weight: 400;
  color: #000;
  line-height: .4rem;
  margin: .1rem .2rem .2rem;
  line-height: .2rem
}

.banner[data-v-4c5f6299] {
  height: 2.56rem;
  background: url(https://renxiaoliao.vip/img/mbbanner.edebbffd.png);
  background-position-x: center;
  background-size: cover
}

.my-display-sc[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: flex-start
}

.my-display-cc[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: center
}

.my-display-ss[data-v-4c5f6299] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start
}

.my-display-ce[data-v-4c5f6299] {
  display: flex;
  align-items: flex-end;
  justify-content: center
}

.my-display-cs[data-v-4c5f6299] {
  display: flex;
  align-items: flex-start;
  justify-content: center
}

.my-display[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.top-title[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333
}

.title[data-v-4c5f6299] {
  font-size: .14rem;
  font-weight: 500;
  color: #333
}

.white-text[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #fff
}

.gray-text[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #999
}

.mobile-topbar[data-v-4c5f6299] {
  width: 3.75rem;
  height: .43rem
}

.logo-area[data-v-4c5f6299],
.mobile-topbar[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.logo-area[data-v-4c5f6299] {
  height: .22rem
}

.ant-dropdown-menu[data-v-4c5f6299] {
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400
}

.ant-dropdown-menu-item[data-v-4c5f6299] {
  width: 3.75rem;
  font-size: .16rem;
  height: .4rem;
  line-height: .4rem
}

.ant-dropdown-menu-item>a[data-v-4c5f6299],
.ant-dropdown-menu-submenu-title>a[data-v-4c5f6299] {
  padding: 0 12px
}

.logo-text[data-v-4c5f6299] {
  width: 1rem;
  font-weight: 400
}

.download-title[data-v-4c5f6299],
.logo-text[data-v-4c5f6299] {
  height: .25rem;
  text-align: left;
  font-size: .18rem;
  color: #fff;
  line-height: .25rem
}

.download-title[data-v-4c5f6299] {
  font-weight: 500;
  margin: .53rem 0 0 .2rem
}

.download[data-v-4c5f6299] {
  display: flex;
  justify-content: flex-start;
  margin: .2rem 0 0 .2rem
}

.downloadBtn[data-v-4c5f6299] {
  width: .9rem;
  height: .35rem;
  background: #4ea1fc;
  border-radius: .03rem;
  font-size: .15rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  line-height: .3rem;
  padding: 0
}

.features[data-v-4c5f6299] {
  height: 5rem;
  background-color: #fcfcfc;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center
}

.features-col[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .1rem 0
}

.card[data-v-4c5f6299] {
  height: 2rem;
  width: 1.6rem;
  margin: 0 .075rem;
  box-shadow: 0 .02rem .04rem 0 hsla(0, 0%, 60%, .2), 0 .04rem .15rem 0 hsla(0, 0%, 60%, .2)
}

.video-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .19rem;
  line-height: .19rem;
  margin: .3rem 0 .19rem
}

.feature-img[data-v-4c5f6299] {
  width: .29rem;
  max-width: 100%;
  max-height: 100%;
  margin: .16rem auto
}

.feature-title[data-v-4c5f6299] {
  height: .22rem;
  line-height: .22rem;
  margin: auto auto .1rem auto;
  font-size: .14rem;
  font-weight: 500;
  color: #333
}

.feature-details[data-v-4c5f6299] {
  height: .42rem;
  line-height: .15rem;
  margin: 0 .12rem .24rem;
  font-size: .12rem;
  font-weight: 400;
  color: #999;
  font-size: .1rem
}

.detailsBtn[data-v-4c5f6299] {
  width: .69rem;
  height: .26rem;
  line-height: .26rem;
  border-radius: .01rem;
  text-align: center;
  font-size: .12rem;
  margin: auto 0 .23rem;
  border-radius: .06rem;
  padding: 0
}

.circle-main[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: .3rem auto .2rem
}

.circle-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .19rem;
  line-height: .19rem;
  margin-bottom: .2rem
}

.circle-title[data-v-4c5f6299] {
  font-size: .12rem;
  color: #999;
  height: .2rem;
  font-size: .15rem;
  font-weight: 400;
  color: #333;
  line-height: .2rem;
  margin-bottom: .04rem
}

.circle-text[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #999;
  height: .18rem;
  line-height: .18rem;
  margin-bottom: .1rem
}

.secret-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .19rem;
  line-height: .19rem;
  margin: 0 auto .19rem auto
}

.secret-item[data-v-4c5f6299] {
  width: 1.07rem;
  height: 1.07rem;
  background: #e4f1ff;
  border-radius: .04rem
}

.secret-item2[data-v-4c5f6299] {
  width: 1.21rem;
  height: 1.18rem;
  background: #4ea1fc;
  border-radius: .04rem
}

.secret-title[data-v-4c5f6299] {
  font-size: .14rem;
  font-weight: 500;
  color: #333;
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  margin-top: .25rem;
  color: #4ea1fc
}

.secret-text[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #999;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #4ea1fc;
  margin: 0 auto
}

.secret-title2[data-v-4c5f6299] {
  font-size: .14rem;
  font-weight: 500;
  color: #333;
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  margin-top: .19rem;
  color: #fff
}

.secret-text2[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #999;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  color: #fff;
  margin: 0 .1rem
}

.group-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .19rem;
  line-height: .19rem;
  margin: .3rem auto 0
}

.group-main[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: .3rem
}

.group-row[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .2rem
}

.group-item[data-v-4c5f6299] {
  width: 1.6rem;
  height: 1rem;
  background: #fff;
  border: .01rem solid #eee;
  border-radius: .04rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 .1rem
}

.group-title[data-v-4c5f6299] {
  font-size: .14rem;
  font-weight: 500;
  color: #333;
  height: .2rem;
  line-height: .2rem;
  margin-top: .08rem;
  text-align: center
}

.group-img[data-v-4c5f6299] {
  margin-top: .1rem;
  height: .35rem;
  max-width: 100%;
  max-height: 100%
}

.flexible-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .19rem;
  line-height: .19rem
}

.flexible-main[data-v-4c5f6299] {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin: .2rem 0 0
}

.flexible-item[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 3.4rem;
  height: .52rem;
  background: #fff;
  margin: .1rem .18rem
}

.flexible-title[data-v-4c5f6299] {
  font-size: .14rem;
  font-weight: 500;
  height: .52rem;
  font-weight: 400;
  color: #333;
  line-height: .52rem;
  margin: .17rem 0 .17rem .1rem
}

.flexible-img[data-v-4c5f6299] {
  height: .52rem;
  max-width: 100%;
  max-height: 100%
}

.system-area[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: .3rem auto .18rem;
  height: 2.4rem;
  background: #4ea1fc;
  flex-direction: column
}

.system-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .25rem;
  color: #fff;
  line-height: .25rem;
  margin: .2rem 0 .1rem
}

.system-text[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #fff;
  height: .2rem;
  line-height: .2rem;
  font-size: .14rem;
  margin: .05rem auto
}

.call-area[data-v-4c5f6299] {
  height: 2.1rem;
  background: #fcfcfc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: .52rem auto
}

.call-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .25rem;
  color: #4ea1fc;
  line-height: .25rem;
  margin: .2rem 0 .15rem
}

.call-text[data-v-4c5f6299] {
  font-size: .12rem;
  font-weight: 400;
  color: #999;
  font-size: .14rem;
  line-height: .2rem;
  margin-bottom: .24rem
}

.customer-area[data-v-4c5f6299] {
  margin: .3rem auto .25rem;
  flex-direction: column
}

.customer-toptitle[data-v-4c5f6299] {
  font-size: .18rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333;
  height: .21rem;
  line-height: .21rem;
  margin-bottom: .15rem
}

.customer-row[data-v-4c5f6299] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .3rem
}

.customer-item[data-v-4c5f6299] {
  width: 1.1rem;
  height: 1.1rem;
  background: #fff;
  border-radius: .04rem;
  border: .01rem solid #eee;
  margin: 0 .05rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column
}

.customer-img[data-v-4c5f6299] {
  margin: .09rem auto 0;
  height: .51rem;
  max-width: 100%;
  max-height: 100%
}

.customer-text[data-v-4c5f6299] {
  font-size: .12rem;
  color: #999;
  font-weight: 400;
  color: #333;
  margin-top: .05rem
}

.browser[data-v-4c5f6299] {
  height: 100vh;
  width: 100vw;
  background: rgba(71, 69, 69, .8);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 100
}

.browser-img[data-v-4c5f6299] {
  height: 1rem;
  max-width: 100%;
  max-height: 100%;
  margin: 0 0 0 2.5rem;
  transform: rotate(45deg)
}

.browser-text[data-v-4c5f6299] {
  font-size: .3rem;
  font-weight: 500;
  color: #fff
}

.buy-button[data-v-4c5f6299] {
  cursor: pointer;
  height: .25rem;
  background: transparent;
  border-radius: .02rem;
  border: 1px solid;
  outline: none;
  line-height: .25rem;
  font-size: .14rem;
  color: #fff
}