.wh10{width:10px;}
.pt10{
  padding-top: 0.1rem;
}

.pb10{
  padding-bottom: 0.1rem;
}

img{
  display: block;
  width: 100%;
}
/*#banner*/
#banner{
  position: relative;
  overflow: hidden;
}
#banner a{
  display: block;
  width: 100%;
  height: 1.8rem;
}
#banner a img{
  display: block;
  width: 100%;
  height: 100%;
}

/*搜索*/
.search-box{
  width: 100%;
  position: relative;
}
.search-box .search{
  width: 100%;
  height: 0.4rem;
  background:rgba(66,172,82,0);
  position: absolute;
  top:-0.4rem;
  left:0;
  z-index:100;
}
.search-box .search a{
  display: block;
  box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.06rem 0.12rem 0.06rem 0.12rem;
}

 .search > div {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.06rem 0.12rem 0.06rem 0.12rem;
}
 .search .search-inner{
    width: 100%;
    height: 100%;
    line-height: 0.28rem;
    background: #fff;
    font-size: 0.14rem;
    color: #c9c9c9;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}
.search .search-inner:after{
    content:'';
    display:block;
    width: 0.14rem;
    height: 0.14rem;
    background: url(../images/assort_search_btn.png) no-repeat;
    background-size: cover;
    position: absolute;
    left:0.07rem;
    top: 0.07rem;
    z-index: 60;
}

/*二级导航*/
.second-nav{
  position: relative;
  width: 100%;
  background: #f4f4f4;
}
.second-nav a{
  display: block;
  width: 33.3333%;
  float: left;
  line-height: 0.4rem;
  height: 0.4rem;
  color: #757575;
  font-size: 0.16rem;
  text-align: center;
}
.second-nav a.on{
  background: #fff;
  color: #36be63;
}
.page-inner{
  position: relative;
  width: 100%;
}

/*item*/
.mod-content{
  width: 100%;
  margin-bottom: 0.08rem;
}

.item{
  width: 100%;
  background: #fff;
  padding: 0 0.1rem 0 0.1rem;
  border-bottom: 1px solid #e5e5e5;
  border-top:1px solid #e5e5e5;
  margin-top: 0.08rem;
}
.item:nth-child(1){
  margin:0;
  border-top:none;
}
.item .title{
  width: 100%;
  display: box;
  display: -webkit-box;
  height: 0.45rem;
  box-align:center;
  -webkit-box-align:center;
}
.item .title h5{
  box-flex:1;
  -webkit-box-flex:1;
  line-height: 0.45rem;
  text-align: left;
  font-size: 0.14rem;
}
.item .title h5 i{
  display: inline-block;
  width:0.2rem;
  height:0.13rem;
  background:url(../images/mark_hot_03.jpg) no-repeat;
  background-size: cover;
  margin-left: 3px;
  margin-bottom:-0.02rem;
  border-radius: 3px;
}
.item .title a{
  font-size: 0.14rem;
  color: #36be63;
}
/*一张图*/
.item .one-banner{
  width: 100%;
}
.item .one-banner a{
  display: block;
  width: 100%;
  height: 1.4rem;
  border-radius: 5px;
}
.item .one-banner a img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;

}
/*两张图*/
.item .two-banner{
  display: box;
  display:-webkit-box;
  height:0.95rem;
}
.item .two-banner a{
  display: block;
  box-flex:1;
  -webkit-box-flex:1;
  width: 1.66rem;
  height: 0.95rem;
  border-radius:5px;
}

.item .two-banner a img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius:5px;
}

/*三张图bannertype*/
.item .hot-three-banner{
  display: box;
  display: -webkit-box;
  /*box-align:center;
  -webkit-box-align:center;*/
  height:1.945rem;
}
.item .hot-three-banner > a{
  display: block;
  box-flex:1;
  -webkit-box-flex:1;
  height: 1.945rem;
  margin-right:0.06rem;
  border-radius:5px;
  position: relative;
}
.item .hot-three-banner > a:after{
  content: "";
  display: block;
  width:0.32rem;
  height: 0.32rem;
  background: url(../images/classic_game_rank_first.png) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.item .hot-three-banner img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius:5px;
}
.item .hot-three-banner > div{
  box-flex:1;
  -webkit-box-flex:1;
  height: 1.945rem;
  display:box;
  display: -webkit-box;
  -webkit-box-orient:vertical;/*垂直排列*/
  box-orient:vertical;/*垂直排列*/
}
.item .hot-three-banner > div a{
  display: block;
  width: 100%;
  box-flex:1;
  -webkit-box-flex:1;
  overflow: hidden;
  border-radius:5px;
  position: relative;
}
.item .hot-three-banner > div a:after{
  content: "";
  display: block;
  width:0.32rem;
  height: 0.32rem;
  position: absolute;
  left: 0;
  top: 0;
}
.item .hot-three-banner > div a:nth-child(1){
  margin-bottom: 0.06rem;
}
.item .hot-three-banner > div a:nth-child(1):after{

  background: url(../images/classic_game_rank_second.png) no-repeat;
  background-size: cover;
}
.item .hot-three-banner > div a:nth-child(2):after{
  margin-bottom: 0.06rem;
  background: url(../images/classic_game_rank_three.png) no-repeat;
  background-size: cover;
}

