.list_qu {
 	padding: 0 0.24rem 0.24rem
 }

 .list_qu .list {
 	position: relative;
 	background: #fff4cc;
 	height: 1.7rem;
 	border-radius: 0.12rem;
 	margin-bottom: 0.24rem;
 	display: flex;
 	align-items: center;
 	justify-content: center
 }

 .list_qu .list::before {
 	content: '';
 	position: absolute;
 	left: 4.2rem;
 	bottom: -0.14rem;
 	width: 0.28rem;
 	height: 0.28rem;
 	background: #fff;
 	border-radius: 0.14rem
 }

 .list_qu .list::after {
 	content: '';
 	position: absolute;
 	left: 4.2rem;
 	top: -0.14rem;
 	width: 0.28rem;
 	height: 0.28rem;
 	background: #fff;
 	border-radius: 0.14rem
 }

 .list_qu .list .text_box {
 	flex: 1;
 	padding-left: 0.44rem;
 	padding-top: 0.04rem
 }

 .list_qu .list .text_box .name {
 	line-height: 0.52rem;
 	font-size: 0.34rem;
 	color: #fd7142
 }

 .list_qu .list .text_box .text {
 	line-height: 0.32rem;
 	font-size: 0.22rem;
 	color: #666666
 }

 .list_qu .list .but_box {
 	width: 2rem;
 	display: flex;
 	align-items: center;
 	justify-content: center
 }

 .list_qu .list .but_box .but {
 	width: 1.5rem;
 	line-height: 0.6rem;
 	background: #fd7142;
 	color: #FFFFFF;
 	font-size: 0.32rem;
 	border-radius: 0.3rem;
 	text-align: center;
 	opacity: 0.6
 }

 .list_qu .list .but_box .but_lq {
 	opacity: 1
 }

 .tit_pub1 {
 	height: 0.6rem;
 	text-align: center
 }

 .tit_pub1 span {
 	position: relative;
 	display: inline-block;
 	font-size: 0.32rem;
 	line-height: 0.6rem;
 	color: #f53b22
 }

 .tit_pub1 span::before {
 	content: '';
 	position: absolute;
 	top: 44%;
 	left: -0.7rem;
 	display: inline-block;
 	width: 0.34rem;
 	height: 0.12rem;
 	background: url(../img/icon_z.png) no-repeat;
 	background-size: 100% 100%
 }

 .tit_pub1 span::after {
 	content: '';
 	position: absolute;
 	top: 44%;
 	right: -0.7rem;
 	display: inline-block;
 	width: 0.34rem;
 	height: 0.12rem;
 	background: url(../img/icon_y.png) no-repeat;
 	background-size: 100% 100%
 }

 .pages {
 	display: none;
 }

 .index_text {
 	position: absolute;
 	left: 5%;
 	bottom: 1.2rem;
 	width: 90%;
 	line-height: 0.36rem;
 	text-align: center;
 	color: #fff;
 	z-index: 3;
 	/* background: #d9a471; */
 	text-align: center;
 	border-radius: 0.26rem;
 	padding: 0.12rem 0;
 }


 .foot_box {
 	position: fixed;
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	height: 1rem;
 	background: #fff;
 	z-index: 10;
 }

 .foot_box .list {
 	float: left;
 	width: 25%;
 	line-height: 0.88rem;
 	text-align: center;
 }

 .foot_box .list_on {
 	color: #fc582b;
 }

 .page_game {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 2;
 	overflow: hidden;
 	background: url(../img/game_bg.jpg) no-repeat;
 	background-size: 100% 100%;
 }

 .game_times,
 .game_nums {
 	position: absolute;
 	top: 0.2rem;
 	width: 1.6rem;
 	line-height: 0.9rem;
 	background: rgba(255, 255, 255, 0.5);
 	border-radius: 0.32rem;
 	color: #fff;
 	z-index: 30;
 }

 .game_times {
 	left: 0rem;
 	border-radius: 0 0.5rem 0.5rem 0;
 }

 .game_nums {
 	right: 0rem;
 	border-radius: 0.5rem 0 0 0.5rem;
 }

 .game_times img {
 	position: absolute;
 	right: 0.2rem;
 	top: 50%;
 	height: 0.4rem;
 	margin-top: -0.2rem;
 }

 .game_nums img {
 	position: absolute;
 	left: 0.2rem;
 	top: 50%;
 	height: 0.4rem;
 	margin-top: -0.2rem;
 }

 .game_times i,
 .game_nums i {
 	position: absolute;
 	right: 0.12rem;
 	top: 0;
 	line-height: 0.64rem;
 	font-size: 0.24rem;
 }

 .game_times span,
 .game_nums span {
 	display: block;
 	width: 100%;
 	text-align: center;
 	font-size: 0.34rem;
 }

 .game_times span {
 	padding-right: 0.5rem;
 }

 .game_nums span {
 	padding-left: 0.5rem;
 }

 .masksta_box {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: center
 }

 .masksta_box .sta_box {
 	position: relative;
 	width: 4.2rem;
 	margin: 0 auto
 }

 .masksta_box .num_text {
 	text-align: center;
 	font-size: 1.6rem;
 	color: #fff
 }

 .masksta_box .sta_text {
 	text-align: center;
 	font-size: 0.5rem;
 	color: #ffffff;
 	padding-top: 1rem;
 	line-height: 0.76rem
 }

 .masksta_box .hot {
 	position: absolute;
 	right: -0.5rem;
 	bottom: -0.6rem;
 	width: 2rem;
 	animation: mymove 3s infinite
 }

 .games_box {
 	position: absolute;
 	left: 50%;
 	top: 15%;
 	width: 250px;
 	height: 100%;
 	margin-left: -125px;
	display: none;
 }
 .games_box .pro{
	 position: absolute;
	 left: 50px;
	 top: 300px;
	 width: 50px;
	 height: 50px;
	 z-index: 10;
 }
 .games_box .pro img{
	 position: absolute;
	 left: -15px;
	 bottom: 35px;
	 width: 80px;
	 height: 80px;
	 display: none;
	 animation: beating 1s 0s ease-in-out infinite;
 }
 .games_box .pro img:first-child{
	 display: block;
 }
  .games_box .pro_on img:first-child{
	  display: none;
  }
  .games_box .pro_on img:last-child{
  	 display: block;
  }
  @keyframes beating {
  	0% {
  		transform: translateY(0);
  	}
  
  	50% {
  		transform: translateY(0.06rem);
  	}
  
  	100% {
  		transform: translateY(0);
  	}
  }
 .games_con {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 }
 .games_con span {
 	position: relative;
 	display: block;
 	width: 50px;
 	height: 50px;
 }
 .games_con span::before {
 	content: '';
 	position: absolute;
 	left: -50%;
 	top: -50%;
 	width: 200%;
 	height: 160%;
 	background: url(../img/gezi.png) no-repeat;
 	background-size: 100% 100%;
 }
 .game_left,
 .game_right {
 	position: absolute;
 	top: 0;
 	width: 50%;
 	height: 100%;
 	z-index: 20;
 }
 .game_left {
 	left: 0;
 }
 .game_right {
	 right: 0;
 }
 .game_ts{
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.7);
	 z-index: 50;
 }
 .game_sta{
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(0, 0, 0, 0.7);
	 padding-top: 1.5rem;
 }
  .game_sta img{
	  display: block;
	  width: 80%;
	  margin: 0 auto;
  }
  .game_box{
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  padding-top: 1.5rem;
  }
  .game_box .nav_tit{
	  display: flex;
	  justify-content: center;
  }
   .game_box .nav_tit span{
	   width: 1.2rem;
	   height: 1.4rem;
	   line-height: 1.2rem;
	   text-align: center;
	   margin: 0 0.12rem;
	   background: url(../img/kuang.png) no-repeat;
	   background-size: 100% 100%;
	   font-size: 0.56rem;
	   color: #c1111a;
   }
   .game_box .nav_text{
	   width: 90%;
	   margin: 0.6rem auto 0;
	   background: rgba(0, 0, 0, 0.3);
	   padding: 0.5rem 0.3rem 0.38rem;
	   border-radius: 0.2rem;
	   overflow: hidden;
   }
   .game_box .nav_text span{
	   float: left;
	   width: 16%;
	   line-height: 1.1rem;
	   margin: 0 2% 0.16rem;
	   text-align: center;
	   background: #fff;
	   border-radius: 0.2rem;
	   font-size: 0.46rem;
	   color: #c1111a;
   }
   .nav_but{
	   width: 45%;
	   margin: 0.8rem auto 0;
   }
   .game_over{
	   position: absolute;
	   left: 0;
	   top: 0;
	   width: 100%;
	   height: 100%;
	   background: rgba(0, 0, 0, 0.7);
	   padding-top: 2rem;
	   display: none;
   }
   .game_over .tit{
	   text-align: center;
	   color: #fff6ce;
	   font-size: 0.4rem;
	   line-height: 0.6rem;
   }
	.pai_box{
	   padding: 0.4rem 0.6rem 0.2rem;
	   text-align: center;
	   overflow: hidden;
   }
    .pai_box .pai{
		position: relative;
		float: left;
		width: 30.33%;
		height: 3rem;
		margin: 0 1.5%;
	}
   .pai_box .pai .bg1{
   	position: absolute;
   	left: 0;
   	top: 0;
   	width: 100%;
   	height: 100%;
   	transition: 0.12s ease-in  0.12s;
   	transform: rotateY(-90deg);
   	background: url(../img/fp_bg.png) no-repeat;
   	background-size: 100% 100%;
   	line-height: 88px;
   	font-size: 0.36rem;
   	color: #8b1d21;
   	text-align: center;
   }
   .pai_box .pai .bg2{
   	position: absolute;
   	left: 0;
   	top: 0;
   	width: 100%;
   	height: 100%;
   	transition: 0.12s ease-out;
	background: url(../img/fp.png) no-repeat;
	background-size: 100% 100%;
   }
   .pai_box .paion .bg1,.pai_box .paionnew .bg1{
   	transform: rotateY(0deg);
   }
   .pai_box .paion .bg2,.pai_box .paionnew .bg2{
   	transform: rotateY(90deg);
   }
   .game_over .but{
	   width: 3rem;
	   line-height: 0.8rem;
	   text-align: center;
	   border: 1px solid #fff;
	   color: #fff;
	   margin: 1rem auto;
	   border-radius: 0.6rem;
	   display: none;
   }

   
   .index_but_box {
   	position: absolute;
	width: 100%;
   	bottom: 2.2rem;
   	z-index: 5;
	display: flex;
	justify-content: space-around;
	padding-bottom: 0.4rem;
   }
   .fm_but{
		width: 3rem;
		border: 3px solid #ffffff;
		border-radius: 3rem;
		background-image: linear-gradient(#ec3025,#e1a995);
		font-size: 0.28rem;
		text-shadow: 1px 1px 3px #cf1617;
		color: #fff;
		line-height: 0.32rem;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
   }
   .index_but{
	   width: 3.4rem;
   }