.lv7video.video-hidden {
  background-image: url("/productsVideo/charger/B6nanoduo/fengshan.jpg");
  background-size: cover;
}
.saomavideo.video-hidden {
  background-image: url("/productsVideo/charger/b6nano/web/scanToGo_20190704093851.JPG");
  background-size: cover;
}
.f-size-50 {
  font-weight: bold;
}
.yemianbanner {
  position: relative;
  z-index: 11;
}
#tab-specification,
#tab-download {
  z-index: 3;
  position: relative;
}
.teshu-video {
  position: relative;
}
.teshu-video video {
  width: 100%;
}
.f-nowrap.fuhao {
  padding-right: 1em;
}
.lanse {
  color: #00b5ff;
}
.lv1 {
  background: #0b0102 url("/image/catalog/product/charger/b6nanoduo/1bg.jpg?20190403") no-repeat;
  background-size: contain;
  background-position: 75% 0%;
  height: 51.4275vw;
}
.lv1 .level-container {
  max-width: 1360px;
}
.lv1 .inner-box {
  padding: 0 15px;
  padding-top: 6vw;
}
.lv1 .level-tit {
  font-weight: 200;
  font-family: 'Kanit', sans-serif !important;
  margin-bottom: 0;
}
.lv1 .f-size-30 {
  font-weight: 500;
  font-family: 'Kanit', sans-serif !important;
}
.lv1 .f-size-20 {
  font-weight: 400;
}
.lv1 .lv1txt {
  -webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple);
  background-image: -webkit-gradient(linear, 100% 0, 0 0, from(red), color-stop(0.08, orange), color-stop(0.17, yellow), color-stop(0.25, green), color-stop(0.33, yellow), color-stop(0.42, orange), color-stop(0.5, red), color-stop(0.58, orange), color-stop(0.67, yellow), color-stop(0.75, green), color-stop(0.83, yellow), color-stop(0.92, orange), to(red));
  background-image: -webkit-linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
  background-image: -moz-linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-background-size: 200% 100%;
  animation: bgp 20s infinite linear;
  font-size: 90px;
  color: #0583b8;
}
.lv1 .lv1-texing {
  margin-top: 60px;
}
.lv1 .lv1-list {
  padding: 5px 20px;
  border-left: 1px solid #666;
  display: inline-block;
  text-align: center;
  color: #0583b8;
  font-family: 'Kanit', sans-serif !important;
}
.lv1 .lv1-list p {
  font-size: 38px;
  font-weight: 300;
}
.lv1 .lv1-list span {
  font-size: 23px;
  font-weight: 300;
}
.lv1 .lv1-list-latst {
  border-right: 1px solid #666;
}
.lv1 .m-Light {
  transition: opacity 1s 2s !important;
  left: 53%;
  bottom: -9px;
  position: absolute;
  display: inline-block;
}
.light-img {
  background: url("/image/catalog/ui/guangxian.png") no-repeat;
  background-size: contain;
  width: 908px;
  height: 114px;
  max-width: 99vw;
  max-height: 13vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-animation: alight 1.8s linear infinite;
  animation: alight 1.8s linear infinite;
}
@keyframes alight {
  0%,
  100% {
    opacity: 0.7;
    filter: alpha(opacity=60)\9;
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100)\9;
  }
}
.lv1txt-img {
  background: url('/image/catalog/product/charger/b6nanoduo/1txt.png?20190403') no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -8%;
  left: 100%;
  width: 72%;
  height: 50%;
}
.cn .lv1txt-img {
  background-image: url('/image/catalog/product/charger/b6nanoduo/1txt_cn.png?20190403');
}
.b6nano {
  background: url('/image/catalog/product/charger/b6nanoduo/1.png?20190403') no-repeat;
  background-size: contain;
  width: 22vw;
  height: 24.6vw;
  margin-top: 20px;
  position: relative;
}
@media (max-width: 1920px) {
  .lv1 {
    height: 997px;
    background-size: inherit;
  }
  .lv1 .inner-box {
    padding-top: 86px;
  }
  .b6nano {
    width: 440px;
    height: 475px;
  }
}
@keyframes bgp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@media (max-width: 1400px) {
  .lv1 {
    height: 1000px;
  }
  .lv1 .lv1-list p {
    font-size: 2.5vw;
  }
  .lv1 .lv1-list span {
    font-size: 1.5vw;
  }
}
@media (max-width: 1200px) {
  .lv1 {
    height: 970px;
  }
  .lv1 .lv1img {
    width: 380px;
    height: 425px;
    background-size: contain;
  }
  .lv1 .lv1img-box {
    margin-top: 260px;
    right: 3%;
  }
}
@media (max-width: 998px) {
  .lv1 {
    background-position: top;
    background-size: cover;
    height: auto;
    background-image: url("/image/catalog/product/charger/b6nanoduo/1bg-m.jpg?20190403");
  }
  .lv1 .lv1-list {
    font-size: 0;
    padding: 5px 1.5vw;
  }
  .lv1 .lv1-list p {
    font-size: 2.8vw;
  }
  .lv1 .lv1-list span {
    font-size: 1.8vw;
  }
  .lv1 .cn .lv1-list span {
    font-size: 2.8vw;
  }
  .lv1 .cn .lv1-list p {
    font-size: 4.5vw;
  }
  .lv1 .lv1txt {
    font-size: 12vw;
    padding: 0 15px;
  }
  .lv1 .level-tit {
    padding: 0 15px;
    font-size: 7vw;
  }
  .lv1 .lv1-texing {
    text-align: center;
    padding-bottom: 60px;
  }
  .lv1 .inner-box {
    padding: 35px 0 0;
  }
  .lv1 .lv1txt-img {
    background-size: contain;
  }
  .lv1 .lv1-texing {
    margin-top: 8vw;
  }
  .lv1 .m-Light {
    bottom: 1.4vw;
  }
  .b6nano {
    width: 41vw;
    height: 47vw;
    margin-left: 15px;
  }
}
.lv2 .inner-box {
  padding: 100px 15px 100px;
}
.lv2 .level-txt {
  width: 860px;
  max-width: 100%;
  margin: 0 auto;
}
.lv2img {
  background: url("/image/catalog/product/charger/b6nanoduo/2.jpg?20190403") no-repeat;
  background-size: contain;
  background-position: center;
  width: 1080px;
  height: 750px ;
  max-width: 100%;
  max-height: 63vw;
  margin: 0 auto 80px;
}
@media (max-width: 1080px) {
  .lv2 .inner-box {
    padding: 80px 15px 60px;
  }
}
@media (max-width: 735px) {
  .lv2 .inner-box {
    padding: 80px 15px 0px;
  }
}
.lv3 .inner-box {
  width: 700px;
  max-width: 90%;
  text-align: center;
  margin: auto;
}
.lv3img {
  background: url("/image/catalog/product/charger/b6nanoduo/3.jpg?20190403") no-repeat;
  background-position: top;
  background-size: cover;
  width: 1598px;
  max-width: 100%;
  height: 950px;
  max-height: 89vw;
  margin: auto;
  transform: translateX(-2%);
  margin-top: 100px;
}
@media (max-width: 735px) {
  .lv3img {
    margin-top: 60px;
    margin-bottom: 40px;
  }
}
.lv4 {
  background-color: #1d1e20;
  background-position: center top;
}
.lv4 .inner-box {
  padding: 100px 0;
  width: 700px;
  max-width: 90%;
  text-align: center;
  margin: auto;
}
.lv4 .level-container {
  position: relative;
  z-index: 2;
}
.lv4bg {
  background: url("/image/catalog/product/charger/b6nanoduo/4.jpg?20190403") no-repeat;
  background-size: contain;
  background-position: bottom;
  width: 1194px;
  max-width: 90vw;
  height: 1199px;
  max-height: 92vw;
  margin: auto;
  margin-top: -400px;
  position: relative;
}
.lv4-btns {
  position: absolute;
  top: 59.4%;
  width: 100%;
  padding-left: 17.8%;
}
.lv4-btns .lv4-btn {
  width: 14.4%;
  height: 0;
  padding-bottom: 14.3%;
  border-radius: 50%;
  margin-right: 6.6%;
  margin-left: 0%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0);
  background: transparent;
}
.lv4-btns .lv4-btn:last-child {
  margin: 0;
}
.lv4-btns .lv4-btn:after,
.lv4-btns .lv4-btn:before {
  background: #fff;
  content: "";
  height: 284%;
  left: -157%;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 0;
}
.lv4-btns.active .lv4-btn:after {
  left: 200%;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.lv4-btns.active .lv4-btn:before {
  left: 200%;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}
@media (max-width: 1200px) {
  .lv4 {
    background-size: 85%;
  }
}
@media (max-width: 735px) {
  .lv4 {
    background-position: center  bottom;
  }
  .lv4 .inner-box {
    padding: 80px 0;
  }
  .lv4bg {
    margin-top: -35vw;
  }
}
.lv5 {
  background-color: #fff;
}
.lv5 .inner-box {
  padding: 100px 15px 60px;
  width: 900px;
  max-width: 90%;
  text-align: center;
  margin: auto;
}
.lv5img {
  background-image: url("/image/catalog/product/charger/b6nanoduo/5.jpg?20190403");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1392px;
  max-width: 100%;
  height: 840px;
  max-height: 56vw;
  margin: auto;
}
@media (max-width: 735px) {
  .lv5 .inner-box {
    padding: 80px 0 60px;
  }
}
.lv6 {
  background-image: url("/image/catalog/product/charger/b6nanoduo/6.jpg?20190403");
  background-color: #000000;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 664px;
}
.lv6 .inner-box {
  padding: 100px 15px 60px;
  width: 900px;
  max-width: 90%;
  text-align: center;
  margin: auto;
}
.lv6 .lv5icon {
  padding: 80px 15px 0;
  margin-bottom: -50px;
  position: relative;
  z-index: 1;
}
.lv6 .lv5icon div {
  background: url("/image/catalog/product/charger/b6nanoduo/5icon.png?20190403");
  background-position: 0 0;
  background-size: cover;
  height: 60px;
  width: 60px;
  display: inline-block;
  margin: 0 60px;
}
.lv6 .lv5icon .lv5icon2 {
  background-position: 50% 0;
}
.lv6 .lv5icon .lv5icon3 {
  background-position: 100% 0;
}
@media (max-width: 1920px) {
  .lv6 {
    padding-bottom: 38vw;
  }
}
@media (max-width: 1200px) {
  .lv6 {
    background-image: url("/image/catalog/product/charger/b6nanoduo/6h.jpg?20190403");
    padding-bottom: 60vw;
  }
  .lv6 .lv5icon {
    padding: 33px 15px 40px;
  }
}
@media (max-width: 735px) {
  .lv6 .inner-box {
    padding: 60px 15px 60px;
  }
  .lv6 .lv5icon {
    width: 100vw;
    margin-left: -9vw;
  }
  .lv6 .lv5icon div {
    margin: 0 6%;
  }
}
.lv7 {
  background-color: #000000;
}
.lv7 .inner-box {
  padding: 100px 15px 60px;
  width: 900px;
  max-width: 90%;
  text-align: center;
  margin: auto;
}
@media (max-width: 735px) {
  .lv7 .inner-box {
    padding: 60px 15px 50px;
  }
}
.lv8 {
  background-image: url("/image/catalog/product/charger/b6nanoduo/8bg.jpg?20190403");
  background-repeat: no-repeat;
  background-position: center top ;
  background-color: #000;
}
.lv8 .inner-box {
  padding: 100px 15px 60px;
  width: 900px;
  max-width: 90%;
  text-align: center;
  margin: auto;
}
.lv8img {
  background-image: url("/image/catalog/product/charger/b6nanoduo/8.jpg?20190403");
  background-size: contain;
  background-repeat: no-repeat;
  width: 736px;
  max-width: 90%;
  height: 798px;
  max-height: 81vw;
  margin: auto;
}
@media (max-width: 735px) {
  .lv8 {
    background-image: url("/image/catalog/product/charger/b6nanoduo/8bgm.jpg?20190403");
  }
  .lv8 .inner-box {
    padding: 60px 15px 50px;
  }
}
.saoma {
  height: 40vw;
  overflow: hidden;
  background: #000;
}
.saoma .inner-box {
  width: 950px;
  max-width: 90%;
}
.saomavideo {
  opacity: 0.4;
}
@media (max-width: 735px) {
  .saoma {
    height: auto;
  }
  .saoma .range,
  .saoma .czspjuzhong {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
  }
  .saoma .inner-box {
    max-width: 100%;
    padding: 40px 15px;
    text-align: left;
  }
}
.app {
  padding: 100px 0;
  background: #1d1e20;
  background: #fff;
}
.app .f18 {
  font-size: 16px;
  margin-bottom: 30px;
}
.app span {
  display: block;
  margin-top: 10px;
}
.app .f-ib {
  vertical-align: top;
}
.app .mg {
  margin-right: 105px;
  text-align: center;
}
.app .mg2 {
  margin-right: 60px;
}
.app .appyuyan {
  padding: 20px 0 20px;
  font-size: 24px;
}
.app .inner-box {
  padding: 80px 0 ;
}
.app .level-tit {
  margin-bottom: 40px;
}
.app .media-txt {
  width: 60%;
}
.app .media-img {
  width: 40%;
}
.app .app-btn {
  margin-bottom: 80px;
}
.appshouji {
  background: url("/image/catalog/product/charger/b6nano/8_iphone-X.png?20190403");
  background-size: cover;
  background-position: center;
  height: 693px;
  width: 348px;
  margin-left: 10%;
}
.appicon {
  background-image: url("/image/catalog/product/charger/b6nano/appicon.png?20190403");
  background-size: cover;
  background-position: 0 0;
  height: 100px;
  width: 100px;
  display: inline-block;
}
.iso9 {
  background-position: 100% 0;
}
@media (max-width: 1200px) {
  .appshouji {
    width: 300px;
    height: 612px;
    top: calc(50% - 306px);
    left: 5%;
  }
  .appicon {
    width: 78px;
    height: 78px;
  }
}
@media (max-width: 998px) {
  .appshouji {
    position: relative;
    width: 200px;
    height: 408px;
    top: 0;
    left: 10%;
  }
  .app {
    padding: 50px 0;
  }
  .app .media-img {
    width: 40%;
  }
  .app .media-txt {
    width: 60%;
  }
}
@media (max-width: 735px) {
  .app {
    padding: 0px 0;
  }
  .app .media-img {
    display: none;
  }
  .app .media-txt {
    width: 100%;
    padding: 0 15px;
  }
  .app .inner-box {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .app .mg {
    margin-right: 10vw;
  }
  .app .mg2 {
    margin-right: 15vw;
  }
  .app .inner-box {
    padding: 50px 0;
  }
}
.renzheng {
  background: url("/image/catalog/product/charger/b6nano/10.jpg?20190403") no-repeat;
  background-position: center;
  background-size: cover;
}
.renzheng .inner-box {
  width: 1100px;
  max-width: 90%;
  margin: 0 auto;
  padding: 15% 0;
}
.renzheng img {
  max-width: 80%;
}
.b6nanoduosize {
  background: url("/image/catalog/product/charger/b6nanoduo/size.jpg?20190403") no-repeat;
  background-size: contain;
  width: 640px;
  height: 491px;
  max-width: 100%;
  max-height: 40vw;
  background-position: center;
}
.b6nanoduolcd {
  background: url("/image/catalog/product/charger/b6nanoduo/lcd.jpg?20190403") no-repeat;
  background-size: contain;
  background-position: center;
  width: 591px;
  height: 421px;
  max-width: 100%;
  max-height: 40vw;
}
@media (max-width: 735px) {
  .b6nanoduosize {
    max-height: 61vw;
  }
  .b6nanoduolcd {
    max-height: 61vw;
  }
}