/* CSS Document */
   *{ margin:0; padding:0; border:0;}
   body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding:0; margin:0; width:100%; height:100%; overflow:hidden; font-family:"微软雅黑", "黑体"; color:#000; font-size:16px;}
   div,ul,li{ margin:0; padding:0; width:100%;}
   li{ list-style:none;}
   a,a:hove{ text-decoration:none;}
   img,input{ border:0; vertical-align:middle;}
   .clear{ clear:both;}
   .opacity{ opacity:0;}
   .pages{ display:none;position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; display:none;}
   .copyright{ position:absolute; bottom:1%; font-size:9px; color:#fff; width:100%; text-align:center; z-index:99;}
    
	/**经纬  start**/
	   .enterfloat{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); overflow:hidden; display:block; z-index:88;}
	   .enterfloat_con01{ position:relative; width:100%; margin:20% auto 0;}
	   .enterfloat_con02{ position:absolute; top:35%; width:100%; display:none;}
	   .enterfloat_con02 p{ position:absolute; top:0; width:50%; left:25%;}
	   
	   .game{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;  }
	   .game_con{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
	   .game_logo{ margin:8% auto 10%;}
	   .game_bottom{ position:absolute; bottom:0; width:100%;}
	   .game_trees{ position:relative;}
	   .game_bags{  position:absolute; height:100%; overflow:hidden; top:20%; left:0; width:100%; }
	   .game_bags p{ position:absolute; width:18%;} 
	   .game_bag01{  -webkit-transform: rotate(7deg); top: 10%;  margin-left: 24%;}
	   .game_bag02{  -webkit-transform: rotate(-15deg);  top: 7%;  margin-left: 51%;}
	   .game_bag03{  -webkit-transform: rotate(-5deg); top: 24%;  margin-left: 11%;}
	   .game_bag04{-webkit-transform: rotate(-19deg); top: 28%;  margin-left: 31%;}
	   .game_bag05{  -webkit-transform: rotate(1deg);  top: 28%;  margin-left: 51%;}
	   .game_bag06{  -webkit-transform: rotate(0deg);  top: 22%;  margin-left: 71%;}
	   .gametime{  position: absolute;  top: 14%;  width: 20%;  right: 0%;}
	   
	   .result{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); overflow:hidden;display: none; }
	   .result_con01{ position:relative; width:90%; margin:10% auto 0; height:100%;  }
	   .result_conzero{position:relative; width:90%; margin:15% auto 0; height:100%; display: none;}
	   .result_con04{ position:relative; width:100%; margin:0% auto 0; display:none;height:100%;}
	   .result_con02,.result_con03{ position:relative; width:90%; margin:20% auto 0; display:none;height:100%;}
	   .result_bg{ position:absolute; top:0;}
	   .result_con01 div{ position:relative;}
	   .result_text_01{   padding-top: 10%;}
	   .num01{   position: absolute;  bottom: -7%;  font-size: 33px;  color: #f00;  right: 34%;}
	   .num02{   position: absolute;  bottom: -7%;  font-size: 33px;  color: #f00;    left: 32%;}
	   .resultsure_prompt{   position: absolute;  width: 34%;  left: 10%;  top: 26%;}
	   .resultsure_trymore{position: absolute;  width: 34%;  right: 10%;  top: 26%;}
	   .resultsharesure_btn{position: absolute;  width: 34%;  left: 33%;  top: 26%;}
	   .resultzero_btn{position: absolute;  width: 100%;   top: 40%; }
	/**经纬    end**/
       
  /*苹果4手机 start*/
@media screen and (max-height: 500px) {
	
	   .enterfloat_con01{position:relative; width:80%; margin:20% auto 0;}
	   .game_con{ position:absolute; top:0; left:10%; width:80%; height:100%; overflow:hidden;}
	   .game_logo{ margin:10% auto 12%;}
	   .result_con01{ position:relative; width:80%; margin:10% auto 0; }
	   .result_conzero{position:relative; width:80%; margin:15% auto 0; height:100%;}
	   .result_con04{ position:relative; width:100%; margin:0% auto 0; display:none;}
	   .result_con02,.result_con03{ position:relative; width:80%; margin:20% auto 0; display:none;}
	   .resultsure_prompt{   position: absolute;  width: 34%;  left: 10%;  top: 28%;}
	   .resultsure_trymore{position: absolute;  width: 34%;  right: 10%;  top: 28%;}
	   .resultsharesure_btn{position: absolute;  width: 34%;  left: 33%;  top: 28%;}
	   .resultzero_btn{position: absolute;  width: 100%;   top: 50%;}
}
@media screen and (min-height: 590px) and (max-height: 600px) {
.game_logo{ margin:10% auto 0%;}
.resultzero_btn{position: absolute;  width: 100%;   top: 50%;}
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}