@charset "gb2312";
.warp{  background: none;}
.zlphome{position: absolute;top: .45rem;left:50%;margin-left: 2.9rem;z-index: 10;display: block;width: .52rem;height: 0.6rem;background: url('/wly/zhuanti/2024/images/zlp/icon_01.png') no-repeat top center / 100%}
.zlplb{position: absolute;top: 1.2rem;left:50%;margin-left: 2.9rem;z-index: 10;display: block;width: .52rem;height: 0.6rem;background: url('/wly/zhuanti/2024/images/zlp/icon_02.png') no-repeat top center / 100%}
.banner .swiper-container{height:14.5rem;}

@media screen and (min-width:750px){
	body{background: url('./zlp/dbg.jpg?ver=2') top center no-repeat;}
}
/*zlpbox*/
.zlpt1bg{display:block;width:100%;}
.fontbg{position:absolute;top: 6.95rem;display:block;width:7.5rem;height:3.66rem;}
.fontbgani{-webkit-animation:slideBottom4 1s 1;-moz-animation:slideBottom4 1s 1;animation:slideBottom4 1s 1;}
@-webkit-keyframes slideBottom4{0%{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)} 100%{-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}}
@-moz-keyframes slideBottom4{0%{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)} 100%{-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}}
@keyframes slideBottom4{0%{opacity:0;-webkit-transform:translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0)} 100%{-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0)}}

.godowna{position:absolute;top: 11.05rem;left:1.85rem;display:block;width:3.8rem;height:1.22rem;z-index:2;}
.godown{display:block;width:3.8rem;height:1.22rem;z-index:2;animation: scaleHint 2s infinite;
    -webkit-animation: scaleHint 2s infinite;}
.zlpgonext{position:absolute;bottom: 0.55rem;left:2.84rem;display:block;width:1.82rem;height:0.94rem;    animation: downHint 1.3s infinite;
    -webkit-animation: downHint 1.3s infinite;}
    
 @keyframes downHint{
     form{
         transform: translateY(0rem);
     }
     to{
         transform: translateY(.3rem);
     }
 }
 @-webkit-keyframes downHint{
    form{
        -webkit-transform: translateY(0rem);
    }
    to{
        -webkit-transform: translateY(.3rem);
    }
}

 @keyframes scaleHint{
 	  0% {
      transform: scale(1);
  	}
 	  50% {
      transform: scale(0.95);
  	}
 	  100% {
    	transform: scale(1);
  	}
 }
 @-webkit-keyframes scaleHint{
 	  0% {
      transform: scale(1);
  	}
 	  50% {
      transform: scale(0.95);
  	}
 	  100% {
    	transform: scale(1);
  	}
}

.zlpbox .swiper-pagination-bullet{position:relative;}
.zlpbox .swiper-container-horizontal .swiper-pagination-bullets{position: absolute;top: 11rem;}
.zlpnbg{/*position:absolute;*/display:block;width:7.5rem;height:14.5rem;top: 0rem;left:0;}
.zlpnbgt{position: absolute;display:block;width:3.07rem;height:1.88rem;top: 5.4rem;left: 1.2rem;}
.zlpdesc{position: absolute;display:block;width: 1.57rem;height: 0.48rem;}
.zlpdesc1{top: 10.6rem;left: 5.6rem;}
.zlpdesc2{top: 10.6rem;left: 2.6rem;}
.zlpdesc3{top: 10.6rem;left: 5.6rem;}
.zlpdesc4{top: 10.6rem;left: 2.6rem;;}
.zlpdesc5{top: 10.6rem;left: 5.6rem;}
.zlpdesc6{top: 10.6rem;left: 5.6rem;}
.zlpdesc7{top: 10.6rem;left: 5.6rem;}
.zlpdesc8{top: 10.6rem;left: 2.6rem;}
.zlpdesc9{top: 10.6rem;left: 5.6rem;}
.zlpdesc10{top: 10.6rem;left: 2.6rem;}
.zlpnbglt{position: absolute;display:block;width:3.07rem;height:1.88rem;top: 3.5rem;left: 1.2rem;}
.zlpjr{position: absolute;display:block;width:1.25rem;height:1.25rem;top: 7.5rem;left: 1.8rem;background: url('/wly/zhuanti/2024/images/zlp/an-jr.png?ver=1') no-repeat;background-size:100% 100%;}
.zlpewm1{position: absolute;display:block;width:2.09rem;height:2.28rem;top: 7.5rem;left: 1.3rem;}
.zlpewm2{position: absolute;display:block;width:2.09rem;height:2.27rem;top: 7.5rem;left: 1.2rem;}
.zlpewm3{position: absolute;display:block;width:2.09rem;height:2.27rem;top: 7.5rem;left: 3.8rem;}
.zlpbox .nbgz{position: absolute;display:block;width:0.53rem;height:0.53rem;top: 0rem;left: 0rem;}

