/* ==========================================================================
   通用样式
   ========================================================================== */
body{ background:#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:10px;left:0;z-index: 9;width:100%;text-align:center;}
.pagination .swiper-pagination-switch{display:inline-block;margin:0 6px;width:8px;height:8px;border-radius:8px;background:#fff;cursor:pointer;box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)}
.pagination .swiper-active-switch{background:#000;}
.pagination .swiper-visible-switch{}

.back img{ width:100%;}
.back{ position:absolute; top:2%; right:2%; width:18%;}
.page{width: 100%; position:absolute; height:100%;}

/* 划屏样式 */
/*.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%;
}
.page div{  opacity:0;}

/*************苹果四样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (max-device-height:568px){
.divtotal{width:100%;}
.divhalfwidth{width:50%;}
.divhalfwidth2{width:70%;}
.divhalf{ width:50%;}
.divquater{ width:92%;}
.div70{width:70%;}
.magintop1{ margin:1% auto 1%;}
.magintop10{ margin:10% auto 0%;}


}
/*************高度小于568px的其他宽屏手机样式********************/
@media only screen and  (min-device-width:321px) and (max-device-height:568px){

.divtotal{width:100%;}
.divhalfwidth{width:50%;}
.divhalfwidth2{width:70%;}
.divhalf{ width:50%;}
.divquater{ width:92%;}
.div70{width:70%;}
.magintop1{ margin:1% auto 1%;}
.magintop10{ margin:10% auto 0%;}
}

/*************高度小于568px的其他窄屏手机样式********************/
@media only screen and (min-device-width: 100px) and (max-device-width:320px) and (min-device-height:568px){
.divtotal{width:100%;}
.divhalfwidth2{width:80%;}
.divhalfwidth{width:60%;}
.divhalf{ width:80%;}
.divquater{ width:92%;}
.div70{width:92%;}
.magintop1{ margin:5% auto 5%;}
.magintop10{ margin:15% auto 0%;}
}
/*************高度大于568px的其他宽屏手机样式********************/
@media only screen and (min-device-width:321px) and (min-device-height:568px){
.divtotal{width:100%;}
.divhalfwidth2{width:80%;}
.divhalfwidth{width:60%;}
.divhalf{ width:80%;}
.divquater{ width:92%;}
.div70{width:92%;}
.magintop1{ margin:5% auto 5%;}
.magintop10{ margin:15% auto 0%;}
}
/*************苹果五样式********************/
@media only screen and (device-width: 320px) and (device-height:568px){
.divtotal{width:100%;}
.divhalfwidth2{width:80%;}
.divhalfwidth{width:60%;}
.divhalf{ width:80%;}
.divquater{ width:92%;}
.div70{width:92%;}
.magintop1{ margin:5% auto 5%;}
.magintop10{ margin:15% auto 0%;}
}
.yz-page .show img{ opacity:1;}
.yz-page.show .abig {-webkit-animation: abig 1.5s forwards;}
@-webkit-keyframes abig
{
   0%   {-webkit-transform:scale(0,0);opacity:0;}
   100% {-webkit-transform:scale(1,1);;opacity:1;}
}

.yz-page.show .adown {-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{-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 .aleft{-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 .aright{-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{-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{-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;}
}