/* CSS Document */
 
  *
  {
	  margin:0;
	  padding:0;
	  -webkit-touch-callout:none
	  -webkit-tap-highlight:rgba(0,0,0,0);/*解除点击图片会有阴影或条框**/
	  -webkit-text-size-adjust:none;/*解除横屏时字体随屏幕放大*/
  }
  body
  {
	  background:#80B7B4;
	  transition:1s;
	  height:1000px;
	  overflow:hidden;
	  font-family:Arial, Helvetica, sans-serif;
	  background-position-x:-200px;

  }
  img,input
  {
	  border:none;
	  outline:none; 
  }
  li
  {
	  list-style:none; 
  }
  a
  {
	  text-decoration:none; 
  }
  i{
	  font-style:normal;
  }
  /*********
     显示分数
  ************/
  .point
  {
	  border-radius:10px;
	  margin:30px auto 10px;
	  width:80%;
	  height:40px;
	  text-align:center;
	  color:rgb(255,255,255);
	  line-height:40px;
	  font-size:24px;
	  font-weight:bold;
	  background-color:rgba(0,0,0,0.3);
  }
  
  /*************
     显示游戏规则
  ****************/
  .tips
  {
	 position:absolute; 
	 width:100%;
	 margin:10px auto 10px;
	 text-align:center;
	 color:rgb(0,0,0);
	 font-size:14px;
	 font-weight:bold;
  }
  
  /************
      游戏主体
  ****************/
  #gamePanel{
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  overflow:hidden;
  }
  #main
  {
	  position:fixed;
	  left:0;
	  top:60%;
	  width:100%;
	  height:40%;
	  overflow:visible;
  }
  #main .wall
  {
	  position:absolute;
	  left:0;
	  top:30%;
	  width:20%;
	  height:70%;
	  background-color:rgb(0,0,0);
  }
  #main .new
  {
	  left:50%; 
  }
  #main .stick
  {
	  position:absolute;
	  left:20%;
	  width:0;
	  height:2%;
	  bottom:68%;
	  background-color:rgb(0,0,0);
	  transform:rotate(-90deg);
	  transform-origin:0 0 0;
	  -webkit-transform:rotate(-90deg);
      -webkit-transform-origin:0,0,0;
  }
  .stick-man
  {
	  position:absolute;
	  left:15.5%;
	  width:100%;
	  bottom:66.5%;
  }
  .stick-man-img
  {
	  width:5%;
	  transform:scale(1);
  }
  
  /*********
      gameover样式
  ***************/
  .gameover
  {
	  display:none;
	  position:fixed;
	  left:0;
	  top:0;
	  width:100%;
	  height:100%;
	  text-align:center;
	  background-color:rgba(0,0,0,0.9); 
  }
  .gameover h2
  {
	  margin:15% auto 5%;
	  color:rgb(255,255,255);
	  font-size:50px;
	  font-weight:normal;
  }
  .gameover .showpoint
  {
	  width:70%;
	  margin:0 auto;
	  padding:2px;
	  border-radius:10px;
	  color:rgb(0,0,0);
	  font-weight:bold;
	  background-color:rgb(255,255,255);
  }
  .gameover .showpoint .newpoint
  {
	  font-size:30px; 
  }
  .bestpoint
  {
	  font-size:30px; 
  }
  .gameover .btn
  {
	  margin:5% auto;
	  padding:3% 0;
	  border-radius:5px;
	  width:30%;
	  color:rgb(255,255,255);
	  font-weight:bold;
	  background-color:orange; 
  }
  
  /*************
     游戏结束-玉宏星天地
  ******************/
  .gameover,
  .endreward,
  .rewardInput,
  .rewardInput-tip,
  .rewardIntr,
  .rewardShare
  {
	  display:none;
	  position:fixed;
	  left:0;
	  top:0;
	  width:100%;
	  height:100%;
	  text-align:center;
	  background-color:rgba(0,0,0,0.9); 
  }
  .end-text{
	  margin:30% auto 15%;
  }
  .again{
	  width:40%;
	  margin:0 auto;
  }
  .float{
	  float:left;
	  margin-left:7%;
  }
  .endReward-btn{
	  width:40%;
  }
  .clear{
	  clear:both;
  }
  .rewardInput-text{
	  margin:10% auto 6%;
  }
  .rewardInput-con{
	  width:90%;
	  margin:0 auto 3%;
	  height:30px;
	  line-height:20px;
  }
  .rewardInput-con dd{
	  width:8%;
	  height:20px;
	  text-align:center;
	  padding:10px;
	  border-right:2px solid #8a8a8a;
	  float:left;
	  background-color:#b2b2b2;
	  border-radius:10px 0 0 10px;
	  margin-left:4%;
  }
  .rewardInput-con dt{
	  float:left;
	  width:80%;
	  height:40px;
	  line-height:40px;
	  background-color:#d8d8d8;
	  border-radius:0 10px 10px 0;
  }
  .rewardInput-con .inputtext{
	  width:98%;
	  padding-left:2%;
	  height:40px;
	  font-size:16px;
	  border:0;
	  background:none;
  }
  .rewardInput-prompt{
	  width:70%;
	  margin:3% auto 0;
  }
  .rewardIntr-pic{
	  width:70%;
	  margin:5% 0 3% 0;
  }
  .reward-infor{
	  margin:0 auto 5%;
	  color:#fff;
	  font-size:16px;
	  font-weight:bold;
  }
  .reward-infor .name{
	  margin-right:5px;
  }
  .rewardIntr-shareBtn{
	  margin:2% auto;
	  width:60%;
  }
  .game-logo{
	  position:relative;
	  margin:5% auto;
  }
  .game-logo-height{
	  margin:20% auto;
  }
  .endreward-con,
  .rewardInput-input-con,
  .rewardInput-tip-con,
  .rewardIntr-con{
	  position:relative;
	  width:100%;
	  margin:0 auto;
  }