html,body{height:100%;background:#333;overflow:hidden}
.loadPage{background:#dfdfdf;z-index:9999;width:100%;position:absolute;top:0;bottom:0;display:none}
.loading{position:absolute;width:80%;left:10%;top:50%;margin:-70px auto 0;text-align:center}
.loading .inner{border-radius:5px;-moz-border-radius:5px;overflow:hidden;background-color:#FFF;position:relative;z-index:10}
.loading-progress{width:0;height:40px;text-align:center;color:#FFF}
.loading-num{height:50px;font:40px/50px Tahoma}
.loading-txt{font:14px/30px Arial;padding-top:20px}
.mainPage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;visibility:hidden;background-position:center top;background-size:cover}
.slideArrow{position:fixed;bottom:50px;left:50%;z-index:10000;margin-left:-15px}
.slideArrow span{position:absolute;width:30px;height:17px;background:url(../images/arrow.png) no-repeat;background-size:100% 100%;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out}
button{border:0}
.weixin_layout{display:none;position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;background:url(../images/weinxin_share.png) no-repeat right top rgba(0,0,0,.6);background-size:320px 150px;z-index:999999}
@-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);}
}

#playbox{position:absolute;top:10px;right:10px;z-index:10000;width:50px;height:50px;}
.btn_music{background-image:url(../images/music_off.png);background-repeat:no-repeat;background-position:center;background-size:30px 30px}
.btn_music.on{background-image:url(../images/music.gif);background-position:center center;background-size:60px 60px;background-repeat:no-repeat}
.btn_music.on .rotate{position:absolute;top:10px;left:10px;width:30px;height:30px;background-image:url(../images/music_off.png);background-size:100% 100%;-webkit-animation:rotating 1.2s linear infinite;-moz-animation:rotating 1.2s linear infinite;-o-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}

@-webkit-keyframes rotating {
	from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotating {
	from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(360deg)}
}
@keyframes rotating {
	from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(360deg)}
}