a[data-v-e290784c] {
  display: block;
}

.about[data-v-e290784c] {
  width: 100%;
  position: absolute;
  z-index: 9990;
  height: 50px;
}

.about .mark[data-v-e290784c] {
  position: fixed;
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 10;
  -webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s,
    height 0s ease 1.2s;
  transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
  top: 0;
  left: 0;
}

.about .mark.showmark[data-v-e290784c] {
  opacity: 1;
  height: 100%;
  width: 100%;
  -webkit-transition: opacity 1s ease 0.1s;
  transition: opacity 1s ease 0.1s;
}

.about .wrapperBorder[data-v-e290784c] {
  width: 100%;
  display: block;
  height: 50px;
}

.about .about-header-wrapper1[data-v-e290784c] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}

.about .about-header-wrapper1[data-v-e290784c]:after {
  content: ".";
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
}

.about .about-header-wrapper1 .aboutTitle[data-v-e290784c] {
  float: left;
  font-size: 16px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
}

.about .about-header-wrapper1.black[data-v-e290784c] {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.about .about-header-wrapper1.black .aboutTitle[data-v-e290784c],
.about .about-header-wrapper1.black .after[data-v-e290784c] {
  color: #222 !important;
}

.about .about-header-wrapper1.black .about-header a[data-v-e290784c],
.about .about-header-wrapper1.black .about-header li[data-v-e290784c] {
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.about
  .about-header-wrapper1.black
  .about-header
  a.nuxt-link-exact-active[data-v-e290784c],
.about .about-header-wrapper1.black .about-header a[data-v-e290784c]:hover,
.about
  .about-header-wrapper1.black
  .about-header
  li.nuxt-link-exact-active[data-v-e290784c],
.about .about-header-wrapper1.black .about-header li[data-v-e290784c]:hover {
  color: rgba(51, 51, 51, 0.5) !important;
}

.about .about-header-wrapper2[data-v-e290784c] {
  display: none;
}

.about .about-header[data-v-e290784c] {
  height: 50px;
  line-height: 50px;
  text-align: right;
}

.about .about-header .after[data-v-e290784c] {
  padding: 0 2.041%;
}

.about .about-header a[data-v-e290784c],
.about .about-header li[data-v-e290784c] {
  font-size: 12px;
  display: inline-block;
  color: #fff;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
  cursor: pointer;
}

.about .about-header a[data-v-e290784c]:last-child,
.about .about-header li[data-v-e290784c]:last-child {
  padding-right: 0;
}

.about .about-header a.nuxt-link-exact-active[data-v-e290784c],
.about .about-header a[data-v-e290784c]:hover,
.about .about-header li.nuxt-link-exact-active[data-v-e290784c],
.about .about-header li[data-v-e290784c]:hover {
  color: hsla(0, 0%, 100%, 0.5) !important;
}

.about .buyLink[data-v-e290784c] {
  display: block;
  float: right;
  margin-left: 2.041%;
  margin-top: 12px;
}

.about .buyLink:hover .buy[data-v-e290784c] {
  background: rgba(223, 0, 31, 0.7);
}

.about .buy[data-v-e290784c] {
  width: 58px;
  height: 26px;
  overflow: hidden;
  border-radius: 3px;
  border: none;
  background: #df001f;
  font-size: 12px;
  font-family: DINOffcPro;
  font-weight: 700;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  color: #fff;
}

.about .buy[data-v-e290784c]:focus {
  outline: none;
}

.about .buy a[data-v-e290784c] {
  color: #fff;
  font-size: 12px;
}

.about .positionFixed[data-v-e290784c] {
  top: 0 !important;
  position: fixed !important;
  z-index: 999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  -webkit-backdrop-filter: saturate(180%) blur(0.4rem);
  transition-property: background-color, backdrop-filter,
    -webkit-backdrop-filter;
}

.about .positionFixed.black[data-v-e290784c],
.about .positionFixed[data-v-e290784c] {
  background: hsla(0, 0%, 100%, 0.98) !important;
}

.about .positionFixed.black .aboutTitle[data-v-e290784c],
.about .positionFixed.black .after[data-v-e290784c] {
  color: #333 !important;
}

.about .positionFixed.black .aboutTitle.nuxt-link-exact-active[data-v-e290784c],
.about .positionFixed.black .aboutTitle[data-v-e290784c]:hover,
.about .positionFixed.black .after.nuxt-link-exact-active[data-v-e290784c],
.about .positionFixed.black .after[data-v-e290784c]:hover {
  color: rgba(51, 51, 51, 0.5) !important;
}

.about .positionFixed .about-header-wrapper1[data-v-e290784c] {
  border-bottom: none;
}

.about .positionFixed .icon .img[data-v-e290784c] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MiIgaGVpZ2h0PSI3LjUxMSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzQ1IiBkPSJNNi43NiA3LjUxMWEuNzQ2Ljc0NiAwIDAgMS0uNTMxLS4yMmwtLjAyMS0uMDIyTC4yMiAxLjI4MUEuNzUuNzUgMCAwIDEgMS4yODEuMjJMNi43NiA1LjcgMTIuMjQuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMS4wNjFMNy4zMTEgNy4yN2wtLjAyLjAyMWEuNzQ2Ljc0NiAwIDAgMS0uNTMuMjJ6IiBmaWxsPSIjMzMzIi8+PC9zdmc+) !important;
  background-repeat: no-repeat;
}

.about .positionFixed .abouttag[data-v-e290784c],
.about .positionFixed .aboutTitle[data-v-e290784c],
.about .positionFixed .after[data-v-e290784c],
.about .positionFixed .itemlist[data-v-e290784c] {
  color: #333 !important;
}

.about .positionFixed .buy[data-v-e290784c] {
  background: #df001f !important;
  color: #fff !important;
}

@media screen and (max-width: 767px) {
  .about .about-header[data-v-e290784c] {
    width: 91.4667%;
  }

  .about .about-header .gutter[data-v-e290784c] {
    width: 100%;
  }

  .about .wrapperBorder[data-v-e290784c] {
    display: none;
  }

  .about .about-header-wrapper2[data-v-e290784c] {
    display: block;
    width: 100%;
    height: 1.333333rem;
    padding: 0 0.426667rem;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: transparent;
    color: #222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .about .about-header-wrapper2 .icon .img[data-v-e290784c] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MiIgaGVpZ2h0PSI3LjUxMSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzQ1IiBkPSJNNi43NiA3LjUxMWEuNzQ2Ljc0NiAwIDAgMS0uNTMxLS4yMmwtLjAyMS0uMDIyTC4yMiAxLjI4MUEuNzUuNzUgMCAwIDEgMS4yODEuMjJMNi43NiA1LjcgMTIuMjQuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMS4wNjFMNy4zMTEgNy4yN2wtLjAyLjAyMWEuNzQ2Ljc0NiAwIDAgMS0uNTMuMjJ6IiBmaWxsPSIjMzMzIi8+PC9zdmc+);
    background-repeat: no-repeat;
  }

  .about .about-header-wrapper2.black[data-v-e290784c] {
    color: #fff;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  }

  .about .about-header-wrapper2.black.select .abouttag[data-v-e290784c],
  .about .about-header-wrapper2.black.select .itemlist[data-v-e290784c] {
    color: #333 !important;
  }

  .about .about-header-wrapper2.black.select .icon .img[data-v-e290784c] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy41MiIgaGVpZ2h0PSI3LjUxMSI+PHBhdGggZGF0YS1uYW1lPSLogZTlkIggMzQ1IiBkPSJNNi43NiA3LjUxMWEuNzQ2Ljc0NiAwIDAgMS0uNTMxLS4yMmwtLjAyMS0uMDIyTC4yMiAxLjI4MUEuNzUuNzUgMCAwIDEgMS4yODEuMjJMNi43NiA1LjcgMTIuMjQuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMS4wNjFMNy4zMTEgNy4yN2wtLjAyLjAyMWEuNzQ2Ljc0NiAwIDAgMS0uNTMuMjJ6IiBmaWxsPSIjMzMzIi8+PC9zdmc+) !important;
    background-repeat: no-repeat;
  }

  .about .about-header-wrapper2.black .icon .img[data-v-e290784c] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi45OTYiIGhlaWdodD0iNy45OTciPjxwYXRoIGQ9Ik02LjUgNy45NjhMNi40NzEgOCA1LjM4MyA2Ljg1NGwuMDI3LS4wMjhMMCAxLjE0NCAxLjA4NyAwIDYuNSA1LjY4MyAxMS45MDkgMCAxMyAxLjE0MiA3LjU4NSA2LjgyNmwuMDI4LjAzTDYuNTI1IDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-repeat: no-repeat;
  }

  .about .about-header-wrapper2.select[data-v-e290784c] {
    background: hsla(0, 0%, 100%, 0.98) !important;
  }

  .about .about-header-wrapper2 .abouttag[data-v-e290784c] {
    font-size: 16px;
    font-family: DINOffcPro;
    font-weight: 700;
    line-height: 1.333333rem;
    position: absolute;
    z-index: 10;
  }

  .about .about-header-wrapper2 .buyLink[data-v-e290784c] {
    position: absolute;
    margin: 0;
    top: 12px;
    right: 4.267%;
    z-index: 10;
  }

  .about .el-menu[data-v-e290784c] {
    background-color: transparent;
  }

  .about .icon[data-v-e290784c] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 9;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }

  .about .icon .img[data-v-e290784c] {
    width: 0.373333rem;
    height: 0.213333rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi45OTYiIGhlaWdodD0iNy45OTciPjxwYXRoIGQ9Ik02LjUgNy45NjhMNi40NzEgOCA1LjM4MyA2Ljg1NGwuMDI3LS4wMjhMMCAxLjE0NCAxLjA4NyAwIDYuNSA1LjY4MyAxMS45MDkgMCAxMyAxLjE0MiA3LjU4NSA2LjgyNmwuMDI4LjAzTDYuNTI1IDh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-repeat: no-repeat;
    -webkit-transform: rotateX(1turn);
    transform: rotateX(1turn);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }

  .about .icon.pullup .img[data-v-e290784c] {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }

  .about .itembox[data-v-e290784c] {
    width: 100%;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    background: hsla(0, 0%, 100%, 0.98);
    border-bottom: 0.013333rem solid rgba(0, 0, 0, 0.5);
  }

  .about .itembox.black[data-v-e290784c] {
    background: #fff;
    color: #fff;
  }

  .about .itembox.slidedown[data-v-e290784c] {
    height: 6.933333rem;
  }

  .about .itemlist[data-v-e290784c] {
    width: 100%;
    z-index: 1;
    height: 0;
    top: 0;
    left: 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: hsla(0, 0%, 100%, 0.98);
    font-size: 12px;
    font-family: DINOffcPro;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
  }

  .about .itemlist a.nuxt-link-exact-active[data-v-e290784c],
  .about .itemlist li.nuxt-link-exact-active[data-v-e290784c] {
    color: rgba(51, 51, 51, 0.5) !important;
  }

  .about .itemlist.black[data-v-e290784c] {
    background: hsla(0, 0%, 100%, 0.98);
    color: #fff;
  }

  .about .itemlist.black .item[data-v-e290784c],
  .about .itemlist .item[data-v-e290784c] {
    border-bottom: 0.013333rem solid rgba(0, 0, 0, 0.1);
  }

  .about .itemlist .item[data-v-e290784c] {
    width: 8.4rem;
    height: 1.12rem;
    line-height: 1.12rem;
    -webkit-transform: translateY(-2.666667rem);
    transform: translateY(-2.666667rem);
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    opacity: 0;
  }

  .about .itemlist .item a[data-v-e290784c],
  .about .itemlist .item li[data-v-e290784c] {
    font-size: 0.32rem;
    text-align: left;
  }

  .about .itemlist .item.active[data-v-e290784c] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  .about .itemlist .item.active.item1[data-v-e290784c] {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }

  .about .itemlist .item.active.item2[data-v-e290784c] {
    -webkit-transition-delay: 0.63s;
    transition-delay: 0.63s;
  }

  .about .itemlist .item.active.item3[data-v-e290784c] {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
  }

  .about .itemlist .item.active.item4[data-v-e290784c] {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
  }

  .about .itemlist .item.active.item5[data-v-e290784c] {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
  }

  .about .itemlist .item.active.item6[data-v-e290784c] {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s;
  }

  .about .itemlist .item.active.item7[data-v-e290784c] {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
  }

  .about .itemlist .item.active.item8[data-v-e290784c] {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
  }

  .about .itemlist .item.active.item9[data-v-e290784c] {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
  }

  .about .itemlist .item.active.item10[data-v-e290784c] {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
  }

  .about .itemlist .item[data-v-e290784c]:last-child {
    border: 0;
  }

  .about .itemlist .item.item10[data-v-e290784c] {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }

  .about .itemlist .item.item9[data-v-e290784c] {
    -webkit-transition-delay: 0.63s;
    transition-delay: 0.63s;
  }

  .about .itemlist .item.item8[data-v-e290784c] {
    -webkit-transition-delay: 0.56s;
    transition-delay: 0.56s;
  }

  .about .itemlist .item.item7[data-v-e290784c] {
    -webkit-transition-delay: 0.49s;
    transition-delay: 0.49s;
  }

  .about .itemlist .item.item6[data-v-e290784c] {
    -webkit-transition-delay: 0.42s;
    transition-delay: 0.42s;
  }

  .about .itemlist .item.item5[data-v-e290784c] {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s;
  }

  .about .itemlist .item.item4[data-v-e290784c] {
    -webkit-transition-delay: 0.28s;
    transition-delay: 0.28s;
  }

  .about .itemlist .item.item3[data-v-e290784c] {
    -webkit-transition-delay: 0.21s;
    transition-delay: 0.21s;
  }

  .about .itemlist .item.item2[data-v-e290784c] {
    -webkit-transition-delay: 0.14s;
    transition-delay: 0.14s;
  }

  .about .itemlist .item.item1[data-v-e290784c] {
    -webkit-transition-delay: 0.07s;
    transition-delay: 0.07s;
  }

  .about .itemlist.slidedown[data-v-e290784c] {
    padding: 0.533333rem 0 0.8rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .about .about-header-wrapper1[data-v-e290784c] {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
  }

  .about .about-header .gutter[data-v-e290784c] {
    width: 48.913%;
  }
}

