@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a, input { color:#333; font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; font-size: 0.24rem;} /*font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size:12px; */

a{text-decoration:none;color: #000;}
a:focus{color: #000;}

img {border: 0; display:inline-block; max-width: 100%;}

.clear{ clear:both; display:block; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}

.flexBox{display: -webkit-flex; /* Safari */  display: flex; justify-content:flex-start;  align-items: center;}
.flex-none{  flex:none;}
.flex-auto{ flex:auto;}

@font-face
{
    font-family: myFirstFont;
    src: url(../css/font/YRDZhuShiTi.ttf.subset.ttf);
    font-weight:bold;
}

.viewport{ padding:0.96rem 0 0 0; max-width: 7.5rem; margin: 0 auto;}
/***************************************************************************************************/
/*顶部浮层*/
.topBox{width: 7.5rem; height: 0.96rem; padding:0 0.36rem; box-sizing: border-box; align-items: center;justify-content: space-between;color: #fff;
background: #77542A;position: fixed;top: 0;left:50%;z-index: 2;transform: translateX(-50%);}
.med-icon {width:0.85rem; height: 0.7rem;}
.med-icon img {width:0.7rem;height: 0.7rem;border-radius: 0.1rem;}
.med-center h3 {font-size:0.28rem;font-weight: bold;}
.med-center p{ font-size: 0.22rem; font-family: myFirstFont;}
.med-button {margin-left:0.2rem;}
.button_btn{width: 3.2rem; color: #3B3B3B; font-size: 0.36rem; font-weight: bold; display: inline-block;
height: 0.74rem; line-height: 0.74rem; text-align:center; 
border-radius: 0.37rem;
box-shadow: 0px 3px 3px 0px rgba(193, 94, 43, 0.35); 
background: linear-gradient(-6deg, #FFCB00 0%, #FFE900 98%);
	
}
/*end 顶部浮层*/
.bg01{ width: 7.5rem; height: 4.78rem;  background: url("../images/bg01.png") no-repeat; background-size: 7.5rem 4.78rem; overflow: hidden; margin-top: -1px;}
.bg02{  width: 7.5rem;  height: 8.65rem;  background: url("../images/bg02.png") no-repeat; background-size: 7.5rem 8.65rem; position: relative; overflow: hidden;  margin-top: -1px;}
.bg03{ width: 7.5rem;  height: 15.86rem;  background: url("../images/bg03.png") no-repeat; background-size: 7.5rem 15.86rem; overflow: hidden;  margin-top: -1px;}
.bg04{ width: 7.5rem;  height: 7.42rem;  background: url("../images/bg04.png") no-repeat; background-size: 7.5rem 7.42rem; overflow: hidden;  margin-top: -1px;}

	/*九妖平台搜索*/
.centerPingt{ text-align: center;}
.pingt-01{ color: #FFF065; font-size: 0.3rem; margin-top: 0.4rem;}
.pingt-01 span{ font-size: 0.32rem; color: #fff;}
.pingt-01 i{ margin: 0 0.1rem;}
.pingt-01 img{ width: 0.56rem; height: 0.56rem; vertical-align: middle; margin: 0 0.2rem 0 0;}
	
.pingt-02{ margin: 0.25rem auto 0.3rem auto;  display: inline-block; height: 0.68rem; line-height: 0.68rem; padding: 0.05rem 0.2rem 0.05rem 0.05rem; background:#FFCB00;  border-radius: 0.2rem; color: #714B14;}
.pingt-02 .search{ color: #7D5612; background:url("../images/search.png") 0.2rem center no-repeat #fff; background-size: 0.28rem; border-radius: 0.2rem; 
font-size: 0.28rem; font-weight: bold; display: inline-block; text-indent: 0.6rem; min-width: 2.28rem; text-align: left; margin-right: 0.1rem;}
	/*游戏介绍*/
.centerTop{ width: 6.25rem; padding:0.15rem 0 0.15rem 0.4rem; box-sizing: border-box; -webkit-box-sizing: border-box;
    background:rgba(255,255,255,.8);
    border-radius:0.3rem; 
	 margin:0 auto;
}
.game-xx .item-img{ width:1.45rem;}
.game-xx .item-img img{ width:1.3rem;}
.game-xx .item-text h3{ font-size: 0.36rem; color:#3C3C3C; margin-bottom:0.05rem;}
.game-xx .item-text>div{ height:9px; background: url("../images/star.png") no-repeat; background-size: auto 9px; margin: 0.1rem 0;}
.game-xx .item-text p{ color:#878787;}
		/*-标签-*/
.bt-biaos{ margin: 0.1rem 0 0 0; overflow: hidden;}
.bt-biaos span{ font-size:0.18rem;  border-radius:0.2rem;  margin: 0 0.08rem 0 0; line-height: 0.4rem; height: 0.4rem; padding: 0 0.1rem; display:inline-block; float:left; color: #fff;
}
.bt-biaos span.color-blue{  background: #58BCF6; }
.bt-biaos span.color-yellow{  background:#FFA91A;  }
.bt-biaos span.color-pink{  background: #FF7C7B; }
.bt-biaos span.color-purple  { background:#9E92FE; }
/*立即下载*/
.download{ width: 100%; text-align: center; position: absolute; left: 0; bottom:0;}	
.download a { width: 5.8rem; height:0.96rem; background:url(../images/button.png) no-repeat center; background-size:5.8rem 0.96rem; 
display: inline-block; color: rgba(255,255,255,0);}
/*独家福利*/
.bg03 .fuliBox{ margin:0.5rem 0.2rem;}

.title{ width: 100%; text-align: center; margin-top: 0.4rem;}
.title img{ height: 0.5rem; margin: 0 auto;}

	/*banner01*/
	.banner05 { width:100%; margin:0.8rem auto 0 auto; position: relative;
	}
	.banner05 .swiper-button-prev, .banner05 .swiper-button-next{ width:0.42rem; height:0.7rem;}
	.banner05 .swiper-button-prev{ background:url(../images/button-l.png) no-repeat; background-size:0.42rem 0.7rem; left: 0.1rem;}
	.banner05 .swiper-button-next{ background:url(../images/button-r.png) no-repeat; background-size:0.42rem 0.7rem; right: 0.1rem;}
	/*end banner02*/

/*推荐游戏*/
.gameBox{ margin: 0 0 0 0.9rem;}
.gameBox .game-xx{ margin-bottom: 0.3rem;}
.gameBox .game-xx h3{ color: #fff;}
.gameBox .game-xx .item-text p{ color: #fff;}
/*footer*/
.footer{ background: #77542A; font-size: 0.22rem; color: #fff; padding: 0.3rem 0; text-align: center; line-height: 0.4rem;}
.footer a{ color: #fff; display: inline-block; margin: 0 0.1rem;}