/* ==========================================================================
   通用样式
   ========================================================================== */
body{ background:#f0f0f0;opacity: 1;} 
ul,ol,li,h1,h2,h3,h4,h5,h6,p,dl,dd,dt{margin:0;padding:0;list-style:none;}
a{text-decoration: none;}
img{border:0;}
.imgwidth{ width:100%;}
/*******清除浮动*********/
.clear-fix{clear: both;overflow: hidden;height: 0;font-size: 0;}
/**********小圆点****************/
.pagination{position:fixed; bottom:3%;left:0;z-index: 9999;width:100%;text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block;margin:0 6px;width:8px;height:8px;border-radius:8px;background:#ffffff;cursor:pointer;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)}
.pagination .swiper-active-switch{background:#ffb400;}
.pagination .swiper-visible-switch{}
 /* 划屏样式 */
.ui-yz {overflow: hidden;width: 100%;height: 0;}
.yz-slide {position: relative;width: 100%; height:100%; overflow:hidden;}
.yz-page {position: relative;width: 100%;height: 100%;}

/*********页面样式******************/
.page{width: 100%; margin:0 auto; padding:0;}
.page div{ opacity:0;}
.opacity{ opacity:0;}
/*音乐*/
.topCon{ display:block;position:absolute; z-index: 99999999999999; bottom:10px; width:100%; height:40px;background:rgba(204,204,204,0);}
.sound{ width:15px; height:15px; padding:5px; right:15px;  position: absolute;  border:2px solid #CCC;  border-radius: 15px;-webkit-border-radius: 15px;  background:url(../images/soundoff.png) center center no-repeat; background-size:50% 50%; }
.rotateAm{
  -webkit-animation-name: rotateAm;
  -webkit-animation-duration: 3s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:infinite;
}
@-webkit-keyframes rotateAm {
	0%{ opacity:1;}
  25% { -webkit-transform: rotate(0deg) }
  25% { -webkit-transform: rotate(90deg) }
  50% { -webkit-transform: rotate(180deg) }
  75% { -webkit-transform: rotate(270deg) }
  100% { -webkit-transform: rotate(360deg) }
}
.musicOn{ position:absolute; right:13%; bottom:9%; display:none; font-size:10px; color:#fff; z-index:55;}
/*音乐end*/

   /**********页头页末样式  start************/
      .page_top{ position:absolute; top:5%;}
	  .page_bottom{ position:absolute;top:7%; z-index:9}
   /**********页头页末样式    end************/
   
   /**********page公用样式 start***********/
      .content{ padding-top:15%;}
	  .page_pic{ width:90%; margin:3% auto;}
   /**********page公用样式   end***********/
   



/*---------------------区域价值 start------------------------------------*/   
	/**********page01样式  start**********/
      .qypage01_details1 {position: absolute;top: 5%;}
   /**********page01样式   end**********/
   
   /**********page02样式  start**********/
      .qypage02_details1{position: absolute;bottom: 34%;}
	  .qypage02_details2{ position: absolute;bottom:28.5%;}
	  .qypage02_details3{ position: absolute;bottom: 25.5%;}
	  .qypage02_details4{ position: absolute;bottom:17%;}
   /**********page02样式   end**********/
   
   /**********page03样式  start**********/
      .qypage03_details1 {position: absolute;top: 2%;}
	  .qypage03_details2{ position: absolute;top: 20%;}
	  .qypage03_details3{ position: absolute;bottom:7%;}
   /**********page03样式   end**********/
/*---------------------区域价值 end------------------------------------*/ 

.imgwidth1{ width:100%;}
  /*苹果4手机 start*/
@media screen and (min-height:400px) and (max-height: 420px) {
	.imgwidth1{ width:80%; margin:0 0 0 10%;}
	
	.qypage02_details4 {position: absolute;bottom: 15%;}
	
	.qypage02_details1 {position: absolute;bottom: 36%;}

}
  /*苹果4手机 end*/

  /*苹果5样式 start*/  
/*@media screen and (min-height: 503px) and (max-height: 504px) {
	}
*/  /*苹果5样式  end*/  

  /*苹果6样式 start*/  
@media screen and (min-height: 603px) and (max-height: 604px) {
	}
  /*苹果6样式  end*/  
  
  /*苹果6 plus start样式*/  
@media screen and (min-height: 670px) and (max-height: 672px) {
	}
  /*苹果6 plus end样式*/  

  /*华为 三星样式 start*/  
@media screen and (min-height: 503px) and (max-height: 567px) {
	}
  /*华为 三星样式 end*/