.swiper-zlpdh{position:absolute;top: 11rem;height: 3rem;width: 100%;}
.banner .swiper-zlpdh{height:3.5rem;}
.zlpbox .prev{position: absolute;width:1.19rem;height:2.85rem;background: url('/wly/zhuanti/2024/images/nav/jt-z.png?ver=1') no-repeat;background-size:100% 100%;z-index: 555;left: 0;top: 6rem;cursor:pointer;}
.zlpbox .next_n{position: absolute;width:1.19rem;height:2.85rem;background: url('/wly/zhuanti/2024/images/nav/jt-y.png?ver=1') no-repeat;background-size:100% 100%;z-index: 555;right: 0;top: 6rem;cursor:pointer;}
.swiper-zlpdh img{width: 44%;margin: 0 auto;padding-top: 0rem;}
.swiper-zlpdh img.i1{position:relative;z-index:2;width: 0.44rem;}
.swiper-zlpdh .swiper-slide{bottom: 0rem;width:20%;padding-top: 0.3rem;}
.swiper-zlpdh .swiper-slide.swiper-slide-active .nbg1{position: absolute;width:0.42rem;height:0.41rem;background: url('/wly/zhuanti/2024/images/zlp/icon_05.png?ver=1') no-repeat;background-size:100% 100%;z-index: 555;left: 1.05rem;top: 0.95rem;}
.swiper-slide-prev .i1{float: right;}
.swiper-slide-next .i1{float: left;}
.swiper-zlpdh .fgline{position: absolute;width:5.89rem;height:0.05rem;background: url('/wly/zhuanti/2024/images/zlp/icon_08.png?ver=1') no-repeat;background-size:100% 100%;z-index: 1;left: 0.805rem;top: 1.1rem;}
.swiper-zlpdh .prev{position: absolute;width:0.75rem;height:1.44rem;background: url('/wly/zhuanti/2024/images/zlp/icon_06.png?ver=1') no-repeat;background-size:100% 100%;z-index: 555;left: 0.1rem;top: .8rem;
animation: leftHint 1.5s infinite;
    -webkit-animation: leftHint 1.5s infinite;}
.swiper-zlpdh .next_n{position: absolute;width:0.75rem;height:1.44rem;background: url('/wly/zhuanti/2024/images/zlp/icon_07.png?ver=1') no-repeat;background-size:100% 100%;z-index: 555;right: 0.1rem;top: 0.8rem;    animation: rightHint 1.5s infinite;
    -webkit-animation: rightHint 1.5s infinite;
}
 @keyframes leftHint{
     form{
         transform: translateX(0rem);
     }
     to{
         transform: translateX(-.1rem);
     }
 }
 @-webkit-keyframes leftHint{
    form{
        -webkit-transform: translateX(0rem);
    }
    to{
        -webkit-transform: translateX(-.1rem);
    }
}
 @keyframes rightHint{
     form{
         transform: translateX(0rem);
     }
     to{
         transform: translateX(.1rem);
     }
 }
 @-webkit-keyframes rightHint{
    form{
        -webkit-transform: translateX(0rem);
    }
    to{
        -webkit-transform: translateX(.1rem);
    }
}


.imgz1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 7.5rem;
  height: 16.24rem;
  mask-size: 1600% 100%;
  -webkit-mask-size: 1600% 100%;
  -webkit-mask-image: url(./zlp/shadow_mask_2b8f1a5a.png);
}
.z1{z-index:3;}
.imgz1[data-ani="0"] {
  pointer-events: none;
  -webkit-animation: startMask1 1s steps(15) both;
  -moz-animation: startMask1 1s steps(15) both;
  -ms-animation: startMask1 1s steps(15) both;
  animation: startMask1 1s steps(15) both;
}

.imgz1[data-ani="1"] {
  pointer-events: none;
  -webkit-animation: startMask2 1s steps(15) both;
  -moz-animation: startMask2 1s steps(15) both;
  -ms-animation: startMask2 1s steps(15) both;
  animation: startMask2 1s steps(15) both;
}

@-webkit-keyframes startMask1 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-moz-keyframes startMask1 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-ms-keyframes startMask1 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-o-keyframes startMask1 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@keyframes startMask1 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-webkit-keyframes startMask2 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-moz-keyframes startMask2 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-ms-keyframes startMask2 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@-o-keyframes startMask2 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}

@keyframes startMask2 {
  100% {
    mask-position: 100% center;
    -webkit-mask-position: 100% center;
  }
}


.btn-video {
  position: absolute;
  width: 1.04rem;
  height: 1.04rem;
  background: url(./zlp/icon_03.png) no-repeat;
  background-size: 100% 100%;
}

.btn-video{
  left: 0.5rem;
  top: 9.4rem;
}
.vnbg1{position: absolute;display:block;width: 1.04rem;height: 1.04rem;top: 0rem;left: 0.0rem;background: url('/wly/zhuanti/2024/images/zlp/icon_04.png?ver=1') no-repeat;background-size:100% 100%;-webkit-animation: Rotate 10s linear infinite 300ms 0 ease;animation: Rotate 10s linear infinite 300ms 0 ease;-webkit-animation: Rotate 10s linear infinite;animation: Rotate 10s linear infinite;}


.myAlert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display:none;
}

.myAlert .myAlert-mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.myAlert .myAlert-con {
  position: absolute;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.myAlert .intro{display:block;width:7.5rem;height:7.74rem;}
.myAlert .myAlert-con .myAlert-close {
  position: absolute;
  top: 8.2rem;
  left: 3.1rem;
  width: 1.28rem;
  height: 1.28rem;
  background: url(./zlp/icon_09.png) no-repeat;
  background-size: 100% 100%;
}

.myAlert .myAlert-con.myAlert-con-video {
  width: 7.5rem;
}

.myAlert .myAlert-con.myAlert-con-video .video-show {
  display: block;
  width: 100%;
}

.mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
}

.pop-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 6.5rem;
  height: 5rem;
  font-size: 0.26rem;
  background: white;
  color: red;
}

.pop-bg .pop-close {
  position: absolute;
  top: 0;
  right: -0.45rem;
  width: 0.4rem;
  height: 0.4rem;
  background: url(https://h.res.netease.com/pc/zt/20230619105237/assets/btn-close_badcb1c1.png) no-repeat;
  background-size: 100% 100%;
}



.dot {
  position: absolute;
  width: 2.68rem;
  height: 2.68rem;
  z-index: 5;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  background: url(./zlp/dot_d18a30f0.png);
  background-size: 2200% 100%;
  pointer-events: none;
}

.dot[data-ani="0"] {
  -webkit-animation: dotFn 1.4s steps(1) forwards;
  -moz-animation: dotFn 1.4s steps(1) forwards;
  -ms-animation: dotFn 1.4s steps(1) forwards;
  animation: dotFn 1.4s steps(1) forwards;
}

.dot[data-ani="1"] {
  -webkit-animation: dotFn2 1.4s steps(1) forwards;
  -moz-animation: dotFn2 1.4s steps(1) forwards;
  -ms-animation: dotFn2 1.4s steps(1) forwards;
  animation: dotFn2 1.4s steps(1) forwards;
}

@-webkit-keyframes dotFn {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-moz-keyframes dotFn {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-ms-keyframes dotFn {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-o-keyframes dotFn {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@keyframes dotFn {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-webkit-keyframes dotFn2 {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-moz-keyframes dotFn2 {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-ms-keyframes dotFn2 {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@-o-keyframes dotFn2 {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}

@keyframes dotFn2 {
  0% {
    background-position: 0 0;
  }

  4.5% {
    background-position: -2.68rem 0;
  }

  9.1% {
    background-position: -5.36rem 0;
  }

  13.6% {
    background-position: -8.04rem 0;
  }

  18.2% {
    background-position: -10.72rem 0;
  }

  22.7% {
    background-position: -13.4rem 0;
  }

  27.3% {
    background-position: -16.08rem 0;
  }

  31.8% {
    background-position: -18.76rem 0;
  }

  36.4% {
    background-position: -21.44rem 0;
  }

  40.9% {
    background-position: -24.12rem 0;
  }

  45.5% {
    background-position: -26.8rem 0;
  }

  50% {
    background-position: -29.48rem 0;
  }

  54.5% {
    background-position: -32.16rem 0;
  }

  59.1% {
    background-position: -34.84rem 0;
  }

  63.6% {
    background-position: -37.52rem 0;
  }

  68.2% {
    background-position: -40.2rem 0;
  }

  72.7% {
    background-position: -42.88rem 0;
  }

  77.3% {
    background-position: -45.56rem 0;
  }

  81.8% {
    background-position: -48.24rem 0;
  }

  86.4% {
    background-position: -50.92rem 0;
  }

  90.9% {
    background-position: -53.6rem 0;
  }

  95.5% {
    background-position: -56.28rem 0;
  }

  100% {
    background-position: -56.28rem 0;
  }
}