/* ==========================================================================
   通用样式
   ========================================================================== */
body{background-color:#FFF;opacity: 0;} 
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;}
.clear-fix{clear: both;overflow: hidden;height: 0;font-size: 0;}
.pagination{position:fixed; bottom:25px;left:0;z-index: 9;width:100%;text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block;margin:0 10px;width:8px;height:8px;border-radius:8px;background:rgba(186,186,186,.4);cursor:pointer;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)}
.pagination .swiper-active-switch{background:#7f7f7f;}
.pagination .swiper-visible-switch{}


.page{width: 100%;}
.page ul{ width:100%;}
.page li{ list-style:none;}
.page li img{ width:100%; opacity:0;}
 

/* 划屏样式 */
/*.ui-yz{overflow: hidden;width: 100%;height: 0;}
.yz-slide{position: relative;width: 100%;height: 0;z-index: 6;}
.yz-page{position: relative;width: 100%;height: 100%;}
.yz-page img{position: absolute;left: 0;z-index: 9;display: block;width:0;}
.yz-page.show img{position: absolute; width: 100%;height: 100%;opacity: 0;}*/
 
 /* 划屏样式 */
.ui-yz {
	overflow: hidden;
	width: 100%;
	height: 0;
}
.yz-slide {
	position: relative;
	width: 100%;
	height: 0;
	overflow-x:hidden;
	overflow-y:100%;
}
.yz-page {
	position: relative;
	width: 100%;
	height: 100%;
}

.yz-page.show .adown {
	top: 0;
	-webkit-animation: adown 1.5s forwards;
}
  
 
@-webkit-keyframes adown
{
   0%   {-webkit-transform: translate3d(0,-50px,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .aup{top:0;-webkit-animation: aup 1.5s forwards;}
@-webkit-keyframes aup
{
   0%   {-webkit-transform: translate3d(0,50px,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .abig{top:0;-webkit-animation: abig .8s linear forwards;}
@-webkit-keyframes abig
{
   0%   {-webkit-transform: scale(2,2);opacity:0;}
   100% {-webkit-transform: scale(1,1);opacity:1;}
}

.yz-page.show .aleft{width: 100%;height:auto; top:0;-webkit-animation: aleft 1.5s forwards;}
@-webkit-keyframes aleft
{
   0%   {-webkit-transform: translate3d(-30px,0,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .aleft1{width: 76%;height:auto; top:0;-webkit-animation: aleft 1.0s forwards;}
@-webkit-keyframes aleft
{
   0%   {-webkit-transform: translate3d(-30px,0,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .aright{width: 100%;height:auto; top:0;-webkit-animation: aright 1.5s forwards;}
@-webkit-keyframes aright
{
   0%   {-webkit-transform: translate3d(30px,0,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}
.yz-page.show .alinet{width: 100%;height:auto;top:0;-webkit-animation: alinet 1.5s forwards;}
@-webkit-keyframes alinet
{
   0%   {-webkit-transform: translate3d(100%,-100%,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}
.yz-page.show .alineb{width: 100%;height:auto;bottom:0;-webkit-animation: alineb 1.5s forwards;}
@-webkit-keyframes alineb
{
   0%   {-webkit-transform: translate3d(-100%,100%,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}