*{
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color:rgba(255,255,255,0);
	-webkit-appearance:none;
}
html,body{
	width: 100%;
	height: 100%;
}
body {
	background: #282828;
}
.dn{
	display: none;
}
.width{
	width: 100%;
}
.abso{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*load*/
#loading{
    position: fixed; z-index: 66; 
    /*background:url(../images/back_img02.jpg) center/cover no-repeat;*/ 
    /*background-size: cover;*/ 
    background: #e3e8ec;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.load-inner{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-size: .28rem;
}
.load-logo{
    width: 2.8rem;
    height: 2.49rem;
    background-image: url(../images/load.png);
    background-repeat: no-repeat;
    background-size: 500% 400%;
    background-position: 0 0;
    -webkit-animation: loadAni .9s steps(1) infinite;
            animation: loadAni .9s steps(1) infinite;
}
@-webkit-keyframes loadAni{
    0%{
        background-position: 0 0;
    }5%{
        background-position: 25% 0;
    }10%{
        background-position: 50% 0;
    }15%{
        background-position: 75% 0;
    }20%{
        background-position: 100% 0;
    }25%{
        background-position: 0 33.333333%;
    }30%{
        background-position: 25% 33.333333%;
    }35%{
        background-position: 50% 33.333333%;
    }40%{
        background-position: 75% 33.333333%;
    }45%{
        background-position: 100% 33.333333%
    }50%{
        background-position: 0 66.666666%;
    }55%{
        background-position: 25% 66.666666%;
    }60%{
        background-position: 50% 66.666666%;
    }65%{
        background-position: 75% 66.666666%;
    }70%{
        background-position: 100% 66.666666%
    }75%{
        background-position: 0 99.999999%;
    }80%{
        background-position: 25% 99.999999%;
    }85%{
        background-position: 50% 99.999999%;
    }90%{
        background-position: 75% 99.999999%;
    }95%{
        background-position: 100% 99.999999%
    }100%{
        background-position: 100% 99.999999%
    }
}
@keyframes loadAni{
    0%{
        background-position: 0 0;
    }5%{
        background-position: 25% 0;
    }10%{
        background-position: 50% 0;
    }15%{
        background-position: 75% 0;
    }20%{
        background-position: 100% 0;
    }25%{
        background-position: 0 33.333333%;
    }30%{
        background-position: 25% 33.333333%;
    }35%{
        background-position: 50% 33.333333%;
    }40%{
        background-position: 75% 33.333333%;
    }45%{
        background-position: 100% 33.333333%
    }50%{
        background-position: 0 66.666666%;
    }55%{
        background-position: 25% 66.666666%;
    }60%{
        background-position: 50% 66.666666%;
    }65%{
        background-position: 75% 66.666666%;
    }70%{
        background-position: 100% 66.666666%
    }75%{
        background-position: 0 99.999999%;
    }80%{
        background-position: 25% 99.999999%;
    }85%{
        background-position: 50% 99.999999%;
    }90%{
        background-position: 75% 99.999999%;
    }95%{
        background-position: 100% 99.999999%
    }100%{
        background-position: 100% 99.999999%
    }
}
.load_text{
    margin: 10% 0 1%; font-size: 16px; 
    color: #33373b;
}


.load-footer{
    /*position: absolute;
    bottom: 5%;
    opacity: .6;*/
    width: 100%;
    text-align: center; font-size: 14px; letter-spacing: 10px;
    color: #33373b;
}

/*下拉提示*/
.rightan{
    -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both;
}
@-webkit-keyframes rightan{
    from{
        bottom: 0%;
        opacity: 0;
    }
    to{
        bottom: 5%;
        opacity: 1;
    }
}
/*音乐*/
#music {
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.7rem;
    z-index: 11;
}
#m_main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-animation: music 2s ease infinite;
}
@-webkit-keyframes music
{
    0%{
        -webkit-transform: rotateZ(10deg);
    }
    50%{
        -webkit-transform: rotateZ(-10deg);
    }
    100%{
        -webkit-transform: rotateZ(10deg);
    }
}
#m_main img {
    width: 100%;
}
/*back*/
#back{
	position: absolute;
	top: .5rem;
	left: .5rem;
	z-index: 2;
	display: none;
}
/*swiper*/
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    color:#33373b;
    text-align: center;
    line-height: 300px;
}
.swiper-wrapper{
	transition-timing-function: ease;
}