html,body{height:100%;overflow:hidden;}
*{margin:0;padding:0;}
.swiper{width:100%;height:100%;}  
.swiper-slide{width:100%;height:100%;}
.swiper-slide p{width:100%;height:100%;display:flex;align-items:stretch;justify-content:center;}
.swiper-slide p img{width:100%;}

/*分页*/
.pages{line-height:30px; padding:20px 0px; text-align:right;display:inline-block;}
.pages a{display:inline-block; padding:0px 5px;height:24px;line-height:24px;margin:0 3px;text-align:center;-moz-border-radius:2px; 
-webkit-border-radius:2px;border-radius:2px;font-size:12px;overflow:hidden; border:#A97744 1px solid;}

.pages b{display:inline-block; padding:0px 5px;height:24px;line-height:24px;margin:0 3px;text-align:center;-moz-border-radius:2px; 
-webkit-border-radius:2px;border-radius:2px;font-size:12px;overflow:hidden; border:#A97744 1px solid; background:#A97744; color:#fff;}
/*分页*/










/*上翻*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.arrow-up{ display:block;height:auto;width:25px;position:absolute;left:50%;top:92%;margin-left:-12px;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;}
/*上翻*/



@media only screen and (orientation: landscape) {
    .show-landscape {
        display:inherit!important
    }
    .show-portrait {
        display: none!important
    }
}

@media only screen and (orientation: portrait) {
    .show-portrait {
        display:inherit!important
    }
    .show-landscape {
        display: none!important
    }
}


/*音乐*/
.music{
    position:fixed;
    right: 20px;
    top: 20px;
    z-index: 9999;
	width:50px; cursor:pointer;
}
.open{
    -webkit-animation: moveRo linear 3.5s  infinite;
    animation-delay:0;
}
.icon-music{
    width:50px;
    height:50px;
    background: url(../images/icon-muisc.png);
    background-size: 100% 100%;
    display: block;
}
.music-span{
    position: absolute;
    top: -5px;
    left: 6px;
    width: 15px;
    height: 25px;
    background: url(../images/music-span.png);
    background-size: 100% 100%;
    -webkit-animation: openIconRo ease 1.2s both infinite;
    animation: openIconRo ease 1.2s both infinite;
}

@-webkit-keyframes moveRo {
    from {-webkit-transform: rotate(360deg);  }
    to { -webkit-transform: rotate(-360deg); }
}
@keyframes moveRo {
    from {  transform: rotate(-360deg)}
    to {  transform: rotate(360deg); }
}
/*小音符动画*/

@-webkit-keyframes openIconRo {
    0% { -webkit-transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes openIconRo {
    0% { -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity:0;
    }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity:0;}
}

.music_text{
    color: #000;
    margin-left: 5px;
    font-size: 20px;
    opacity: 0;
}

@keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}
@-webkit-keyframes show_hide{
    from{
        opacity: 0;
    }to{
         opacity: 1;
     }
}
/*音乐*/


/*禁止横屏*/
.mask{width:100%;height:100%;background:#666;}
.mask-box{width:300px;height:250px;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-119px}
.mask-pic{width:195px;height:195px;margin:0 auto;text-align:center}
.mask span{font-size:16px;display:block;color:#fff;text-align:center;height:28px;padding-top:10px}
.mask i{width:100px;height:165px;background:url(../images/iphone.png) no-repeat;background-size:100px 165px;display:block;margin:0 auto;-webkit-animation:maskAni 1.5s ease infinite alternate;animation:maskAni 1.5s ease infinite alternate}
@-webkit-keyframes maskAni{0%,30%{-webkit-transform:rotate(-90deg)}100%,70%{-webkit-transform:rotate(0)}}
/*禁止横屏*/