@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;
    overflow: hidden;
}
.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;
}
.pageZoom2 {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 750px;
    height: 1500px;
    pointer-events: none;
}
.pageZoom3 {
    -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: 640px;
    top: 152px;
}
/* @keyframes music {
	from {
		transform: rotate(40deg)
    }
    to {
		transform: rotate(-40deg)
    }
} */
.music_on {
	animation: music 1s cubic-bezier(.75,.07,.27,.95) infinite alternate;
}
/* 箭头 */
@-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;
}
.popup{
    display: none;
    position: relative;
    top: 50%;
    left: 9%;
    margin: -162% 0 0 0;
    z-index: 9;
    pointer-events: all !important;
    transition: 2s;
}
.guanbi{
    pointer-events: all;
    position: absolute;
    top: 2%;
    right:22%;
}
.pop{
    pointer-events: all;
}