* { padding: 0; margin: 0; }
.ani { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.swiper-slide>img { height: 100%; width: 100%; }
.swiper-container { width: 100%; height: 100%; position: absolute; overflow: hidden; left: 0; top: 0; text-align: center; }
.swiper-wrapper { width: 100%; height: 100%; }
.swiper-slide { width: 100%; height: 100%; position: relative; overflow: hidden; }
#loading { background: rgba(0, 0, 0, .8); position: absolute; width: 100%; height: 100%; z-index: 2 }
#spinner { position: relative; height: 45px; width: 45px; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; background: url(../../image/loading.png); background-size: 45px; -webkit-animation: rotate 1.5s linear infinite }
#protext { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, 40px, 0); font-size: 13px; color: #fff; text-align: center }
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg) }
}
.btn-down { position: absolute; bottom: 0; width: 100%; height: 7%; text-align: center; top: 93%; }
.btn-down-arraw img { width: 100% }
.btn-down-arraw { width: 30px; height: 30px; margin: 0 auto; -webkit-animation: up-fade 1s ease 0s infinite }
@-webkit-keyframes up-fade {
    0% { opacity: 1 }
    100% { -webkit-transform: translate3d(0px, -6px, 0); opacity: .5 }
}
.btn { width: 30%; height: 2rem; position: absolute; top: 44%; left: 35%; }
@media (min-width:415px) {
	.swiper-container { width: 414px; height: 690px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } }