/* CSS Document */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
ul,
ol,
li {
	list-style: none;
}
em,
i {
	font-style: normal;
}
img {
	border: none;
}
input,
img {
	vertical-align: middle;
}
html {
	font-size: 16px;
	height: 100%;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
}
body {
	margin: 0 auto;
	width: 100%;
	font: 85%/1 "\9ED1\4F53";
	background-color: #ffffff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: 微软雅黑;color: #a32932;
}
   .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%;top:0; left: 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: 30%;left: 6%;width: 90%; }
	   .game_bags li{width: 30%;background: url(../images/home/answer_bg.png) no-repeat;height:34px;background-size: 100% 100%;float: left;margin: 2% 0 0 2%;}
	   .gametime{  position: absolute;  top:20%; right: 0%;display: none;}
	   
	   .result{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); overflow:hidden;display: none; }
	   .result_con01{ position:absolute;width: 100%;height: 100%;  }
	   .result_conzero{position: absolute;width: 100%;height: 100%;display: none;}
	   .result_con04{ position:relative; width:100%; margin:0% auto 0; display:none;height:100%;}
	   .result_con02{display: none;position: absolute;top: 23%;width: 100%;height: 59%;background: rgba(0,0,0,0.6);}
	   .result_con03{position: absolute;width: 100%;top: 0;display: none;height: 100%;left: 0;background: rgba(0,0,0,0.8);}
	   .result_bg{position: absolute;top: 0;width: 10%;}
	   /*.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: 100%;left: 0;top: 30%;}
	   .resultsure_trymore{position: absolute;width: 40%;right: 30%;top: 50%;}
	   .resultsharesure_btn{position: absolute;  width: 34%;  left: 33%;  top: 26%;}
	   .resultzero_btn{position: absolute;width: 50%;bottom: 3%;left: 25%; }
	/**保利·香槟花园    end**/
	
	/*首页样式排版  start*/
	.homepage_img{position: absolute; top: 5%; left: 0;}	
	.btn_rule{position: absolute; top:22%; left: 25%; width: 50%;}	
	.homepage_txt{position: absolute; top:36%; left: 0%;}	
	.btn_affirm{position: absolute; bottom:35%; left: 25%; width: 50%;}
	/*首页样式排版  end*/
	
	/*猜名牌总结页面样式  start*/
		.record{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}		
		.record_img{margin:10% 0 0 0;}
		.showcount{margin:4% 0 0 0;}
		
		
		.record_num{width: 15%;margin: -17% 0% 0 46%;text-align: center;font-size: 20px;}
		.record_count{width: 15%;margin:2.5% 0% 0 45%;text-align: center;font-size: 20px;}
		
		.btn_get{width: 50%;margin: 67% 0 1% 25%;}
		.again_btn{width: 40%;margin: 0% 0 0 30%;}
		
		.answer_tm{display: block;}
		.answer_dn{display: none;}
   /*猜名牌总结页面样式  end*/
  		.again_page{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    	.congratulation_txt{margin: 10% 0 0 0;}
       .width_img1{ width:100%;}
  /*苹果4手机 start*/
@media screen and (min-height: 400px) and (max-height:420px) {
	
		.width_img1{ width:90%; margin: 0 5%;}
		.btn_affirm {position: absolute;bottom: 30%;left: 25%;width: 50%;}		
		
		
		.record_num{width: 15%;margin: -17% 0% 0 46%;text-align: center;font-size: 20px;}
		.record_count{width: 15%;margin: 2% 0% 0 45%;text-align: center;font-size: 18px;}
		
		.gametime {position: absolute;top: 22%;right: 0%;}
		.game_bags {position: absolute;height: 100%;overflow: hidden;top: 33%;left: 6%;width: 90%;}
		
		.showcount {margin: 2% 0 0 0;}
		.record_img {margin: 4% 0 0 0;}
		.btn_get {width: 50%;margin: 53% 0 1% 25%;}
		
		.congratulation_txt {margin: 4% 0 0 0;}
		.resultzero_btn {position: absolute;width: 50%;bottom: 1%;left: 25%;}
}
@media screen and (min-height: 450px) and (max-height:510px) {
		.record_num{width: 15%;margin: -17% 0% 0 46%;text-align: center;font-size: 20px;}
		.record_count{width: 15%;margin: 1% 0% 0 45%;text-align: center;font-size: 20px;}
}

@media screen and (min-height:650px) and (max-height:680px) {
		.game_bags li {width: 30%;background: url(../images/home/answer_bg.png) no-repeat;height: 41px;background-size: 100% 100%;float: left;margin: 2% 0 0 2%;}
		.btn_get {width: 50%;margin: 74% 0 1% 25%;}		
		.record_num{width: 15%;margin: -16.5% 0% 0 46%;text-align: center;font-size: 22px;}
		.record_count{width: 15%;margin: 2% 0% 0 45%;text-align: center;font-size: 24px;}
		
		.showcount {margin: 5% 0 0 0;}
		
}

@media screen and (min-height: 590px) and (max-height: 600px) {
	.width_img1{ width:90%; margin: 0 5%;}
	.btn_affirm {position: absolute;bottom: 29%;left: 25%;width: 50%;}
	
	.game_bags li {width: 30%;background: url(../images/home/answer_bg.png) no-repeat;height: 43px;background-size: 100% 100%;float: left;
					margin: 2% 0 0 2%;}
					
	.record_img {margin: 4% 0 0 0;}
	.btn_get {width: 50%;margin: 62% 0 1% 25%;}
	
	.record_num{width: 15%;margin: -16.5% 0% 0 46%;text-align: center;font-size: 24px;}
	.record_count{width: 15%;margin: 2% 0% 0 45%;text-align: center;font-size: 24px;}
}
.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}