@charset "gb2312";
* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none;}
body,p,li,ul,div,span{margin: 0;padding: 0;}
img{border: none;}
body{margin: 0 auto;}
body,html {height: 100%;background: #fff;}
ul,li{list-style: none;}
a{text-decoration: none;}

.wrap{background: url(../images/bg.jpg);width: 6.4rem;height: 85rem;background-size: 100% 100%;position: relative;}
.load{position: absolute;width: 100%;text-align: center;height: 100%;left: 0;top: 0;background: #fff;z-index: 1000;}
.load img{width: 30%;display: inline-block;margin-top: 3.8rem;}
.load p{text-indent: 0;font-size: .26rem;color: #138c71;}
.go{position: absolute;background: url(../images/go.png);width: 1.65rem;height: 1.51rem;background-size: 100% 100%;left: 2.5rem;top: 7.6rem;}
.m_title{position: absolute;background: url(../images/m_title.png);width: 3.48rem;height: 3.58rem;background-size: 100% 100%;left: 1.55rem;top: .27rem;}
.s_title{position: absolute;background: url(../images/s_title.png);width: 3.91rem;height: 3.36rem;background-size: 100% 100%;left: 1.32rem;top: 4.19rem;}

.music{background: url(http://bazhuawangluo.oss-cn-hangzhou.aliyuncs.com/com/octo_h5/music.png);width: .5rem;height: .5rem;position: fixed;right: .2rem;top: .2rem;background-size: 100% 100%;}
.music.on{
	-webkit-animation: rotating 1.2s linear infinite;
  	animation: rotating 1.2s linear infinite;
}

.footer{position: absolute;text-align: center;font-size: .2rem;position: absolute;left: 0;bottom: .4rem;width: 6.4rem;}
.footer img{width: 2.5rem;margin: 0 auto;}


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