/*游戏列表*/
.item .game-list{
  width: 100%;
}
.item .game-list li{
  width: 100%;
  display: box;
  display: -webkit-box;
  box-align: center;
  -webkit-box-align: center;
  padding: 0.1rem 0;
  border-bottom: 1px solid #e4e4e4;
}
.item .game-list li:active{
  background: #f8f8f8;
}
.item .game-list li:last-child{
  border-bottom: none;
}
.item .game-list .icon{
  width: 0.65rem;
  height: 0.65rem;
  position: relative;
  border-radius: 10px;
}
.item .game-list .list-content{
  box-flex: 1;
  -webkit-box-flex: 1;
  padding-left: 0.1rem;
}
.item .game-list .list-content .inner{
  display: box;
  display: -webkit-box;
  box-align: center;
  -webkit-box-align: center;
}
.item .list-content .inner > div{
    box-flex: 1;
    -webkit-box-flex: 1
}
.item .list-content .inner > div h6{
      font-size: 0.14rem;
    line-height: 0.27rem;
    color: #242424;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.item .list-content .inner > div p.column{
  font-size: 0.12rem;
  line-height: 0.19rem;
  color: #909090;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.item .game-list .list-content .about {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 0.12rem;
  line-height: 0.19rem;
  color: #909090;
}

.item .list-content .inner .download{
  display: block;
  width: 0.6rem;
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.14rem;
  color: #36be63;
  border: 1px solid #36be63;
  border-radius: 2px;
  text-align: center;
}
.tagslist ul li{
	width: 100%;
	display: box;
	display: -webkit-box;
	box-align: start;
	-webkit-box-align: start;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #d1d1d1;
}
.tagslist ul li a{
	display: inline-block;
	width: 0.64rem;
	height: 0.28rem;
	line-height: 0.28rem;
	text-align: center;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	margin-left: 0.13rem;
	margin-bottom: 0.06rem;
	margin-top: 0.06rem;
	font-size: 0.13rem;
	color: #757575;
}
.zhuanqu .game-list ul li:nth-child(1),.google .game-list ul li:nth-child(1),.hanhua .game-list ul li:nth-child(1),.new .game-list ul li:nth-child(1){
  padding-top: 0;
}
/*header 16-10-10*/
body > header{ padding:0 10px;box-sizing: box-pack:justify; -webkit-box-pack:justify; border-box; -webkit-box-sizing:border-box; width: 100%;display: box;display: -webkit-box;box-align:center;-webkit-box-align:center;height: 40px;background: #f2f6f2;}
body > header > img{ width:58px; height:18px; }
body > header > a{ display: block; width:21.5px;height:21.5px; }

footer{
  text-align: center;
  margin-bottom: 54px;
}
footer .p-1 {
    background: #fff;
    width: 100%;
    height: 36px;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 34px;
}
footer .p-1 a{
  color: #555;
}
footer .p-1 .line {
    margin: 0 10px;
    font-size: 10px;
    color: #999;
}
footer .p-2 {
    width: 100%;
    line-height: 18px;
    font-size: 12px;
    color: #999;
    text-align: center;
}
footer .mb10 {
    padding-bottom:10px;
}



/*主导航*/
.nav{
  width:100%;
  height: 54px;
  position: fixed;
  bottom: 0;
  left:0;
  z-index: 100;
}
.nav .btn_list{
  position: relative;
  width: 100%;
  background:-webkit-linear-gradient(top,#fff,#f6f6f6);
  background:-moz-linear-gradient(top,#fff,#f6f6f6);
  background:-o-linear-gradient(top,#fff,#f6f6f6);
  background:linear-gradient(top,#fff,#f6f6f6);
  border-top: 1px solid #e5e5e5;
  display: box;
  display: -webkit-box;
}
.nav a{
  display: block;
  width: 20%;
  height: 54px;
  font-size: 12px;
  color:#585858;
  display: box;
  display: -webkit-box;
  box-flex:1;
  -webkit-box-flex:1;
  -moz-box-orient:vertical;
	-webkit-box-orient:vertical;
	box-orient:vertical;//垂直排列
  box-align:center;
  -webkit-box-align:center;
  box-pack:center;
  -webkit-box-pack:center;
}

.nav a i{
  display: block;
  width: 24px;
  height: 24px;
}

.nav a.shouye i{
  background: url(../images/main_nav_selected_normal.png) no-repeat;
  background-size: cover;
}
.nav a.shouye.btn i{
  background: url(../images/main_nav_selected_pressed.png) no-repeat;
  background-size: cover;
}


.nav a.wangyou i{
  background: url(../images/main_nav_online_normal.png) no-repeat;
  background-size: cover;
}
.nav a.wangyou.btn i{
  background: url(../images/main_nav_online_pressed.png) no-repeat;
  background-size: cover;
}


.nav a.danji i{
  background: url(../images/mzw_single_default.png) no-repeat;
  background-size: cover;
}
.nav a.danji.btn i{
  background: url(../images/mzw_single_seled.png) no-repeat;
  background-size: cover;
}


.nav a.fenlei i{
  background: url(../images/main_nav_category_normal.png) no-repeat;
  background-size: cover;
}
.nav a.fenlei.btn i{
  background: url(../images/main_nav_category_pressed.png) no-repeat;
  background-size: cover;
}

.nav a.paihang i{
  background: url(../images/main_nav_rank_normal.png) no-repeat;
  background-size: cover;
}
.nav a.paihang.btn i{
  background: url(../images/main_nav_rank_pressed.png) no-repeat;
  background-size: cover;
}

/*lightheight*/

.nav a.btn{
  color:#42ac52;
}