.level-txt.txt-white {
  color: #ddd !important;
}
.level-txt {
  line-height: 1.8;
}
.lv8,
.lv7,
.lv2,
.lv6,
.lv9,
.lv10 {
  background-color: #0d0c11;
}
@media (max-width: 735px) {
  .f-size-50 {
    font-size: 30px;
  }
}
.lv1 {
  background-color: #1f1f1f;
  background-image: url("/image/catalog/product/charger/t200/1bg2.jpg");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
.lv1 .inner-box {
  padding-top: 5vw;
  text-align: center;
}
.lv1 .level-tit {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
.lv1 .lv1txt div {
  opacity: 0;
  position: relative;
  visibility: hidden;
}
.lv1 .lv1txt div:before {
  content: "T200 DUA";
  background: url("/image/catalog/product/charger/t200/guang2.png") no-repeat;
  background-position: bottom;
  background-size: contain;
  bottom: -0.5em;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: transparent;
  width: 88%;
  -webkit-animation: alight 1.8s linear infinite;
  animation: alight 1.8s linear infinite;
}
.lv1 .lv1txt.lv1txt2 div:before {
  content: "BALANCE CHARGER";
  width: 100%;
}
.lv1 .level-img {
  transition: none !important;
}
.lv1.active .lv1img {
  transform: none;
  filter: brightness(1);
  opacity: 1;
}
.lv1.active .lv1txt div {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear 6s;
}
.lv1img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 562px;
  height: 710px;
  margin: auto;
  position: relative;
  filter: brightness(0);
  opacity: 0;
  transition: all 4s cubic-bezier(0, 0, 0.09, 0.99) 1.5s, opacity 0.5s cubic-bezier(0, 0, 0.09, 0.99) 1.5s;
}
.lv1img1 {
  background-image: url("/image/catalog/product/charger/t200/1-1.png?fdsaddddf");
  left: -30%;
  transform: translate(10%, -2%);
}
.lv1img2 {
  background-image: url("/image/catalog/product/charger/t200/1-2.png?fdsa");
  left: 30%;
  top: -4%;
  transform: translate(-10%, 2%);
}
.lv1img1,
.lv1img2 {
  position: absolute;
  width: 562px;
  height: 730px;
}
@media (max-width: 1000px) {
  .lv1img {
    width: 51vw;
    height: 73vw;
  }
}
@media (max-width: 735px) {
  .lv1 .inner-box {
    padding-top: 60px;
  }
}
@media (max-width: 600px) {
  .noIE .lv1 .level-tit {
    font-size: 6vw;
  }
}
@keyframes alight {
  0% {
    opacity: 0.7;
    filter: alpha(opacity=60)\9;
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100)\9;
  }
  100% {
    opacity: 0.7;
    filter: alpha(opacity=60)\9;
  }
}
.lv2 .level-txt {
  width: 868px;
  max-width: 85%;
  margin: auto;
}
.lv2 .inner-box {
  padding-top: 100px;
}
.lv2 .lv2txt {
  color: #2f94f0;
  font-size: 80px;
  position: absolute;
  top: 30%;
}
.lv2 .lv2txt .num span {
  opacity: 0;
  -webkit-transition: transform 0.5s cubic-bezier(0, 0, 0, 0.99) 0.3s, opacity 1.5s cubic-bezier(0, 0, 0, 0.99) 0.3s;
  transition: transform 0.5s cubic-bezier(0, 0, 0, 0.99) 0.3s, opacity 1.5s cubic-bezier(0, 0, 0, 0.99) 0.3s;
}
.lv2 .lv2txt-left {
  right: 70%;
  text-align: right;
}
.lv2 .lv2txt-left .num {
  overflow: hidden;
}
.lv2 .lv2txt-left .num span {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  display: block;
}
.lv2 .lv2txt-right {
  left: 68%;
  text-align: left;
}
.lv2 .lv2txt-right .num {
  overflow: hidden;
}
.lv2 .lv2txt-right .num span {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  display: block;
}
.lv2 .num12A {
  margin-bottom: 50%;
}
.lv2 .lv2img.active .lv2txt-right span,
.lv2 .lv2img.active .lv2txt-left span {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.lv2img {
  background-image: url("/image/catalog/product/charger/t200/2.jpg?fdsaf");
  width: 1199px;
  height: 946px;
  margin: auto;
}
@media (max-width: 1200px) {
  .lv2img {
    max-width: 90vw;
    max-height: 71vw;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .lv2 .inner-box {
    padding-top: 80px;
  }
  .lv2 .lv2txt {
    font-size: 6.5vw;
  }
}
@media (max-width: 735px) {
  .media-hide {
    display: none;
  }
  .lv2img {
    background-image: url("/image/catalog/product/charger/t200/2-m.jpg?fdasfa");
    max-width: 110vw;
    max-height: 92vw;
    margin-left: -11.5vw;
  }
  .lv2 .inner-box {
    padding-top: 60px;
  }
}
.lv3 {
  background: url("/image/catalog/product/charger/t200/3.jpg") no-repeat;
  background-position: 31% 100%;
  background-size: cover;
  background-color: #0f0f0f;
}
.lv3 .inner-box {
  width: 600px;
  max-width: 65%;
  padding: 5vw 0 17.6vw;
}
@media (max-width: 1400px) {
  .lv3 .inner-box {
    padding-left: 5%;
  }
}
@media (max-width: 1200px) {
  .lv3 {
    background-image: url("/image/catalog/product/charger/t200/3-h.jpg");
    background-position: 83% 100%;
  }
}
@media (max-width: 735px) {
  .lv3 {
    background-image: url("/image/catalog/product/charger/t200/3-m.jpg");
    background-position: 100% 30%;
  }
  .lv3 .inner-box {
    max-width: 100%;
    padding: 0 5% 82vw;
  }
}
@media (max-width: 635px) {
  .lv3 {
    background-position: bottom right;
    background-size: contain;
  }
}
@media (max-width: 486px) {
  .lv3 .inner-box {
    padding-bottom: 100vw;
  }
}
.lv4 {
  background-color: #1d1e20;
}
.lv4 .inner-box {
  width: 750px;
  max-width: 90%;
  margin: auto;
  padding: 100px 0  50px;
}
.lv4 .level-container {
  max-width: 1400px;
}
.lv4 .lv4txt2 {
  width: 750px;
  max-width: 90%;
  margin: auto;
  padding: 30px 0;
}
.lv4img {
  background-image: url("/image/catalog/product/charger/t200/4.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 1400px;
  height: 700px;
  max-width: 100%;
  max-height: 47vw;
}
@media (max-width: 1600px) {
  .lv4 .inner-box {
    padding-top: 70px;
  }
}
@media (max-width: 1200px) {
  .lv4 .inner-box {
    padding-top: 60px;
    padding-bottom: 10px;
  }
  .lv4img {
    background-image: url("/image/catalog/product/charger/t200/4-h.jpg");
    max-height: 43vw;
  }
}
@media (max-width: 735px) {
  .lv4img {
    background-image: url("/image/catalog/product/charger/t200/4-m.jpg");
  }
}
.lv5 {
  background-color: #1d1e20;
}
.lv5 .inner-box {
  padding: 80px 0  0;
}
.lv5 .level-tit,
.lv5 .level-txt {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}
.lv5 .level-container {
  width: 1400px;
  max-width: 90%;
}
.lv5 .level-container .swiper-container .swiper-slide {
  margin-bottom: 150px;
}
.lv5 .level-container .swiper-container .level-txt {
  padding-top: 30px;
  position: absolute;
  top: 100%;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
}
.lv5 .level-container .swiper-slide-active .level-txt {
  opacity: 1;
}
.lv5 .level-container .swiper-button-next,
.lv5 .level-container .swiper-button-prev {
  top: 350px;
  background: transparent;
}
.lv5 .level-container .swiper-button-next:before,
.lv5 .level-container .swiper-button-prev:before {
  font-family: "i";
  content: "\e602";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  left: -21px;
  font-size: 28px;
  line-height: 50px;
  padding-left: 3px;
  top: -2px;
  background: rgba(255, 255, 255, 0.48);
  border-radius: 1000%;
  color: #fff;
  text-align: center;
}
.lv5 .level-container .swiper-button-prev:before {
  content: "\e601";
  left: 0;
}
.lv5img {
  background-image: url("/image/catalog/product/charger/t200/5-1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1400px;
  height: 700px;
  max-width: 100%;
  max-height: 47vw;
}
.lv5img2 {
  background-image: url("/image/catalog/product/charger/t200/5-2.jpg");
}
@media (max-width: 1400px) {
  .level-container .swiper-container .swiper-button-next,
  .level-container .swiper-container .swiper-button-prev {
    top: 23.5vw;
  }
}
@media (max-width: 1200px) {
  .lv5img1 {
    background-image: url("/image/catalog/product/charger/t200/5-1-h.jpg");
  }
  .lv5img2 {
    background-image: url("/image/catalog/product/charger/t200/5-2-h.jpg");
  }
}
@media (max-width: 735px) {
  .lv5img1 {
    background-image: url("/image/catalog/product/charger/t200/5-2-m.jpg");
  }
  .lv5img2 {
    background-image: url("/image/catalog/product/charger/t200/5-2-m.jpg");
  }
}
.lv6 .inner-box {
  width: 900px;
  max-width: 90%;
  margin: auto;
  padding: 80px 0;
  position: relative;
  z-index: 2;
}
.lv6 .level-img {
  position: relative;
  margin-top: -263px;
}
.lv6 .level-container {
  width: 1400px;
  max-width: 90%;
}
.lv6img {
  background-image: url("/image/catalog/product/charger/t200/6.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1400px;
  height: 1017px;
  max-width: 100vw;
  max-height: 91vw;
  margin: auto;
}
@media (max-width: 1400px) {
  .lv6 .level-img {
    margin-top: -20vw;
  }
  .lv6img {
    margin-left: -5vw;
  }
}
@media (max-width: 1200px) {
  .lv6 .level-img {
    margin-top: -30vw;
  }
}
@media (max-width: 735px) {
  .lv6img {
    background-image: url("/image/catalog/product/charger/t200/6-m.jpg");
  }
}
@media (max-width: 468px) {
  .lv6img {
    max-width: 131vw;
    margin-left: -25vw;
  }
}
.jBox-container,
.jBox-pointer:after {
  background: #1094d6;
}
.jBox-content {
  color: #fff;
}
.lv7 .dian {
  width: 22px;
  height: 22px;
  position: absolute;
  background: #1094d6;
  border-radius: 50%;
  opacity: 0.8;
  font-size: 0;
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  animation: shan 2.5s linear infinite;
}
.lv7 .dian:after {
  content: "\e68a";
  font-size: 20px;
  line-height: 22px;
  font-family: i;
  color: #fff;
  background: #1094d6;
  border-radius: 50%;
  padding: 1px;
}
.lv7 .dian1 {
  top: 19%;
  left: 20%;
}
.lv7 .dian2 {
  top: 30%;
  left: 9%;
}
.lv7 .dian3 {
  top: 33%;
  left: 16%;
}
.lv7 .dian4 {
  top: 35%;
  left: 25%;
}
.lv7 .dian5 {
  top: 74%;
  left: 24%;
}
.lv7 .dian52 {
  top: 64%;
  left: 8%;
}
.lv7 .dian6 {
  top: 39%;
  left: 21%;
}
.lv7 .dian7 {
  top: 61%;
  left: 49%;
}
.lv7 .dian8 {
  top: 67%;
  left: 59%;
}
.lv7 .level-txt {
  width: 900px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.lv7 .inner-box {
  padding: 80px 0 0;
}
.lv7img {
  background-image: url("/image/catalog/product/charger/t200/7.png?20190418");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 816px;
  height: 729px;
  max-width: 100%;
  max-height: 91vw;
  margin: auto;
  position: relative;
}
@media (max-width: 600px) {
  .lv7img {
    background-image: url("/image/catalog/product/charger/t200/7m.png?20190418");
  }
}
@keyframes shan {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.lv8 .level-container {
  width: 1400px;
  max-width: 90%;
}
.lv8 .inner-box {
  padding-bottom: 60px;
}
.lv8 .lv8guang {
  opacity: 0;
}
.lv8 .lv8guang {
  -webkit-transition-timing-function: cubic-bezier(0.13, 0.59, 0.36, 0.88);
  transition-timing-function: cubic-bezier(0.13, 0.59, 0.36, 0.88);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.lv8 .pingmu-list {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: all;
  transition-property: all;
}
.lv8 .lv8guang {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.lv8 .pingmu1 {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.lv8 .pingmu2 {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.lv8 .pingmu3 {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.lv8 .pingmu4 {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.lv8 .pingmu5 {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.lv8 .pingmu6 {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
.lv8 .lv8img.active .lv8guang,
.lv8 .lv8img.active .pingmu-list {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.lv8img {
  background-image: url("/image/catalog/product/charger/t200/8.jpg?fdsafa");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 1400px;
  height: 700px;
  max-width: 100%;
  max-height: 44vw;
}
.lv8guang {
  background-image: url("/image/catalog/product/charger/t200/8-guang.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.pingmu-box {
  padding: 6% 0 0  11%;
}
.pingmu-list {
  width: 10%;
  background-image: url("/image/catalog/product/charger/t200/8-1.png?20190419");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 19%;
  padding-bottom: 5.4%;
  margin-bottom: 2%;
  opacity: 0;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.pingmu2 {
  background-image: url("/image/catalog/product/charger/t200/8-2.png?20190419");
}
.pingmu3 {
  background-image: url("/image/catalog/product/charger/t200/8-3.png?20190419");
}
.pingmu4 {
  background-image: url("/image/catalog/product/charger/t200/8-4.png?20190419");
}
.pingmu5 {
  background-image: url("/image/catalog/product/charger/t200/8-5.png?20190419");
}
.pingmu6 {
  background-image: url("/image/catalog/product/charger/t200/8-6.png?20190419");
}
@media (max-width: 1000px) {
  .lv8img {
    background-image: url("/image/catalog/product/charger/t200/8-h.jpg?fdsafa");
  }
}
@media (max-width: 735px) {
  .lv8img {
    background-image: url("/image/catalog/product/charger/t200/8-m.jpg?fdsafa");
  }
  .lv8 .inner-box {
    padding-bottom: 30px;
  }
}
.lv9 .inner-box {
  padding: 30px 0;
}
.lv9 .level-container {
  width: 1402px;
  max-width: 90%;
}
.lv9img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  text-align: center;
  font-size: 0;
  max-height: 43.3vw;
}
.lv9img1 {
  background-image: url("/image/catalog/product/charger/t200/9-1.jpg");
  width: 696px;
  max-width: 49.1%;
  height: 700px;
}
.lv9img2 {
  background-image: url("/image/catalog/product/charger/t200/9-2.jpg");
  width: 695px;
  max-width: 49%;
  height: 700px;
}
.lv10 .level-container {
  width: 1400px;
  max-width: 100%;
}
.lv10 .inner-box {
  width: 600px;
  max-width: 90%;
}
.lv10 .media-box {
  padding-top: 100px;
  padding-bottom: 160px;
}
.lv10 .media-txt,
.lv10 .media-img {
  width: 50%;
}
.lv10 .yuan {
  background: #2f94f0;
  width: 1%;
  padding-bottom: 1%;
  border-radius: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
.lv10 .xian {
  width: 100px;
  max-width: 0;
  -webkit-transition: max-width 1s linear 0.4s;
  transition: max-width 1s linear 0.4s;
  border-bottom: 1px solid #2f94f0;
}
.lv10 .xiantxt {
  color: #2f94f0;
  font-size: 16px;
  top: -8px;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear 0.8s;
  transition: opacity 0.3s linear 0.8s;
}
.lv10 .yuan1 {
  top: 77%;
  left: 33%;
}
.lv10 .yuan1 .xian {
  right: 0%;
  top: 40.9%;
}
.lv10 .yuan1 .xiantxt {
  right: 110%;
}
.lv10 .yuan2 {
  top: 80%;
  left: 72%;
}
.lv10 .yuan2 .xian {
  left: 0%;
  top: 40.9%;
}
.lv10 .yuan2 .xiantxt {
  left: 110%;
}
.pc-hide {
  display: none !important;
}
.lv10bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 10% 100%;
  background-image: url("/image/catalog/product/charger/t200/10bg.jpg");
}
.lv10img-shadow {
  width: 430px;
  margin: auto;
  height: 4px;
  position: absolute;
  box-shadow: 0 0 9px #000;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.71);
  bottom: 0%;
  right: 10%;
  filter: blur(2px);
}
.lv10img {
  background-image: url("/image/catalog/product/charger/t200/10.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 430px;
  height: 756px;
  margin: auto;
  margin-right: 10%;
}
.lv10img.active .yuan,
.lv10img.active .xiantxt {
  opacity: 1;
}
.lv10img.active .xian {
  max-width: 600px;
}
@media (max-width: 1575px) {
  .lv10 .media-box {
    padding-top: 80px;
    padding-bottom: 10vw;
  }
}
@media (max-width: 1200px) {
  .lv10 .inner-box {
    padding-left: 5%;
  }
  .lv10 .xian {
    width: 50px;
  }
  .lv10 .xiantxt {
    font-size: 14px;
    top: -7px;
  }
}
@media (max-width: 1000px) {
  .lv10img,
  .lv10img-shadow {
    max-width: 45vw;
    max-height: 65vw;
  }
  .lv10 .xian {
    width: 40px;
  }
  .lv10 .xiantxt {
    font-size: 12px;
    top: -6px;
  }
}
@media (max-width: 735px) {
  .lv10 .yuan {
    width: 2%;
    padding-bottom: 2%;
  }
  .lv10 .xian {
    width: 20px;
  }
}
@media (max-width: 600px) {
  .lv10media-hide {
    display: none !important;
  }
  .pc-hide {
    display: block !important;
  }
  .lv10 .media-box {
    padding-top: 60px;
  }
  .lv10 .level-txt {
    padding-bottom: 30px;
  }
  .lv10 .media-img,
  .lv10 .media-txt {
    width: 100%;
  }
  .lv10 .yuan {
    width: 2%;
    padding-bottom: 2%;
  }
  .lv10 .xian {
    width: 10vw;
  }
  .lv10 .yuan2 {
    top: 80%;
    left: 65%;
  }
  .lv10img {
    margin: auto;
    max-width: 80vw;
    max-height: 100vw;
  }
  .lv10img-shadow {
    max-height: 1.5vw;
    max-width: 80vw;
    right: 8%;
  }
}
.renzheng {
  background-image: url("/image/catalog/product/charger/nc1500/9.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.renzheng .inner-box {
  width: 900px;
  margin: auto;
  max-width: 80%;
  padding-top: 15%;
  padding-bottom: 14%;
}
.renzhengimg {
  background-image: url("/image/catalog/product/charger/nc1500/renzheng.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 355px;
  height: 53px;
  margin: auto;
  max-width: 100%;
}
@media (max-width: 735px) {
  .renzheng {
    background-image: url("/image/catalog/product/charger/nc1500/9_m.jpg");
  }
}