@media screen and (min-width: 992px) {
  .about .about-header-wrapper1[data-v-e290784c] {
    width: 980px;
    padding: 0;
    margin: 0 auto;
  }

  .about .about-header .gutter[data-v-e290784c] {
    width: 49%;
  }
}

#navheader .buy.disabled[data-v-e290784c] {
  background-color: #d4d4d4 !important;
}

@media screen and (min-width: 769px) {
  .ispc[data-v-dcdf0366] {
    display: block;
  }

  .ismob[data-v-dcdf0366] {
    display: none;
    overflow: hidden;
  }

  .main[data-v-dcdf0366] {
    width: 13.333333rem;
    margin: 0 auto;
  }

  [class$="title"][data-v-dcdf0366] {
    color: #eee;
    line-height: 56px;
    font-size: 40px;
    /* font-family: PingFangSC-Semibold; */
    text-align: center;
    padding-top: 1.6rem;
    padding-bottom: 0.666667rem;
    max-width: 13.333333rem;
    margin: 0 auto;
  }

  [class$="desc"][data-v-dcdf0366] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    max-width: 8rem;
    margin-left: auto;
    margin-right: auto;
  }

  [class$="logo"][data-v-dcdf0366] {
    padding: 0.933333rem 0;
    height: 0.8rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    font-family: DINOffcPro-Bold;
    font-weight: 700;
    text-align: center;
    max-width: 13.333333rem;
    margin: 0 auto;
  }

  [class$="logo"] [class$="title-two"][data-v-dcdf0366] {
    font-size: 24px;
    padding-left: 0.133333rem;
  }

  [class$="img-bg"][data-v-dcdf0366] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .commonCenter[data-v-dcdf0366] {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  section.con[data-v-dcdf0366] {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .btnWrap[data-v-dcdf0366] {
    display: block;
    width: 196px;
    height: 40px;
    overflow: hidden;
    margin: 1.6rem auto;
    position: relative;
  }

  .btnWrap .customBtn[data-v-dcdf0366] {
    border: 1px solid #df001f;
    /* font-family: PingFangSC-Semibold; */
    font-size: 14px;
    color: #df001f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 18px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .btnWrap .customBtn img[data-v-dcdf0366] {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 17px;
    margin-top: -2px;
  }

  .btnWrap .customBtn[data-v-dcdf0366]:hover {
    opacity: 0.5;
  }

  .btnWrap .customBtn:hover img[data-v-dcdf0366] {
    margin-left: 22px;
  }

  .btnWrap .customBtn.disabled[data-v-dcdf0366] {
    color: #d4d4d4;
    border-color: #d4d4d4;
  }

  .section1 .con1-head[data-v-dcdf0366] {
    height: 11.2rem;
    width: 25.6rem;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    background-position: auto 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
    animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
  }

  .section1 .con1-head-bg[data-v-dcdf0366] {
    height: 100%;
    background-size: auto 100%;
    position: relative;
  }

  .section1 .con1-head-layer[data-v-dcdf0366] {
    height: 100%;
    width: 100%;
  }

  .section1 .con1-head-pic[data-v-dcdf0366] {
    height: 12rem;
    width: auto;
    position: absolute;
    margin-top: -0.4rem;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }

  .section1 .con1-head-pic-logo[data-v-dcdf0366] {
    height: 0.96rem;
    width: auto;
    left: 39% !important;
    top: 47% !important;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
    animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .section2 .warn-for-buy[data-v-dcdf0366] {
    text-align: center;
    font-size: 0.186667rem;
    line-height: 1.5;
  }

  .section2 .con2-title[data-v-dcdf0366] {
    padding-top: 0.933333rem;
    color: #333;
  }

  .section2 .con2-desc[data-v-dcdf0366] {
    color: #333;
    padding-bottom: 0.933333rem;
  }

  .section2 .con2-video-box[data-v-dcdf0366] {
    width: 13.333333rem;
    height: 6.533333rem;
    padding-bottom: 0.933333rem;
    overflow: hidden;
  }

  .section2 .con2-video-pic[data-v-dcdf0366] {
    cursor: pointer;
    width: 6.533333rem;
    height: 6.533333rem;
    float: left;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

  .section2 .con2-video-pic[data-v-dcdf0366]:hover {
    opacity: 0.6;
  }

  .section2 .con2-pic2[data-v-dcdf0366] {
    padding-left: 0.266667rem;
  }

  .section2 .con2-img[data-v-dcdf0366] {
    display: block;
    width: 100%;
    height: 100%;
  }

  .section2 .con3-video-box[data-v-dcdf0366] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .section2 .con2-player-btn[data-v-dcdf0366] {
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section2 .con3-video-title[data-v-dcdf0366] {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    padding: 0.146667rem 0 0;
  }

  .section3[data-v-dcdf0366] {
    background-color: #f0f2f7;
  }

  .section3 .con3-title[data-v-dcdf0366] {
    padding-top: 0;
    color: #333;
  }

  .section3 .con3-desc[data-v-dcdf0366] {
    color: #333;
  }

  .section3 .con3-content[data-v-dcdf0366] {
    position: relative;
    height: 4rem;
    overflow: hidden;
    margin-top: 0.613333rem;
    padding-bottom: 1.68rem;
  }

  .section3 .svg-box[data-v-dcdf0366] {
    position: relative;
    width: 100%;
    height: 4rem;
    -webkit-clip-path: url(#svg-path);
    clip-path: url(#svg-path);
  }

  .section3 .svg-video-container[data-v-dcdf0366] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .section3 .svg-video-container .svg-video[data-v-dcdf0366],
  .section3 .svg-video-container img[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
  }

  .section3 .svg[data-v-dcdf0366] {
    font-size: 3.84rem;
    font-family: DINOffcPro-Bold;
    font-weight: 700;
  }

  .section4[data-v-dcdf0366] {
    background: url(/niu/ngt/img/bb2b462.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section4 .con4-box[data-v-dcdf0366] {
    height: 15.826667rem;
  }

  .section5[data-v-dcdf0366] {
    background-color: #000;
  }

  .section5 .con5-top[data-v-dcdf0366] {
    position: relative;
    height: 13.2rem;
  }

  .section5 .con5-top-pic[data-v-dcdf0366] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-12.786667rem);
    transform: translateX(-12.786667rem);
    display: block;
  }

  .section5 .con5-param[data-v-dcdf0366] {
    width: 100%;
    padding-top: 0.546667rem;
    padding-bottom: 2.573333rem;
    min-height: 1.466667rem;
  }

  .section5 .con5-param-item[data-v-dcdf0366] {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section5 .con5-param1[data-v-dcdf0366] {
    width: 0.933333rem;
    margin-left: -2.973333rem;
  }

  .section5 .con5-param2[data-v-dcdf0366] {
    width: 2.093333rem;
    margin-left: 0;
  }

  .section5 .con5-param3[data-v-dcdf0366] {
    width: 0.933333rem;
    margin-left: 2.973333rem;
  }

  .section5 .con5-param-title[data-v-dcdf0366] {
    color: #eee;
    line-height: 82px;
    font-size: 64px;
    font-family: DINOffcPro;
    font-weight: 700;
    padding: 0;
  }

  .section5 .con5-param-Symbol[data-v-dcdf0366] {
    position: absolute;
    bottom: 0.226667rem;
    right: -0.346667rem;
    color: #eee;
    line-height: 20px;
    font-size: 20px;
    font-family: DINOffcPro;
    font-weight: 700;
  }

  .section5 .con5-param-desc[data-v-dcdf0366] {
    position: absolute;
    top: 1.093333rem;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
  }

  .section5 .con5-bottom[data-v-dcdf0366] {
    height: 3.533333rem;
    padding-bottom: 2.386667rem;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .section5 .con5-bottom-bg[data-v-dcdf0366] {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section6[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/432c136.png) no-repeat 50%;
    background-size: cover;
  }

  .section7 .con7-top[data-v-dcdf0366] {
    display: table;
    margin-top: 1.6rem;
    background-color: #f0f2f7;
    width: 13.333333rem;
    overflow: hidden;
    font-size: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section7 .con7-top-left[data-v-dcdf0366],
  .section7 .con7-top-right[data-v-dcdf0366] {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
  }

  .section7 .con7-top-right[data-v-dcdf0366] {
    text-align: right;
    padding: 0.48rem 0.8rem 0.2rem 0;
  }

  .section7 .con7-top-left-img[data-v-dcdf0366] {
    width: 1.173333rem;
    display: inline-block;
    padding-left: 1.4rem;
    vertical-align: middle;
  }

  .section7 .con7-top-left-title[data-v-dcdf0366] {
    display: inline-block;
    padding: 0 0 0 0.426667rem;
    font-size: 16px;
    line-height: 21px;
    vertical-align: middle;
    color: #333;
  }

  .section7 .con7-top-right-item[data-v-dcdf0366] {
    padding-bottom: 0.28rem;
  }

  .section7 .con7-top-right-title[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    /* font-family: PingFangSC-Semibold; */
    text-align: right;
    display: inline-block;
    padding: 0 0.426667rem 0 0;
    vertical-align: top;
  }

  .section7 .con7-top-right-desc[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    width: 2.506667rem;
    text-align: left;
  }

  .section7 .con7-bottom[data-v-dcdf0366] {
    margin-top: 0.266667rem;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 13.333333rem;
    overflow: hidden;
  }

  .section7 .con7-bottom-left[data-v-dcdf0366],
  .section7 .con7-bottom-right[data-v-dcdf0366] {
    background-color: #f0f2f7;
    width: 6.533333rem;
    height: 2.4rem;
    line-height: 2.4rem;
    float: left;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
  }

  .section7 .con7-bottom-right[data-v-dcdf0366] {
    float: right;
  }

  .section7 .con7-bottom-img[data-v-dcdf0366] {
    width: 1.173333rem;
    height: 1.173333rem;
    display: inline-block;
    vertical-align: middle;
  }

  .section7 .con7-bottom-left-img[data-v-dcdf0366] {
    padding-left: 1.4rem;
  }

  .section7 .con7-bottom-right-img[data-v-dcdf0366] {
    padding-left: 1.613333rem;
  }

  .section7 .con7-content[data-v-dcdf0366] {
    display: inline-block;
    padding-left: 0.426667rem;
    width: 2.133333rem;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
  }

  .section7 .con7-bottom-title[data-v-dcdf0366] {
    text-align: left;
    padding: 0;
    color: #333;
    line-height: 22px;
    font-size: 16px;
    /* font-family: PingFangSC-Semibold */
  }

  .section7 .con7-bottom-desc[data-v-dcdf0366] {
    width: auto;
    text-align: left;
    color: #333;
    line-height: 28px;
    font-size: 15px;
    font-weight: 400;
    padding-top: 0.2rem;
  }

  .section8[data-v-dcdf0366] {
    background-color: #f0f2f7;
  }

  .section8 .con8-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 0;
  }

  .section8 .con8-desc[data-v-dcdf0366] {
    position: relative;
    z-index: 2;
    color: #333;
  }

  .section8 #con8-top1[data-v-dcdf0366] {
    position: absolute;
    top: 6.666667rem;
  }

  .section8 #con8-top2[data-v-dcdf0366] {
    position: absolute;
    top: 20rem;
  }

  .section8 .con8-pic-box[data-v-dcdf0366] {
    position: relative;
    height: 11.466667rem;
    width: 100%;
    padding-bottom: 11.333333rem;
  }

  .section8 .con8-img[data-v-dcdf0366] {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }

  .section8 .con8-bike2[data-v-dcdf0366] {
    top: -1.56rem;
    height: 14.253333rem;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
  }

  .section8 .con8-bike2.isShow[data-v-dcdf0366] {
    opacity: 1;
  }

  .section8 .con8-bike1[data-v-dcdf0366] {
    top: -0.533333rem;
    height: 11.466667rem;
    margin-left: 0.64rem;
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
  }

  .section8 .con8-bike1.isShow[data-v-dcdf0366] {
    opacity: 1;
  }

  .section8 .con8-inner-three[data-v-dcdf0366] {
    z-index: 3;
    width: 15.773333rem;
    display: block;
    position: absolute;
    top: 12.16rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -4.46rem;
    overflow: hidden;
  }

  .section8 .con8-inner-three-pc[data-v-dcdf0366] {
    width: 100%;
    display: block;
    position: relative;
  }

  .section8 .con8-inner-gray[data-v-dcdf0366] {
    top: 75%;
    left: 80%;
    position: absolute;
    width: 12%;
    height: 10%;
    background-color: #666;
  }

  .section8 .con8-inner-white[data-v-dcdf0366] {
    position: absolute;
    width: 0;
    height: 10%;
    top: 75%;
    left: 80.4%;
    font-size: 0;
    background-color: #fff;
  }

  .section9[data-v-dcdf0366] {
    background-color: #f0f2f7;
  }

  .section9 .con9-list[data-v-dcdf0366] {
    color: #333;
    line-height: 56px;
    font-size: 40px;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 400;
    width: 12.8rem;
    margin: 0 auto;
    padding-bottom: 1.866667rem;
    position: relative;
    z-index: 2;
  }

  .section9 .con9-list-item[data-v-dcdf0366] {
    text-align: center;
    padding-bottom: 0.133333rem;
  }

  .section9 .con9-pic-item[data-v-dcdf0366] {
    position: absolute;
    top: 0.533333rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 7.333333rem;
    width: 5.6rem;
    height: 6.666667rem;
  }

  .section9 .con9-battery[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
    display: block;
  }

  .section9 .con9-choose[data-v-dcdf0366] {
    width: 100%;
    position: relative;
    height: 18.266667rem;
    z-index: 1;
    overflow: hidden;
  }

  .section9 .con9-choose-title[data-v-dcdf0366] {
    color: #333;
    padding: 1.146667rem 0 0;
  }

  .section9 .con9-choose-num[data-v-dcdf0366] {
    color: #df001f;
    line-height: 312px;
    font-size: 288px;
    font-family: DINOffcPro-Bold;
    font-weight: 700;
    margin: 0 auto;
    max-width: 13.333333rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section9 .con9-choose-num .con9-choose-shownum[data-v-dcdf0366] {
    width: 50%;
    text-align: right;
    display: inline-block;
  }

  .section9 .con9-choose-num .con9-choose-unit[data-v-dcdf0366] {
    width: 50%;
    display: inline-block;
    text-align: left;
  }

  .section9 .con9-choose-showdesc[data-v-dcdf0366] {
    padding-top: 0.933333rem;
    width: 8rem;
    color: #333;
  }

  .section9 .con9-branch[data-v-dcdf0366] {
    width: 13.333333rem;
    margin: 0 auto;
    background-color: #f0f2f7;
    padding-bottom: 1.2rem;
  }

  .section9 .con9-branch-bottom[data-v-dcdf0366] {
    overflow: hidden;
    margin-bottom: 0.266667rem;
  }

  .section9 .con9-branch-bottom-left[data-v-dcdf0366],
  .section9 .con9-branch-bottom-right[data-v-dcdf0366] {
    background-color: hsla(0, 0%, 100%, 0.5);
    width: 6.533333rem;
    height: 2.4rem;
    line-height: 2.4rem;
    float: left;
    font-size: 0;
    overflow: hidden;
    vertical-align: middle;
  }

  .section9 .con9-branch-bottom-right[data-v-dcdf0366] {
    float: right;
  }

  .section9 .con9-branch-bottom-img[data-v-dcdf0366] {
    width: 1.173333rem;
    height: 1.173333rem;
    display: inline-block;
    vertical-align: middle;
  }

  .section9 .con9-branch-bottom-left-img[data-v-dcdf0366] {
    padding-left: 1.8rem;
  }

  .section9 .con9-branch-bottom-right-img[data-v-dcdf0366] {
    padding-left: 1.2rem;
  }

  .section9 .con9-branch-content[data-v-dcdf0366] {
    display: inline-block;
    width: 6.666667rem;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
  }

  .section9 .con9-branch-short-content[data-v-dcdf0366] {
    width: 2.773333rem !important;
  }

  .section9 .con9-branch-bottom-title[data-v-dcdf0366] {
    color: #333;
    line-height: 22px;
    font-size: 16px;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 400;
    padding: 0;
    text-align: left;
  }

  .section9 .con9-branch-bottom-desc[data-v-dcdf0366] {
    color: #333;
    padding-top: 0.2rem;
    text-align: left;
  }

  .section9 .con9-branch-top[data-v-dcdf0366] {
    background-color: hsla(0, 0%, 100%, 0.5);
    height: 2.4rem;
    line-height: 2.4rem;
    font-size: 0;
  }

  .section9 .con9-branch-top-icon[data-v-dcdf0366] {
    width: 1.173333rem;
    height: 1.173333rem;
    display: inline-block;
    vertical-align: middle;
  }

  .section9 .con9-branch-center[data-v-dcdf0366] {
    overflow: hidden;
    height: 100%;
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section9 .con9-branch-content[data-v-dcdf0366] {
    padding-left: 0.426667rem;
  }

  .section9 .con9-branch-top-title[data-v-dcdf0366] {
    padding: 0;
    color: #333;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400;
  }

  .section9 .con9-branch-top-desc[data-v-dcdf0366] {
    padding-top: 0.186667rem;
    color: #333;
  }

  .section9 .carTypeChoose2[data-v-dcdf0366] {
    margin: 0 auto;
    width: 11.213333rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .section9 .carTypeChoose2 .con12-select[data-v-dcdf0366] {
    width: 1.96rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .section9 .selectWrap[data-v-dcdf0366] {
    width: 247px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .section9 .selectWrap .selectText[data-v-dcdf0366] {
    height: 50px;
    font-size: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 50px;
  }

  .section10[data-v-dcdf0366] {
    text-align: center;
  }

  .section10 .c10-bg-1[data-v-dcdf0366] {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .section10 .c10-bg-1[data-v-dcdf0366],
  .section10 .c10-bg-2[data-v-dcdf0366] {
    background: url(/niu/ngt/img/570bc0d.svg) 50% no-repeat;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    width: 12.8rem;
  }

  .section10 .c10-bg-2[data-v-dcdf0366] {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .section10 .c10-title[data-v-dcdf0366] {
    color: #333;
  }

  .section10 .c10_battery[data-v-dcdf0366] {
    width: 8rem;
    font-size: 0;
    margin: 0 auto;
  }

  .section10 .c10_battery li[data-v-dcdf0366] {
    width: 0.933333rem;
    height: 1.36rem;
    margin-right: 0.24rem;
    display: inline-block;
    font-size: 0;
    vertical-align: bottom;
  }

  .section10 .c10_battery li img[data-v-dcdf0366] {
    width: 53px;
    height: 53px;
    overflow: hidden;
    margin-bottom: 5px;
  }

  .section10 .c10_battery li[data-v-dcdf0366]:nth-child(7),
  .section10 .c10_battery li[data-v-dcdf0366]:nth-child(14) {
    margin-right: 0;
  }

  .section10 .c10_batIntro[data-v-dcdf0366] {
    color: #333;
    line-height: 12px;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
  }

  .section11[data-v-dcdf0366] {
    background: #f0f2f7;
    text-align: center;
  }

  .section11 .con11-title[data-v-dcdf0366] {
    color: #333;
    padding: 0 0 0.84rem;
  }

  .section11 .c11_contentScene[data-v-dcdf0366] {
    width: 18.666667rem;
    height: 11.786667rem;
    position: relative;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
  }

  .section11 .c11_contentScene img[data-v-dcdf0366] {
    position: absolute;
  }

  .section11 .c11_contentScene img[data-v-dcdf0366]:nth-child(n + 2) {
    -webkit-box-shadow: 0 0.133333rem 1.066667rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.133333rem 1.066667rem 0 rgba(0, 0, 0, 0.1);
  }

  .section11 .c11_pic1[data-v-dcdf0366] {
    width: 11.933333rem;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    z-index: 1;
  }

  .section11 .c11_pic2[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 1.506667rem !important;
    top: 4.053333rem !important;
  }

  .section11 .c11_pic3[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 12rem !important;
    top: 5.133333rem !important;
  }

  .section11 .c11_pic4[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 1.066667rem !important;
    top: 8.826667rem !important;
    z-index: 3;
  }

  .section11 .c11_pic5[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 13.066667rem !important;
    top: 8.266667rem !important;
    z-index: 3;
  }

  .section11 .c11_pic6[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 5.573333rem !important;
    top: 6.306667rem !important;
    z-index: 3;
  }

  .section12[data-v-dcdf0366] {
    background: #0d0d0d;
    text-align: center;
  }

  .section12 .c12-desc[data-v-dcdf0366] {
    padding-bottom: 1.32rem;
  }

  .section12 .c12_motoVideo[data-v-dcdf0366] {
    position: relative;
  }

  .section12 .Dashboard[data-v-dcdf0366] {
    height: 9.466667rem;
    background: url(/niu/ngt/img/3696975.png) no-repeat top;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
  }

  .section12 .c12_motoVideo img[data-v-dcdf0366] {
    position: absolute;
    opacity: 0;
  }

  .section12 .c12_yibiao.showTab0[data-v-dcdf0366],
  .section12 .c12_yibiao.showTab1[data-v-dcdf0366] {
    display: block;
  }

  .section12 .c12_motoVideo .showTab2[data-v-dcdf0366] {
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  .section12 .c12poster1[data-v-dcdf0366] {
    left: 50%;
    transform: translateX(-51%);
    -webkit-transform: translateX(-51%);
    top: 1.906667rem;
  }

  .section12 .c12_motoVideo .c12kedu[data-v-dcdf0366] {
    width: 12.866667rem;
    left: 50%;
    transform: translateX(-51.5%);
    -webkit-transform: translateX(-51.5%);
    top: 1.093333rem;
    z-index: 5;
  }

  .section12 .c12_yibiao[data-v-dcdf0366] {
    width: 7rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: 1.906667rem;
    z-index: 1;
    display: none;
    -webkit-animation: fadeIn 0.2s ease-in-out;
    animation: fadeIn 0.2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .section12 .c12_switchBtn[data-v-dcdf0366] {
    position: absolute;
    height: 48px;
    border-bottom: 0.013333rem solid hsla(0, 0%, 100%, 0.3);
    color: #d1d3d3;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    top: 6.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }

  .section12 .c12_switchBtn li[data-v-dcdf0366] {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48.5px;
    cursor: pointer;
  }

  .section12 .c12_switchBtn li[data-v-dcdf0366]:hover {
    opacity: 0.6;
  }

  .section12 .c12_switchBtn .c12_currentCheck[data-v-dcdf0366]:hover {
    opacity: 1;
  }

  .section12 .c12_switchBtn li[data-v-dcdf0366]:nth-child(2) {
    margin: 0 0.873333rem;
  }

  .section12 .c12_currentCheck[data-v-dcdf0366] {
    border-bottom: 2px solid #df001f;
    color: #eee;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 600;
  }

  .section12 .c12_dashboardDetail[data-v-dcdf0366] {
    width: 8rem;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    position: absolute;
    bottom: 0.266667rem;
  }

  .section13[data-v-dcdf0366] {
    background: url(/niu/ngt/img/f39548d.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section13 .con13-box[data-v-dcdf0366] {
    height: 15.826667rem;
  }

  .section14 .c14-title[data-v-dcdf0366] {
    padding-bottom: 1.6rem;
    color: #333;
  }

  .section14 .c14_imgList[data-v-dcdf0366] {
    width: 13.333333rem;
    font-size: 0;
  }

  .section14 .c14_imgList li[data-v-dcdf0366] {
    display: inline-block;
    position: relative;
  }

  .section14 .c14_imgList img[data-v-dcdf0366]:first-child {
    margin-bottom: 0.266667rem;
  }

  .section14 .c14_imgList li[data-v-dcdf0366]:nth-child(2) {
    margin-right: 0.253333rem;
    width: 6.533333rem;
  }

  .section14 .c14_imgList li:first-child img[data-v-dcdf0366] {
    width: 13.333333rem;
  }

  .section14 .c14_imgList li:nth-child(2) img[data-v-dcdf0366],
  .section14 .c14_imgList li:nth-child(3) img[data-v-dcdf0366] {
    width: 6.533333rem;
  }

  .section14 .c14_imgListIntro[data-v-dcdf0366] {
    position: absolute;
    bottom: 0.666667rem;
    width: 100%;
    text-align: center;
    left: 0;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
  }

  .section15[data-v-dcdf0366] {
    background: #000;
  }

  .section15 .con15-title[data-v-dcdf0366] {
    padding: 0;
  }

  .section15 .c15_che[data-v-dcdf0366] {
    height: 14.4rem;
    background: url(/niu/ngt/img/4b7f530.jpg) no-repeat top;
    background-size: auto 100%;
    margin-top: 0.533333rem;
  }

  .section15 .c15_card[data-v-dcdf0366] {
    width: 20.92rem;
    height: 9.613333rem;
    background: url(/niu/ngt/img/b39dff7.jpg) no-repeat 0;
    background-size: auto 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-12.786667rem);
    transform: translateX(-12.786667rem);
  }

  .section15 .c15_cpuList[data-v-dcdf0366] {
    margin-bottom: 1.6rem;
    text-align: center;
  }

  .section15 .c15_cpuList li[data-v-dcdf0366] {
    display: inline-block;
    color: #eee;
  }

  .section15 .c15_cpuList li[data-v-dcdf0366]:nth-child(2) {
    margin: 0 3.4rem 0 2.613333rem;
  }

  .section15 .c15_cpuList li p[data-v-dcdf0366] {
    font-size: 0;
  }

  .section15 .c15_cpuList li p[data-v-dcdf0366]:first-child {
    /* font-family: PingFangSC-Semibold; */
    font-size: 20px;
    height: 0.853333rem;
    text-align: center;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 0.426667rem;
  }

  .section15 .c15_cpuList li p:first-child.text-right[data-v-dcdf0366] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .section15 .c15_cpuList li p[data-v-dcdf0366]:nth-child(2) {
    font-size: 16px;
  }

  .section15 .c15_big[data-v-dcdf0366] {
    font-size: 64px;
    height: 64px;
    line-height: 64px;
  }

  .section15 .c15_float1[data-v-dcdf0366],
  .section15 .c15_float2[data-v-dcdf0366] {
    padding: 0 0 0.093333rem 0.066667rem;
  }

  .section16[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/ad2b2a2.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section17[data-v-dcdf0366] {
    background: #f0f2f7;
  }

  .section17 .con17-desc[data-v-dcdf0366],
  .section17 .con17-title[data-v-dcdf0366] {
    color: #333;
  }

  .section17 .c17_picAnimate[data-v-dcdf0366] {
    height: 12.253333rem;
    position: relative;
    width: 16.573333rem;
    font-size: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }

  .section17 .c17_picAnimate img[data-v-dcdf0366] {
    position: absolute;
  }

  .section17 .c17_pic1[data-v-dcdf0366] {
    width: 6.08rem;
    left: 5.213333rem !important;
    top: 3.146667rem !important;
  }

  .section17 .c17_pic2[data-v-dcdf0366] {
    width: 5.213333rem;
    left: 2.36rem !important;
    top: 0.906667rem !important;
  }

  .section17 .c17_pic4[data-v-dcdf0366] {
    width: 5.24rem;
    left: 0 !important;
    top: 4.306667rem !important;
  }

  .section17 .c17_pic3[data-v-dcdf0366] {
    width: 5.213333rem;
    left: 8.96rem !important;
    top: 2.28rem !important;
  }

  .section17 .c17_pic5[data-v-dcdf0366] {
    width: 5.213333rem;
    left: 11.293333rem !important;
    top: 4.613333rem !important;
  }

  .section17 .c17_pic6[data-v-dcdf0366] {
    width: 7.253333rem;
    left: 4.733333rem !important;
    top: 7.066667rem !important;
  }

  .section18 .c18-title[data-v-dcdf0366] {
    padding-bottom: 1.64rem;
    color: #333;
  }

  .section18 .el-row[data-v-dcdf0366] {
    width: 13.333333rem;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
  }

  .section18 .el-row.first-row[data-v-dcdf0366] {
    margin-bottom: 0.266667rem;
  }

  .section18 .grid-content[data-v-dcdf0366] {
    width: 100%;
    height: 2.4rem;
    background: #f0f2f7;
    line-height: 2.4rem;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1.6rem;
  }

  .section18 .grid-content img[data-v-dcdf0366] {
    vertical-align: middle;
    font-size: 0;
  }

  .section18 .grid-content p[data-v-dcdf0366] {
    display: inline-block;
    text-align: left;
    color: #333;
    line-height: 33px;
    font-size: 16px;
    font-weight: 400;
    vertical-align: middle;
    margin-left: 0.426667rem;
  }

  .section18 .c18_paramsTitle[data-v-dcdf0366] {
    /* font-family: PingFangSC-Semibold; */
    font-weight: 600;
  }

  .section19[data-v-dcdf0366] {
    background: #f0f2f7;
    padding-bottom: 1.2rem;
  }

  .section19 .con19-logo[data-v-dcdf0366] {
    padding-top: 0.933333rem;
  }

  .section19 .con19-desc[data-v-dcdf0366],
  .section19 .con19-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 0;
  }

  .section19 .c19_che[data-v-dcdf0366] {
    margin-top: 0.746667rem;
    position: relative;
    width: 14.48rem;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }

  .section19 .c19_che img[data-v-dcdf0366] {
    width: 14.48rem;
  }

  .section19 .c22_gpsList[data-v-dcdf0366] {
    width: 13.333333rem;
    margin: 1.2rem auto 1.6rem;
    font-size: 0;
    text-align: center;
  }

  .section19 .c22_gpsList li[data-v-dcdf0366] {
    display: inline-block;
    color: #333;
  }

  .section19 .c22_gpsList li[data-v-dcdf0366]:nth-child(2) {
    margin: 0 1.6rem;
  }

  .section19 .c22_gpsList li p[data-v-dcdf0366] {
    text-align: center;
  }

  .section19 .c22_gpsList li p[data-v-dcdf0366]:first-child {
    font-family: DINOffcPro-Bold;
    font-weight: 600;
    font-size: 0.426667rem;
    line-height: 1.5;
  }

  .section19 .c22_gpsList li p[data-v-dcdf0366]:nth-child(2) {
    font-size: 0.213333rem;
  }

  .section20[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/6090e5e.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section21[data-v-dcdf0366] {
    background: #000;
  }

  .section21 .con21-desc[data-v-dcdf0366] {
    padding-bottom: 1.08rem;
  }

  .section21 .con21-mid[data-v-dcdf0366] {
    height: 14.933333rem;
    background-size: auto 100%;
    padding-top: 10.64rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    overflow: hidden;
  }

  .section21 .con21-footImg[data-v-dcdf0366] {
    overflow: hidden;
    height: 11.333333rem;
    position: relative;
    z-index: 0;
  }

  .section22[data-v-dcdf0366] {
    padding-bottom: 0.8rem;
  }

  .section22 .con22-logo[data-v-dcdf0366] {
    padding-bottom: 0.826667rem;
  }

  .section22 .con22-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 0;
  }

  .section22 .con22-desc[data-v-dcdf0366] {
    color: #333;
    padding-bottom: 0.533333rem;
  }

  .section22 .con22_che img[data-v-dcdf0366] {
    display: block;
    width: 1160px;
    height: 825px;
    overflow: hidden;
  }

  .section23[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/0e83628.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section32[data-v-dcdf0366] {
    height: 12.2rem;
  }

  .section32 .con32-title[data-v-dcdf0366] {
    padding-bottom: 0.706667rem;
    color: #333;
  }

  .section32 .con32-desc[data-v-dcdf0366] {
    padding-bottom: 1.2rem;
    color: #333;
  }

  .section32 img[data-v-dcdf0366] {
    display: block;
    position: relative;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
  }

  .section32 .con32-img1[data-v-dcdf0366] {
    width: 190px;
    height: 128px;
    overflow: hidden;
    padding-bottom: 1.2rem;
  }

  .section32 .con32-img2[data-v-dcdf0366] {
    width: 699px;
    height: 211px;
    overflow: hidden;
  }

  .section24[data-v-dcdf0366] {
    height: 16.546667rem;
    background-color: #f0f2f7;
    z-index: 0;
  }

  .section24 .con24-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 10.546667rem;
    padding-bottom: 0.666667rem;
    margin: 0 auto;
  }

  .section24 .con24-desc[data-v-dcdf0366] {
    color: #333;
    margin: 0 auto;
  }

  .section24 .con24-img[data-v-dcdf0366] {
    width: 840px;
    height: 965px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
  }

  .section24 .con24-size[data-v-dcdf0366] {
    padding-top: 0.933333rem;
    text-align: center;
    height: 0.853333rem;
    padding-bottom: 0.24rem;
    color: #333;
    line-height: 64px;
    font-size: 64px;
    font-family: DINOffcPro-Bold;
    font-weight: 400;
  }

  .section24 .con24-sizeNum[data-v-dcdf0366] {
    font-size: 64px;
  }

  .section24 .con24-unit[data-v-dcdf0366] {
    font-size: 20px;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 600;
  }

  .section24 .con24-waterHeight[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
  }

  .section25[data-v-dcdf0366] {
    height: 12rem;
    background: url(/niu/ngt/img/0089f00.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section25 .con25-title[data-v-dcdf0366] {
    padding-top: 0;
  }

  .section26[data-v-dcdf0366] {
    background-color: #f0f2f7;
    z-index: 0;
  }

  .section26 .con26-desc[data-v-dcdf0366],
  .section26 .con26-title[data-v-dcdf0366] {
    color: #333;
  }

  .section26 .btnWrap[data-v-dcdf0366] {
    width: 280px;
  }

  .section26 .con26-niucare[data-v-dcdf0366] {
    width: 14.4rem;
    height: 10rem;
  }

  .section31[data-v-dcdf0366] {
    width: 100%;
    overflow: hidden;
  }

  .section31 .btnWrap[data-v-dcdf0366] {
    margin-top: 0;
    width: 161px;
  }

  .section31 .con31-icon-box[data-v-dcdf0366] {
    margin-top: 1.253333rem;
    height: 0.6608rem;
    text-align: center;
    margin-bottom: 1rem;
  }

  .section31 .con31-icon-box .con31-img-icon[data-v-dcdf0366] {
    height: 100%;
  }

  .section31 .con31-desc[data-v-dcdf0366] {
    font-size: 14px;
    width: 13.333333rem;
    max-width: 13.333333rem;
    margin-left: -0.133333rem;
    line-height: 0.346667rem;
    color: #999;
    text-align: left;
  }

  .section31 .con31-desc p[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .section31 .con31-desc p i[data-v-dcdf0366] {
    font-style: normal;
  }

  .section31 .con31-desc p span[data-v-dcdf0366] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 26px;
  }

  .section31 .con31_bg[data-v-dcdf0366] {
    background: url(/niu/ngt/img/dfca2e2.jpg) no-repeat 50%;
    background-size: cover;
    height: 1.746667rem;
    width: 9.813333rem;
    position: absolute;
    bottom: 1.52rem;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
  }

  /* .section31 .n-gt-swiperWrap[data-v-dcdf0366] {
		width: 7.173333rem;
		margin: 0 auto
	}

	.section31 .n-gt-swiperWrap .swiper-slide[data-v-dcdf0366] {
		width: 100%;
		height: 4.906667rem
	}

	.section31 .n-gt-swiperWrap .swiper-slide img[data-v-dcdf0366] {
		width: 100%;
		height: auto
	}

	.section31 .n-gt-swiperWrap .swiper-pagination[data-v-dcdf0366] {
		bottom: .88rem;
		left: 0;
		right: 0;
		margin: 0 auto
	}

	.section31 .swiper-container[data-v-dcdf0366] {
		width: 100%;
		height: 575px;
		overflow: visible
	} */

  .video-content[data-v-dcdf0366] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    -webkit-animation: fadeIn 0.2s ease-out;
    animation: fadeIn 0.2s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .video-content .video-mask[data-v-dcdf0366] {
    position: absolute;
    opacity: 0.5;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .video-content .video-box[data-v-dcdf0366] {
    width: 12.8rem;
    height: 7.2rem;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .video-content .video[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: fadeIn 0.3s ease-out;
    animation: fadeIn 0.3s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 1;
  }

  .video-content .video[data-v-dcdf0366]:focus {
    outline: none;
  }
}

@media screen and (max-width: 768px) {
  .ispc[data-v-dcdf0366] {
    display: none;
    overflow: hidden;
  }

  .ismob[data-v-dcdf0366] {
    display: block;
  }

  .main[data-v-dcdf0366] {
    width: 8.933333rem;
    margin: 0 auto;
  }

  [class$="title"][data-v-dcdf0366] {
    color: #eee;
    line-height: 50px;
    font-size: 36px;
    /* font-family: PingFangSC-Semibold; */
    text-align: center;
    padding-top: 1.333333rem;
    padding-bottom: 1.333333rem;
    max-width: 8.933333rem;
  }

  [class$="desc"][data-v-dcdf0366] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    max-width: 8.933333rem;
  }

  [class$="logo"][data-v-dcdf0366] {
    padding: 1.333333rem 0 1.546667rem;
    height: 1.6rem;
    color: #df001f;
    line-height: 60px;
    font-size: 60px;
    font-family: DINOffcPro;
    font-weight: 700;
    text-align: center;
    width: 8.933333rem;
    margin: 0 auto;
  }

  [class$="logo"] [class$="title-two"][data-v-dcdf0366] {
    font-size: 24px;
    padding-left: 0.133333rem;
  }

  [class$="img-bg"][data-v-dcdf0366] {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  section.con[data-v-dcdf0366] {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .btnWrap[data-v-dcdf0366] {
    display: block;
    width: 196px;
    height: 40px;
    overflow: hidden;
    margin: 1.866667rem auto;
    position: relative;
  }

  .btnWrap .customBtn[data-v-dcdf0366] {
    border: 1px solid #df001f;
    /* font-family: PingFangSC-Semibold; */
    font-size: 14px;
    color: #df001f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 18px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .btnWrap .customBtn img[data-v-dcdf0366] {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 17px;
    margin-top: -2px;
  }

  .btnWrap .customBtn.disabled[data-v-dcdf0366] {
    color: #d4d4d4;
    border-color: #d4d4d4;
  }

  .section1 .con1-head[data-v-dcdf0366] {
    height: 15.413333rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
    animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
  }

  .section1 .con1-head-bg[data-v-dcdf0366] {
    height: 100%;
    position: relative;
  }

  .section1 .con1-head-layer[data-v-dcdf0366] {
    height: 100%;
    width: 100%;
  }

  .section1 .con1-head-pic[data-v-dcdf0366] {
    height: 16.48rem;
    position: absolute;
    top: -0.533333rem !important;
    left: 10% !important;
  }

  .section1 .con1-head-pic-logo[data-v-dcdf0366],
  .section1 .con1-head-pic[data-v-dcdf0366] {
    width: auto;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
  }

  .section1 .con1-head-pic-logo[data-v-dcdf0366] {
    padding: 0;
    height: 0.933333rem;
    left: 50% !important;
    top: 2.053333rem !important;
    opacity: 0;
    -webkit-animation: fadeIn ease-in-out 1;
    animation: fadeIn ease-in-out 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }

  .section2 .warn-for-buy[data-v-dcdf0366] {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
  }

  .section2 .con2-title[data-v-dcdf0366] {
    padding-top: 42px;
    color: #333;
  }

  .section2 .con2-desc[data-v-dcdf0366] {
    color: #333;
    padding-bottom: 50px;
  }

  .section2 .con2-video-box[data-v-dcdf0366] {
    padding-bottom: 0.746667rem;
    overflow: hidden;
  }

  .section2 .con2-video-pic[data-v-dcdf0366] {
    height: 8.933333rem;
    padding-bottom: 0.56rem;
    position: relative;
  }

  .section2 .con2-img[data-v-dcdf0366] {
    display: block;
    width: 100%;
    height: 100%;
  }

  .section2 .con3-video-box[data-v-dcdf0366] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section2 .con2-player-btn[data-v-dcdf0366] {
    width: 48px;
    height: 48px;
    overflow: hidden;
  }

  .section2 .con3-video-title[data-v-dcdf0366] {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    padding: 0.146667rem 0 0;
  }

  .section3[data-v-dcdf0366] {
    background-color: #f0f2f7;
  }

  .section3 .main[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section3 .con3-title[data-v-dcdf0366] {
    padding-top: 0;
    color: #333;
    width: 8.4rem;
  }

  .section3 .con3-desc[data-v-dcdf0366] {
    color: #333;
    width: 8.4rem;
  }

  .section3 .con3-content[data-v-dcdf0366] {
    position: relative;
    width: 100%;
    height: 7.68rem;
    overflow: hidden;
    margin-top: 2.186667rem;
    padding-bottom: 1.093333rem;
  }

  .section3 .svg-box[data-v-dcdf0366] {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-clip-path: url(#svg-path-mobile);
    clip-path: url(#svg-path-mobile);
  }

  .section3 .svg-video-container[data-v-dcdf0366] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .section3 .svg-video-container .svg-video[data-v-dcdf0366],
  .section3 .svg-video-container img[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
  }

  .section3 .svg[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
    font-size: 3.84rem;
    font-family: DINOffcPro-Bold;
    font-weight: 700;
    text-anchor: middle;
  }

  .section4[data-v-dcdf0366] {
    padding-bottom: 15.84rem;
    background: url(/niu/ngt/img/bb2b462.jpg) no-repeat bottom;
    background-size: auto 15.84rem;
  }

  .section4 .con4-box[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section4 .con4-title[data-v-dcdf0366] {
    color: #333;
  }

  .section4 .con4-desc[data-v-dcdf0366] {
    color: #333;
    padding-bottom: 1.333333rem;
  }

  .section5[data-v-dcdf0366] {
    background-color: #000;
  }

  .section5 .con5-top[data-v-dcdf0366] {
    height: 12.24rem;
  }

  .section5 .con5-top-pic[data-v-dcdf0366] {
    height: 100%;
    position: relative;
    right: 260px;
    top: 0;
    display: block;
  }

  .section5 .con5-param[data-v-dcdf0366] {
    padding-bottom: 2.853333rem;
    text-align: center;
  }

  .section5 .con5-param-title[data-v-dcdf0366] {
    color: #eee;
    line-height: 82px;
    font-size: 64px;
    font-family: DINOffcPro;
    font-weight: 700;
    padding: 0;
    display: inline-block;
  }

  .section5 .con5-param-Symbol[data-v-dcdf0366] {
    display: inline-block;
    color: #eee;
    line-height: 20px;
    font-size: 20px;
    font-family: DINOffcPro;
    font-weight: 700;
  }

  .section5 .con5-param-desc[data-v-dcdf0366] {
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    max-width: 10rem;
  }

  .section5 .con5-bottom[data-v-dcdf0366] {
    padding-bottom: 1.333333rem;
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }

  .section5 .con5-bottom-bg[data-v-dcdf0366] {
    position: absolute;
    top: 0;
    height: 3.52rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section5 .con5-bottom-title[data-v-dcdf0366] {
    padding-top: 1.44rem;
  }

  .section5 .con5-bottom-desc[data-v-dcdf0366] {
    width: 8.4rem;
  }

  .section6[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/432c136.png) no-repeat 50%;
    background-size: cover;
  }

  .section7[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section7 .con7-top[data-v-dcdf0366] {
    margin: 0.533333rem 0;
    background-color: #f0f2f7;
    width: 8.933333rem;
    font-size: 0;
  }

  .section7 .con7-top-left[data-v-dcdf0366] {
    text-align: center;
  }

  .section7 .con7-top-left-img[data-v-dcdf0366] {
    padding-top: 1.333333rem;
    width: 2.346667rem;
  }

  .section7 .con7-top-left-title[data-v-dcdf0366] {
    padding: 0.533333rem 0;
    font-size: 16px;
    line-height: 21px;
    color: #333;
  }

  .section7 .con7-top-right[data-v-dcdf0366] {
    padding-bottom: 0.8rem;
  }

  .section7 .con7-top-right-item[data-v-dcdf0366] {
    padding-bottom: 0.533333rem;
  }

  .section7 .con7-top-right-title[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    /* font-family: PingFangSC-Semibold; */
    padding: 0 0.426667rem 0 0;
    vertical-align: top;
  }

  .section7 .con7-top-right-desc[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
  }

  .section7 .con7-bottom[data-v-dcdf0366] {
    overflow: hidden;
    width: 8.933333rem;
  }

  .section7 .con7-bottom-left[data-v-dcdf0366],
  .section7 .con7-bottom-right[data-v-dcdf0366] {
    margin-bottom: 0.533333rem;
    text-align: center;
    background-color: #f0f2f7;
    padding: 1.333333rem 0;
  }

  .section7 .con7-bottom-right[data-v-dcdf0366] {
    margin-bottom: 0;
  }

  .section7 .con7-bottom-img[data-v-dcdf0366] {
    width: 88px;
    height: 88px;
  }

  .section7 .con7-content[data-v-dcdf0366] {
    line-height: 0;
  }

  .section7 .con7-bottom-title[data-v-dcdf0366] {
    padding: 0.533333rem 0 0;
    color: #333;
    line-height: 22px;
    font-size: 16px;
    /* font-family: PingFangSC-Semibold */
  }

  .section7 .con7-bottom-desc[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
  }

  .section8[data-v-dcdf0366] {
    background-color: #f0f2f7;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section8 .con8-logo[data-v-dcdf0366] {
    padding-bottom: 1.466667rem;
  }

  .section8 .con8-title[data-v-dcdf0366] {
    width: 8.4rem;
    color: #333;
    padding-top: 0;
    font-size: 0.8rem;
  }

  .section8 .con8-desc[data-v-dcdf0366] {
    position: relative;
    z-index: 2;
    color: #333;
  }

  .section8 #con8-top1[data-v-dcdf0366] {
    position: absolute;
    top: 9.333333rem;
  }

  .section8 #con8-top2[data-v-dcdf0366] {
    position: absolute;
    bottom: 1.333333rem;
  }

  .section8 .con8-pic-box[data-v-dcdf0366] {
    position: relative;
    height: 14.266667rem;
    width: 100%;
    padding-bottom: 9.333333rem;
  }

  .section8 .con8-img[data-v-dcdf0366] {
    position: absolute;
    left: 38%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
  }

  .section8 .con8-bike2[data-v-dcdf0366] {
    top: -1.573333rem;
    height: 14.266667rem;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
  }

  .section8 .con8-bike2.isShow[data-v-dcdf0366] {
    opacity: 1;
  }

  .section8 .con8-bike1[data-v-dcdf0366] {
    top: -0.533333rem;
    height: 11.466667rem;
    margin-left: 0.64rem;
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
  }

  .section8 .con8-bike1.isShow[data-v-dcdf0366] {
    opacity: 1;
  }

  .section8 .con8-inner-three[data-v-dcdf0366] {
    height: 9.333333rem;
    width: 10rem;
    z-index: 3;
    position: absolute;
    top: 14.266667rem;
    overflow: hidden;
  }

  .section8 .con8-inner-three-pc[data-v-dcdf0366] {
    height: 100%;
    display: block;
    position: relative;
    left: 31%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section8 .con8-inner-gray[data-v-dcdf0366] {
    top: 75%;
    left: 78%;
    position: absolute;
    width: 20%;
    height: 10%;
    background-color: #666;
  }

  .section8 .con8-inner-white[data-v-dcdf0366] {
    position: absolute;
    width: 0;
    height: 10%;
    top: 75%;
    left: 78%;
    background-color: #fff;
  }

  .section9[data-v-dcdf0366] {
    background-color: #f0f2f7;
    padding-top: 1.253333rem;
  }

  .section9 .con9-list[data-v-dcdf0366] {
    color: #333;
    line-height: 50px;
    font-size: 26px;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 400;
    position: relative;
    z-index: 2;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section9 .con9-list-item[data-v-dcdf0366] {
    text-align: center;
    padding-bottom: 0.373333rem;
    width: 8.933333rem;
  }

  .section9 .con9-pic-item[data-v-dcdf0366] {
    position: relative;
    left: 94%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 11.2rem;
    height: 13.333333rem;
  }

  .section9 .con9-battery[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
    display: block;
  }

  .section9 .con9-choose[data-v-dcdf0366] {
    width: 100%;
    position: relative;
    z-index: 1;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section9 .con9-choose-img-bg[data-v-dcdf0366] {
    z-index: -1;
    position: absolute;
    height: 18.266667rem;
    bottom: 0;
    left: 76%;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .section9 .con9-choose-title[data-v-dcdf0366] {
    color: #333;
    padding: 0;
  }

  .section9 .con9-choose-num[data-v-dcdf0366] {
    width: 8.933333rem;
    padding: 0.72rem 0 0.426667rem;
    color: #df001f;
    line-height: 130px;
    font-size: 144px;
    font-family: DINOffcPro-Bold;
    font-weight: 700;
  }

  .section9 .con9-choose-num span[data-v-dcdf0366] {
    display: block;
    width: 100%;
    text-align: center;
  }

  .section9 .con9-choose-showdesc[data-v-dcdf0366] {
    padding: 0.8rem 0 9.626667rem;
    width: 8.933333rem;
    color: #333;
  }

  .section9 .con9-branch[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section9 .con9-branch-bottom-left[data-v-dcdf0366],
  .section9 .con9-branch-bottom-right[data-v-dcdf0366],
  .section9 .con9-branch-center[data-v-dcdf0366] {
    background-color: hsla(0, 0%, 100%, 0.5);
    width: 8.933333rem;
    padding: 1.333333rem 0;
    margin-bottom: 0.533333rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .section9 .con9-branch-bottom-img[data-v-dcdf0366] {
    width: 88px;
    height: 88px;
    overflow: hidden;
  }

  .section9 .con9-branch-bottom-title[data-v-dcdf0366],
  .section9 .con9-branch-top-title[data-v-dcdf0366] {
    color: #333;
    line-height: 26px;
    font-size: 16px;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 400;
    padding: 0.533333rem 0 0;
  }

  .section9 .con9-branch-bottom-desc[data-v-dcdf0366],
  .section9 .con9-branch-top-desc[data-v-dcdf0366] {
    color: #333;
    width: 6.266667rem;
  }

  .section9 .con9-branch-top-icon[data-v-dcdf0366] {
    width: 88px;
    height: 88px;
    overflow: hidden;
  }

  .section9 .con9-branch-center[data-v-dcdf0366] {
    padding: 1.333333rem 0;
  }

  .section9 .carTypeChoose2[data-v-dcdf0366] {
    width: 247px;
  }

  .section9 .carTypeChoose2 .con12-select[data-v-dcdf0366] {
    width: 147px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .section9 .selectWrap[data-v-dcdf0366] {
    width: 247px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.533333rem;
  }

  .section9 .selectWrap .selectText[data-v-dcdf0366] {
    height: 50px;
    font-size: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #000;
    text-align: center;
    line-height: 50px;
  }

  .section10[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section10 .c10-bg-1[data-v-dcdf0366] {
    top: -4.266667rem;
    left: -142%;
  }

  .section10 .c10-bg-1[data-v-dcdf0366],
  .section10 .c10-bg-2[data-v-dcdf0366] {
    background: url(/niu/ngt/img/570bc0d.svg) 50% no-repeat;
    position: absolute;
    height: 100%;
    width: 25.6rem;
  }

  .section10 .c10-bg-2[data-v-dcdf0366] {
    top: 23%;
    left: 7%;
  }

  .section10 .c10-title[data-v-dcdf0366] {
    color: #333;
    max-width: 9.333333rem;
    text-align: left;
  }

  .section10 .c10_battery[data-v-dcdf0366] {
    width: 9.066667rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .section10 .c10_battery li[data-v-dcdf0366] {
    width: 1.866667rem;
    height: 1.92rem;
    font-size: 0;
    margin-bottom: 0.48rem;
    margin-right: 0.533333rem;
    text-align: center;
  }

  .section10 .c10_battery li[data-v-dcdf0366]:nth-child(4),
  .section10 .c10_battery li[data-v-dcdf0366]:nth-child(8),
  .section10 .c10_battery li[data-v-dcdf0366]:nth-child(12) {
    margin-right: 0;
  }

  .section10 .c10_battery li img[data-v-dcdf0366] {
    width: 53px;
    height: 53px;
    overflow: hidden;
    margin-bottom: 5px;
  }

  .section10 .c10_batIntro[data-v-dcdf0366] {
    color: #333;
    line-height: 12px;
    font-size: 10px;
    font-weight: 400;
    display: inline-block;
  }

  .section10 .btnWrap[data-v-dcdf0366] {
    margin-top: 1.813333rem;
    width: 186px;
  }

  .section11[data-v-dcdf0366] {
    background: #f0f2f7;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section11 .con11-title[data-v-dcdf0366] {
    color: #333;
    padding: 0 0 1.333333rem;
  }

  .section11 .c11_contentScene[data-v-dcdf0366] {
    width: 18.666667rem;
    height: 11.786667rem;
    position: relative;
  }

  .section11 .c11_contentScene img[data-v-dcdf0366] {
    position: absolute;
  }

  .section11 .c11_contentScene img[data-v-dcdf0366]:nth-child(n + 2) {
    -webkit-box-shadow: 0 0.133333rem 1.066667rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.133333rem 1.066667rem 0 rgba(0, 0, 0, 0.1);
  }

  .section11 .c11_pic1[data-v-dcdf0366] {
    width: 11.933333rem;
    left: 50% !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    z-index: 1;
  }

  .section11 .c11_pic2[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 70px !important;
    top: 4.053333rem !important;
  }

  .section11 .c11_pic3[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 12rem !important;
    top: 173px !important;
  }

  .section11 .c11_pic4[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 132px !important;
    top: 360px !important;
    z-index: 3;
  }

  .section11 .c11_pic5[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 437px !important;
    top: 322px !important;
    z-index: 3;
  }

  .section11 .c11_pic6[data-v-dcdf0366] {
    width: 4.533333rem;
    left: 5.573333rem !important;
    top: 6.306667rem !important;
    z-index: 3;
  }

  .section12[data-v-dcdf0366] {
    background: #0d0d0d;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 2.506667rem;
  }

  .section12 .c12-title[data-v-dcdf0366] {
    width: 8.4rem;
    text-align: center;
    padding-left: 0.32rem;
  }

  .section12 .c12-desc[data-v-dcdf0366] {
    padding-bottom: 1.333333rem;
  }

  .section12 .c12_motoVideo[data-v-dcdf0366] {
    width: 100%;
    position: relative;
  }

  .section12 .Dashboard[data-v-dcdf0366] {
    height: 9.466667rem;
    background: url(/niu/ngt/img/3696975.png) no-repeat top;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section12 .c12_motoVideo img[data-v-dcdf0366] {
    position: absolute;
    width: 8.266667rem;
  }

  .section12 .c12_motoVideo .showTab2[data-v-dcdf0366] {
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  .section12 .c12poster1[data-v-dcdf0366] {
    left: 50%;
    transform: translateX(-51%);
    -webkit-transform: translateX(-51%);
    top: 1.906667rem;
    display: none;
  }

  .section12 .c12poster1.showTab0[data-v-dcdf0366],
  .section12 .c12poster1.showTab1[data-v-dcdf0366] {
    display: block;
  }

  .section12 .c12_motoVideo .c12kedu[data-v-dcdf0366] {
    width: 12.866667rem;
    left: 50%;
    transform: translateX(-51.5%);
    -webkit-transform: translateX(-51.5%);
    top: 1.093333rem;
    z-index: 5;
  }

  .section12 .c12_yibiao[data-v-dcdf0366] {
    display: none;
  }

  .section12 .c12_switchBtn[data-v-dcdf0366] {
    position: absolute;
    height: 48px;
    border-bottom: 0.013333rem solid hsla(0, 0%, 100%, 0.3);
    color: #d1d3d3;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
    top: 6.2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
  }

  .section12 .c12_switchBtn li[data-v-dcdf0366] {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 48.5px;
    cursor: pointer;
  }

  .section12 .c12_switchBtn li[data-v-dcdf0366]:last-child {
    display: none;
  }

  .section12 .c12_switchBtn li[data-v-dcdf0366]:nth-child(2) {
    margin-left: 1.706667rem;
  }

  .section12 .c12_currentCheck[data-v-dcdf0366] {
    border-bottom: 2px solid #df001f;
    color: #eee;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 600;
  }

  .section12 .c12_dashboardDetail[data-v-dcdf0366] {
    line-height: 20px;
    width: 8.933333rem;
    font-size: 14px;
    color: #999;
    position: absolute;
    bottom: -1.173333rem;
  }

  .section13[data-v-dcdf0366] {
    padding-bottom: 13.333333rem;
    background: url(/niu/ngt/img/f39548d.jpg) no-repeat bottom;
    background-size: auto 13.333333rem;
  }

  .section13 .con13-box[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section13 .con13-title[data-v-dcdf0366] {
    color: #333;
    text-align: center;
    padding-left: 0.32rem;
  }

  .section13 .con13-desc[data-v-dcdf0366] {
    padding-bottom: 1.333333rem;
    color: #333;
  }

  .section14[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section14 .c14-title[data-v-dcdf0366] {
    color: #333;
  }

  .section14 .c14_imgList[data-v-dcdf0366] {
    width: 8.933333rem;
  }

  .section14 .c14_imgList li[data-v-dcdf0366] {
    position: relative;
    width: 8.933333rem;
    height: 8.933333rem;
    margin-bottom: 0.533333rem;
  }

  .section14 .c14_imgList li[data-v-dcdf0366]:last-child {
    margin-bottom: 0;
  }

  .section14 .c14_imgList img[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .section14 .c14_imgListIntro[data-v-dcdf0366] {
    position: absolute;
    bottom: 0.533333rem;
    width: 100%;
    text-align: center;
    left: 0;
    color: #d1d3d3;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
  }

  .section14 .btnWrap[data-v-dcdf0366] {
    width: 175px;
  }

  .section15[data-v-dcdf0366] {
    background: #000;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section15 .con15-title[data-v-dcdf0366] {
    padding: 0 0 1.333333rem;
  }

  .section15 .c15_che[data-v-dcdf0366] {
    height: 14.4rem;
    width: 100%;
    background: url(/niu/ngt/img/4b7f530.jpg) no-repeat top;
    background-size: auto 100%;
    background-position: 44%;
  }

  .section15 .c15-2-title[data-v-dcdf0366] {
    padding-top: 0;
  }

  .section15 .c15-2-desc[data-v-dcdf0366] {
    padding-bottom: 0.533333rem;
  }

  .section15 .c15_card[data-v-dcdf0366] {
    width: 10rem;
    height: 9.626667rem;
    background: url(/niu/ngt/img/b39dff7.jpg) no-repeat;
    background-size: cover;
    background-position: 72%;
  }

  .section15 .c15_cpuList[data-v-dcdf0366] {
    text-align: center;
  }

  .section15 .c15_cpuList li[data-v-dcdf0366] {
    color: #eee;
    margin-bottom: 1.333333rem;
  }

  .section15 .c15_cpuList li[data-v-dcdf0366]:last-child {
    margin-bottom: 1.493333rem;
  }

  .section15 .c15_cpuList li p[data-v-dcdf0366]:first-child {
    /* font-family: PingFangSC-Semibold; */
    font-size: 20px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    padding-bottom: 18px;
  }

  .section15 .c15_cpuList li p[data-v-dcdf0366]:nth-child(2) {
    font-size: 16px;
    line-height: 28px;
  }

  .section15 .c15_big[data-v-dcdf0366] {
    font-size: 64px;
  }

  .section15 .c15_float1[data-v-dcdf0366],
  .section15 .c15_float2[data-v-dcdf0366] {
    padding: 0 0 0.093333rem 0.066667rem;
  }

  .section16[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/ad2b2a2.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section17[data-v-dcdf0366] {
    background: #f0f2f7;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section17 .con17-desc[data-v-dcdf0366],
  .section17 .con17-title[data-v-dcdf0366] {
    color: #333;
  }

  .section17 .c17_picAnimate[data-v-dcdf0366] {
    height: 12.253333rem;
    position: relative;
    width: 16.573333rem;
    font-size: 0;
  }

  .section17 .c17_picAnimate img[data-v-dcdf0366] {
    position: absolute;
  }

  .section17 .c17_pic1[data-v-dcdf0366] {
    width: 6.08rem;
    left: 5.213333rem !important;
    top: 3.146667rem !important;
  }

  .section17 .c17_pic2[data-v-dcdf0366] {
    width: 5.213333rem;
    left: 2.36rem !important;
    top: 0.906667rem !important;
  }

  .section17 .c17_pic4[data-v-dcdf0366] {
    width: 5.24rem;
    left: 0 !important;
    top: 4.306667rem !important;
  }

  .section17 .c17_pic3[data-v-dcdf0366] {
    width: 5.213333rem;
    left: 8.96rem !important;
    top: 2.28rem !important;
  }

  .section17 .c17_pic5[data-v-dcdf0366] {
    width: 5.213333rem;
    left: 11.293333rem !important;
    top: 4.613333rem !important;
  }

  .section17 .c17_pic6[data-v-dcdf0366] {
    width: 7.253333rem;
    left: 4.733333rem !important;
    top: 7.066667rem !important;
  }

  .section18[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section18 .c18-title[data-v-dcdf0366] {
    padding-bottom: 1.64rem;
    color: #333;
  }

  .section18 .el-row[data-v-dcdf0366] {
    width: 8.933333rem;
  }

  .section18 .el-row.first-row[data-v-dcdf0366] {
    margin-bottom: 0.266667rem;
  }

  .section18 .grid-content[data-v-dcdf0366] {
    background: #f0f2f7;
    width: 100%;
    padding: 1.333333rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0.533333rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section18 .grid-content img[data-v-dcdf0366] {
    width: 88px;
    height: 88px;
    overflow: hidden;
    margin-bottom: 0.533333rem;
  }

  .section18 .grid-content p[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
  }

  .section18 .c18_paramsTitle[data-v-dcdf0366] {
    /* font-family: PingFangSC-Semibold; */
    font-weight: 600;
  }

  .section19[data-v-dcdf0366] {
    background: #f0f2f7;
    padding-bottom: 1.2rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section19 .con19-logo[data-v-dcdf0366] {
    padding-top: 0.933333rem;
  }

  .section19 .con19-desc[data-v-dcdf0366],
  .section19 .con19-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 0;
  }

  .section19 .c19_che[data-v-dcdf0366] {
    padding-top: 1.333333rem;
  }

  .section19 .c19_che img[data-v-dcdf0366] {
    height: 9.333333rem;
  }

  .section19 .c22_gpsList[data-v-dcdf0366] {
    width: 100%;
    margin: 2.24rem auto 0;
    text-align: center;
  }

  .section19 .c22_gpsList li[data-v-dcdf0366] {
    color: #333;
    margin-bottom: 1.28rem;
  }

  .section19 .c22_gpsList li p[data-v-dcdf0366] {
    text-align: center;
  }

  .section19 .c22_gpsList li p[data-v-dcdf0366]:first-child {
    font-family: DINOffcPro-Bold;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
  }

  .section19 .c22_gpsList li p[data-v-dcdf0366]:nth-child(2) {
    font-size: 16px;
    line-height: 1.5;
  }

  .section20[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/6090e5e.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section21[data-v-dcdf0366] {
    background: #000;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section21 .con21-title[data-v-dcdf0366] {
    max-width: 9.12rem;
  }

  .section21 .con21-desc[data-v-dcdf0366] {
    padding-bottom: 1.333333rem;
  }

  .section21 .con21-mid[data-v-dcdf0366] {
    padding-top: 13.6rem;
    padding-bottom: 1.333333rem;
    position: relative;
    z-index: 0;
  }

  .section21 .con21-mid .con21-mid-title[data-v-dcdf0366] {
    padding-top: 0;
  }

  .section21 .con21-mid .con21-img-bg[data-v-dcdf0366] {
    height: 14.933333rem;
  }

  .section21 .con21-footImg[data-v-dcdf0366] {
    width: 100%;
    height: 11.333333rem;
    position: relative;
    z-index: 0;
  }

  .section22[data-v-dcdf0366] {
    padding-bottom: 0.533333rem;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section22 .con22-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 0;
  }

  .section22 .con22-desc[data-v-dcdf0366] {
    color: #333;
    padding-bottom: 1.333333rem;
  }

  .section22 .con22_che img[data-v-dcdf0366] {
    display: block;
    height: 11.013333rem;
  }

  .section23[data-v-dcdf0366] {
    height: 10.666667rem;
    background: url(/niu/ngt/img/0e83628.jpg) no-repeat 50%;
    background-size: cover;
  }

  .section32[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
  }

  .section32 .con32-title[data-v-dcdf0366] {
    color: #333;
  }

  .section32 .con32-desc[data-v-dcdf0366] {
    padding-bottom: 1.333333rem;
    color: #333;
  }

  .section32 img[data-v-dcdf0366] {
    display: block;
  }

  .section32 .con32-img1[data-v-dcdf0366] {
    width: 190px;
    height: 128px;
    overflow: hidden;
    padding-bottom: 1.333333rem;
  }

  .section32 .con32-img2[data-v-dcdf0366] {
    width: 8.933333rem;
    padding-bottom: 1.333333rem;
  }

  .section24[data-v-dcdf0366] {
    background-color: #f0f2f7;
    z-index: 0;
  }

  .section24 .con24-title[data-v-dcdf0366] {
    color: #333;
    padding-top: 11.6rem;
  }

  .section24 .con24-desc[data-v-dcdf0366] {
    color: #333;
    margin: 0 auto;
  }

  .section24 .con24-img[data-v-dcdf0366] {
    height: 12.88rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
  }

  .section24 .con24-size[data-v-dcdf0366] {
    padding-top: 1.333333rem;
    text-align: center;
    height: 64px;
    padding-bottom: 18px;
    color: #333;
    line-height: 64px;
    font-size: 64px;
    font-family: DINOffcPro-Bold;
    font-weight: 400;
  }

  .section24 .con24-sizeNum[data-v-dcdf0366] {
    font-size: 64px;
  }

  .section24 .con24-unit[data-v-dcdf0366] {
    font-size: 20px;
    /* font-family: PingFangSC-Semibold; */
    font-weight: 600;
  }

  .section24 .con24-waterHeight[data-v-dcdf0366] {
    color: #333;
    line-height: 28px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.52rem;
  }

  .section25[data-v-dcdf0366] {
    padding-bottom: 10.506667rem;
    background: url(/niu/ngt/img/0089f00.jpg) no-repeat bottom;
    background-size: auto 10.506667rem;
    background-color: #000;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .section25 .con25-title[data-v-dcdf0366] {
    padding-top: 0;
  }

  .section25 .con25-desc[data-v-dcdf0366] {
    padding-bottom: 1.333333rem;
  }

  .section26[data-v-dcdf0366] {
    display: none;
    background-color: #f0f2f7;
    z-index: 0;
  }

  .section26 .con26-desc[data-v-dcdf0366],
  .section26 .con26-title[data-v-dcdf0366] {
    color: #333;
  }

  .section26 .btnWrap[data-v-dcdf0366] {
    width: 280px;
  }

  .section26 .con26-niucare[data-v-dcdf0366] {
    width: 14.4rem;
    height: 10rem;
  }

  .section31 .btnWrap[data-v-dcdf0366] {
    margin-top: 0;
    width: 161px;
  }

  .section31 .con31-icon-box[data-v-dcdf0366] {
    padding-top: 1.626667rem;
    height: 0.6608rem;
    text-align: center;
    padding-bottom: 1.338667rem;
  }

  .section31 .con31-icon-box .con31-img-icon[data-v-dcdf0366] {
    height: 0.6608rem;
  }

  .section31 .con31-desc[data-v-dcdf0366] {
    font-size: 14px;
    line-height: 26px;
    color: #999;
    text-align: left;
    padding-bottom: 30px;
  }

  .section31 .con31-desc p[data-v-dcdf0366] {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }

  .section31 .con31-desc p i[data-v-dcdf0366] {
    font-style: normal;
  }

  .section31 .con31-desc p span[data-v-dcdf0366] {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 26px;
  }

  .section31 .con31_bg[data-v-dcdf0366] {
    background: url(/niu/ngt/img/dfca2e2.jpg) no-repeat 50%;
    background-size: cover;
    height: 1.746667rem;
    width: 9.813333rem;
    position: absolute;
    bottom: 3.92rem;
    left: 52%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
  }

  .section31 .n-gt-swiperWrap[data-v-dcdf0366] {
    width: 7.893333rem;
    margin: 0 auto;
  }

  .section31 .n-gt-swiperWrap .swiper-slide[data-v-dcdf0366] {
    width: 7.893333rem;
    height: 5.493333rem;
  }

  .section31 .n-gt-swiperWrap .swiper-slide img[data-v-dcdf0366] {
    width: 100%;
    height: auto;
  }

  .section31 .swiper-container[data-v-dcdf0366] {
    width: 100%;
    height: 10.56rem;
    overflow: visible;
  }

  .video-content[data-v-dcdf0366] {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    -webkit-animation: fadeIn 0.2s ease-out;
    animation: fadeIn 0.2s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }

  .video-content .video-mask[data-v-dcdf0366] {
    position: absolute;
    opacity: 0.5;
    top: 0;
    left: 0;
    background-color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .video-content .video-box[data-v-dcdf0366] {
    width: 9.28rem;
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .video-content .video[data-v-dcdf0366] {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: fadeIn 0.5s ease-out;
    animation: fadeIn 0.5s ease-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 1;
  }

  .video-content .video[data-v-dcdf0366]:focus {
    outline: none;
  }
}

.customSelectGlobal .el-input,
.customSelectGlobal .el-select {
  width: 100%;
}

.customSelectGlobal .el-input .el-input.is-focus .el-input__inner,
.customSelectGlobal .el-select .el-input.is-focus .el-input__inner {
  border-color: #000;
}

.customSelectGlobal .el-input .el-input__inner,
.customSelectGlobal .el-select .el-input__inner {
  border: 1px solid #eee;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding: 0 50px 0 20px;
}

.customSelectGlobal .el-input .el-input__inner:hover,
.customSelectGlobal .el-select .el-input__inner:hover {
  border-color: #999;
}

.customSelectGlobal .el-input .el-input__inner:focus,
.customSelectGlobal .el-select .el-input__inner:focus {
  border-color: #eee;
}

.customSelectGlobal .el-input .el-input__inner::-webkit-input-placeholder,
.customSelectGlobal .el-select .el-input__inner::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.customSelectGlobal .el-input .el-input__inner::-moz-placeholder,
.customSelectGlobal .el-select .el-input__inner::-moz-placeholder {
  font-size: 16px;
  color: #ccc;
}

.customSelectGlobal .el-input .el-input__inner:-ms-input-placeholder,
.customSelectGlobal .el-select .el-input__inner:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.customSelectGlobal .el-input .el-input__suffix,
.customSelectGlobal .el-select .el-input__suffix {
  color: #ccc;
  border: 0;
  right: 1px;
}

.customSelectGlobal
  .el-input
  .el-input__suffix
  .el-input__suffix-inner
  .el-input__icon,
.customSelectGlobal
  .el-select
  .el-input__suffix
  .el-input__suffix-inner
  .el-input__icon {
  width: 50px;
  margin-top: -1px;
  font-size: 18px;
}

.el-select-dropdown {
  border: 1px solid #d7d7d7;
  margin: 10px 0 0;
}

.el-select-dropdown .el-scrollbar .el-select-dropdown__wrap {
  max-height: 217px;
}

.el-select-dropdown .popper__arrow {
  display: none !important;
}

.el-select-dropdown .el-select-dropdown__list {
  padding: 0;
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #999;
  padding-left: 20px;
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover {
  background: #fafafa;
}

.el-select-dropdown
  .el-select-dropdown__list
  .el-select-dropdown__item.selected {
  color: #333;
  font-weight: 400;
}

.el-select-dropdown .el-select-dropdown__empty {
  height: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 30px;
  font-size: 14px;
  padding: 10px 0 10px 20px;
  text-align: left;
  color: #999;
}

.customInputGlobal .el-input {
  width: 100%;
}

.customInputGlobal .el-input .el-input__inner {
  border: 1px solid #eee;
  height: 50px;
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding: 0 50px 0 20px;
}

.customInputGlobal .el-input .el-input__inner:hover {
  border-color: #999;
}

.customInputGlobal .el-input .el-input__inner:focus {
  border-color: #000;
}

.customInputGlobal .el-input .el-input__inner::-webkit-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.customInputGlobal .el-input .el-input__inner::-moz-placeholder {
  font-size: 16px;
  color: #ccc;
}

.customInputGlobal .el-input .el-input__inner:-ms-input-placeholder {
  font-size: 16px;
  color: #ccc;
}

.customInputGlobal .el-input .el-input__suffix {
  color: #ccc;
  top: 1px;
  border: 0;
  right: 1px;
}

.customInputGlobal .el-input .joinSearch {
  border: 0;
  background: transparent;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-align: center;
  line-height: 48px;
  cursor: pointer;
  font-size: 14px;
}

/* .n-gt-swiperWrap .swiper-pagination-bullets {
	bottom: 70px;
	width: 100%;
	vertical-align: baseline
} */

.n-gt-swiperWrap .swiper-pagination-bullets {
  position: static;
  padding: 1em 0;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 1em !important;
}

.n-gt-swiperWrap .swiper-pagination-bullet {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin: 0 15px;
  opacity: 1;
  position: relative;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #ddd;
}

.n-gt-swiperWrap .swiper-pagination-bullet:after {
  content: "";
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.n-gt-swiperWrap .swiper-pagination-bullet:focus {
  outline: none;
}

.n-gt-swiperWrap .swiper-pagination-bullet:first-child {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(28%, #fff),
    color-stop(31%, #df001f),
    color-stop(69%, #df001f),
    color-stop(71%, #fff)
  );
  background-image: -webkit-linear-gradient(
    left,
    #fff 28%,
    #df001f 31%,
    #df001f 69%,
    #fff 71%
  );
  background-image: linear-gradient(
    90deg,
    #fff 28%,
    #df001f 31%,
    #df001f 69%,
    #fff 71%
  );
}

.n-gt-swiperWrap .swiper-pagination-bullet:nth-child(2) {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(28%, #333),
    color-stop(31%, #df001f),
    color-stop(69%, #df001f),
    color-stop(71%, #333)
  );
  background-image: -webkit-linear-gradient(
    left,
    #333 28%,
    #df001f 31%,
    #df001f 69%,
    #333 71%
  );
  background-image: linear-gradient(
    90deg,
    #333 28%,
    #df001f 31%,
    #df001f 69%,
    #333 71%
  );
}

.n-gt-swiperWrap .swiper-pagination-bullet:nth-child(3) {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(28%, #333),
    color-stop(31%, #fff),
    color-stop(69%, #fff),
    color-stop(71%, #333)
  );
  background-image: -webkit-linear-gradient(
    left,
    #333 28%,
    #fff 31%,
    #fff 69%,
    #333 71%
  );
  background-image: linear-gradient(
    90deg,
    #333 28%,
    #fff 31%,
    #fff 69%,
    #333 71%
  );
}

.n-gt-swiperWrap .swiper-pagination-bullet-active {
  background: #c4deb8;
}

.n-gt-swiperWrap .swiper-pagination-bullet-active:after {
  border: 3px solid #5c6670;
}

@media screen and (min-width: 768px) {
  .n-gt-swiperWrap .swiper-pagination-bullet:hover {
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    opacity: 0.5;
  }

  .n-gt-swiperWrap .swiper-pagination-bullet:hover:after {
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    border: 3px solid #5c6670;
  }
}

.ngt-wrapper .carTypeChoose1 .el-input__inner,
.ngt-wrapper .carTypeChoose2 .el-input__inner {
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #f0f2f7;
  font-size: 20px !important;
}

.ngt-wrapper .carTypeChoose1 .el-input__icon,
.ngt-wrapper .carTypeChoose2 .el-input__icon {
  color: #000 !important;
}