*{margin: 0;padding: 0;}
/*input{-webkit-appearance:none;}*/
html, body {position: relative;height: 100%;}
body{font-family:microsoft yahei;color:#000;margin: 0;padding: 0;background-color: #ffffff;overflow: hidden;}
ul li{list-style-type: none;}
em,i,small{font-style: normal;}
/*音乐*/
.mus{position: fixed;width: 8%;right: 2%;top:1%;z-index: 5;}
.yue{position: absolute;top:0;left: 0;z-index: -1;opacity: 0;}

.loading{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 5;background-color: #ffffff;display: block;}
.line_c{position: absolute;width: 400px;height: 12px;left: 50%;margin-left: -200px;border:2px #132e5b solid;top:373px;border-radius: 12px;overflow: hidden;}
.line{position: absolute;width: 400px;height: 12px;background-color: #132e5b;border-radius: 12px;top:0;left: -100%;}
.loading p{color: #132e5b;font-size: 24px;text-align: center;position: absolute;width: 100%;top:569px;left: 0;font-weight: 700;animation-delay: 0.5s;}
.rain_loading{width: 500px;left: 50%;margin-left: -250px;top:150px;}
/*外部框架定位*/
.h832{ width:750px; height:975px;}
.innerDiv{ width:100%; height:100%; position:relative;border-top:1px rgba(255,255,255,0) solid;border-bottom: 1px rgba(255,255,255,0) solid;}
.page{width:750px;overflow:hidden;position: absolute;left: 50%;margin-left: -375px;background: url(../img/bg.jpg) center center no-repeat;}

/*添加内容*/
.logo{display: block;margin: -50px auto 0;}
.prizeBg{position: relative;width: 530px;height: 530px;margin: 90px auto 0;display: flex;justify-content:space-between;flex-wrap:wrap;align-items:space-between;}
.prizeBg li{width: 163px;height: 163px;}
.prizeBg li img{width: 99.2%;height: 99.2%;}

.ruleBg{width: 530px;margin: 50px auto 0;border-top:1px #ffffff dashed;padding-top: 30px;}
.ruleBg h5{color: #faec73;font-size: 28px;}
.ruleBg p{margin-top: 30px;}
.ruleBg p i{display: inline-block;width: 28px;height: 28px;border-radius: 100%;background-color:#d5a330;text-align: center;line-height: 26px;color: #ffffff;font-size: 22px;}
.ruleBg p span{color: #ffffff;font-size: 22px;margin-left: 10px;}
.ruleBg em{display: block;color: #ffffff;font-size: 20px;margin-top: 30px;font-style: normal;font-weight: 400;}







/*================================*/
/*===========动画效果=============*/
/*================================*/
.renMove{-webkit-animation: renMove 2s ease both infinite;}
.kuangBig{-webkit-animation: kuangBig 1.2s linear both infinite;}
.kuangBig2{-webkit-animation: kuangBig2 1s linear both infinite;}
.cloudMove1{-webkit-animation: cloudMove1 1s linear both infinite;}
.cloudMove2{-webkit-animation: cloudMove2 3s linear 0s both infinite;}
.bigg1{-webkit-animation: bigg1 1s ease 0.5s both;}
.bigg2{-webkit-animation: bigg2 1s ease 1s both;}
.rotate{-webkit-animation: rotate 3s linear both infinite;}

/*rotate*/
@-webkit-keyframes rotate {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
  }
}

/*人机组合*/
@-webkit-keyframes renMove {
  0% {
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    -webkit-transform: translate3d(0,30px,0);
  }
  100%{
    -webkit-transform: translate3d(0,0,0);
  }
}
/*kuangBig*/
@-webkit-keyframes kuangBig {
  0% {
  	opacity: 1;
    -webkit-transform: scale3d(0,0,0);
  }
  50%{
    opacity: 1;
  }
  100%{
  	opacity: 0;
    -webkit-transform: scale3d(1.3,1.3,1.3);
  }
  
}
/*kuangBig2*/
@-webkit-keyframes kuangBig2 {
  0% {
  	opacity: 1;
    -webkit-transform: scale3d(1,1,1);
  }
  50%{
  	opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
  }
  100% {
  	opacity: 1;
    -webkit-transform: scale3d(1,1,1);
  }
  
}
/*cloudMove1*/
@-webkit-keyframes cloudMove1 {
  0% {
    -webkit-transform: translate3d(0,0,0);
  }
  100%{
    -webkit-transform: translate3d(-1000px,0,0);
  }
}
@-webkit-keyframes cloudMove2 {
  0% {
    -webkit-transform: translate3d(0,0,0);
  }
  100%{
    -webkit-transform: translate3d(-1160px,0,0);
  }
}

/*bigg1*/
@-webkit-keyframes bigg1 {
  0% {
    -webkit-transform: scale3d(0,0,0);
  }
  100%{
    -webkit-transform: scale3d(1,1,1);
  }
  
}
@-webkit-keyframes bigg2 {
  0% {
    -webkit-transform: scale3d(0,0,0);
    transform-origin: 10% bottom;

  }
  100%{
    -webkit-transform: scale3d(1,1,1);
    transform-origin: 10% bottom;
  }
  
}











