@charset "utf-8";

/* 基础及工具类 */
body {
    margin: 0;
    overflow: hidden;
}
.hide {
    display: none !important;
}
.hidden {
    visibility: hidden !important;
}
.swiper-container {
    width: 100vw;
    height: 100vh;
}
.swiper-slide {
    background-color: #fff;
}
.imgBase {
    display: block;
    position: absolute;
}
.pageZoom {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1500px;
    pointer-events: none;
}
/* 音乐图标 */
#tools {
	z-index: 2;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
}
#tools .music_off,
#tools .music_on {
    pointer-events: auto;
    left:621px;
    top:175px;
}
@keyframes music {
	to {
		transform: rotate(360deg)
	}
}
.music_on {
	animation: music 2.4s linear infinite;
}
/* 箭头 */
@-webkit-keyframes down {
    to {
        opacity: 0;
        -webkit-transform: translateY(15px);
    }
}
@keyframes down {
    to {
        opacity: 0;
        transform: translateY(15px);
    }
}
.down {
    bottom: 5%;
    left: 50%;
    margin-left: -8.47vw;
    width: 16.93vw;
    animation: down .8s linear infinite;
}
/* 预加载 */
#loader {
    z-index: 10;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position: center;
    background-size: cover;
}