body{background: #fff;width: 100%;height: 100vh;overflow: hidden;
    /* background: url(../img/bg.jpg) no-repeat 0 0 / 100% 100%; */
  }
  .relative{position: relative;}
  .absolute{position: absolute;}
  .hidden{display: none;}
  .zimg{position: relative;z-index: 1;}
  .transition{transition: transform .3s ,opacity .3s;}
  .loopmove{transition: opacity .3s,transform .3s;animation: loopMove 1s linear infinite;}
  @keyframes loopMove {
    50%{
      transform: translate3d(0,0,0) scale(1) rotate(0);
      opacity: 1;
    }
  }
  .oncemove{transition: opacity .3s,transform .3s;animation: onceMove 1s linear forwards;}
  @keyframes onceMove {
    100%{
      transform: translate3d(0,0,0) scale(1) rotate(0);
      opacity: 1;
    }
  }
  
  /* =======================p0====================== */
  .p0{
    display: none;
    /* background: url(../img/p1/p1-bg.jpg) no-repeat 0 0 / 100% auto; */
    width: 100%;height: 100vh;overflow: hidden;z-index: 1000;}
  .p0 .center{top:50%;font-size: .28rem;color: #1665a8;}
  .loading_num{font-size: .28rem;color: #1665a8;text-align: center;}
  
  .container{
    /* display: none; */
    position: relative;width: 100%;height: 100vh;overflow: hidden;transform-origin: 0 0;}
  .page{
    display: none;
    position: relative;width: 100vw;height: 100vh;}
  .page div{position: absolute;}
  
  .p1{
    display: block;
  }
  
  
  
  /* =======================p1====================== */
  
  
  /* =======================p2====================== */
  
  /* =======================p3====================== */
  
  
  /* =======================p4====================== */
  
  /* =======================p5====================== */
  
  
  /* =======================p6====================== */
  
  /* =======================p7====================== */
  
  /* =======================p8====================== */
  
  
  /* =======================p9====================== */
  
  
  /* =======================p10====================== */
  
  
  /* =======================兼容适配====================== */
  @media screen and (min-height:668px) and (max-height:699px) and (min-width:359px){
     
  }
  
  @media screen and (max-height:666px) and (min-width:359px){
     
  }
  
  @media screen and (max-height:620px) and (min-width:359px){
      
  }
  
  @media screen and (max-height:589px) and (min-width:359px){
  }
  
  @media screen and (max-height:560px) and (min-width:359px){
     
  }
  
   /* ip5  320 * 554  wx:320 * 504 wx+:320 * 454 */
   @media screen and (max-height:555px) and (width:320px){
      
  }
  
   /* ip6  375 * 603  w*/
   @media screen and (height:603px) and (width:375px){
      
  }
  
   /* ipx  375 * 812  wx:375 * 724 wx+:375 * 674 */
  @media screen and (min-height:700px) and (width:375px){
    
  }
  
  /* ip6/7/8p  414 * 736  wx:414 * 672 wx+:414 * 622 */
  @media screen and (min-width:400px) and (min-height:600px){  
  }
  
  /* ipxr  414 * 808  wx:414 * 808 wx+:414 * 759 */
  @media screen and (min-width:400px) and (min-height:700px){
    
  }
  
  /* mi8 */
  @media screen and (min-width:376px) and (max-width:400px) and (min-height:600px){  
     
     
   }
  

@keyframes miuse{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
[v-cloak]{display: none;}

.bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../img/1.png) no-repeat center/cover;}
.gzh{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.95);}
.gzh .img{width: calc(100vw / 750 * 719);height: calc(100vw / 750 * 729);background: url(../img/79.png) no-repeat center/contain;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 10%;}
.gzh .img img{width: calc(100vw / 750 * 311);height: calc(100vw / 750 * 311);position: absolute;left: 0;right: 0;margin: auto;top: 15%;}
.gzh .img .click{width: calc(100vw / 750 * 200);height: calc(100vw / 750 * 100);bottom: 13.5%;left: 57%;position: absolute;}