/******************common**********************/
html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
input{outline:none;}
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
img{width: 100%;height: auto;width: auto\9; -ms-interpolation-mode: bicubic; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: none;}
body{font-family: Arial,Helvetica,sans-serif;color: #555;background-color: #f5f5f5;min-width: 320px;max-width: 768px;margin:0 auto;}
em, i{font-style: normal;}
strong{font-weight: normal;}
.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}
.clearfix{zoom: 1;}
.fixed{min-width: 320px;max-width: 640px;margin:0 auto;position: fixed;width: 100%;z-index: 99;}
a{text-decoration: none;color: #444;outline: 0;}
/*new ->*/
u,s{text-decoration: none;}
.hide{display: none;}
/*<-new*/
a:hover{text-decoration: none;}
ul, ol{list-style: none;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
img{border: none;}
.basebox{overflow: hidden;background: #fff;margin-bottom: 6px;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04);-moz-box-shadow: 0 3px 3px rgba(0,0,0,.04);box-shadow: 0 3px 3px rgba(0,0,0,.04);}

.headline1{display: block;padding: 0 12px;overflow: hidden; border-bottom: 1px solid #f3f3f3;}
.headline1 h2{float: left;color: #333;font-size: 1.2rem;line-height: 42px;font-weight:normal;}
.headline2{display: block;padding: 0 12px;overflow: hidden;}
.headline2 h2{float: left;color: #333;font-size: 1.2rem;line-height: 42px;}
.headline2 span{display:block;float: left;color: #fff;font-size: 1rem;line-height: 18px;background:#FF9900;margin: 10px 0 10px 10px;padding:2px 5px;border-radius:3px;}
.headline2 a{display:block;float: right;color: #999;font-size: 1rem;line-height: 42px;}

/*new->*/
.headline3,.headline4{height: 40px;line-height: 40px;padding: 0 12px;font-size: 16px;font-weight: normal;display: block;overflow: hidden;}
.headline3:before,.headline4:before{content:"";border-left:2px solid #16ac1d;margin-right:8px;}
.headline3 u{text-align:right;font-size:14px;color:#999;background: url(../image/indexicon.png) 0px -74px no-repeat ;float:right; padding-left: 20px;background-size:18px auto;line-height: 18px;margin-top: 10px;}
.headline3 a{width: 48px;padding-right: 16px;text-align: right;font-size: 12px;color: #999;float: right;}
.headline4 u{ float: right; height: 40px;}
.headline4 u i{width: 52px; height: 22px; line-height: 22px;border: 1px solid #16ac1d; margin-top: 10px; text-align: center; font-size: 14px; display: inline-block;color:#16ac1d;}
.headline4 u i:first-child{border-radius: 5px 0px 0px 5px}
.headline4 u i:last-child{border-radius: 0px 5px 5px 0px}
.headline4 u i.on{background-color:#16ac1d; color: #ffffff }
/*<-new*/

/*游戏内容页头部*/
.head{height:42px;background:#16ac1d;position:relative;}
.head .goback{display:block;width:35px;height:35px;position:absolute;top:2px;left:10px;background: url(../image/myicon.png) 0px -95px no-repeat;}
.head p{margin:0 60px;height:42px;line-height:42px;text-align:center;color:#fff;}
.head p a{color:#fff;font-size:1.2rem;}
.head p span{color:#fff;font-size:1.2rem;}
.head p em{display:inline-block;width:5px;height:5px;background-color:#fff;border-radius:50%;margin:0 10px 4px;}
.head .search{display:block;width:34px;height:35px;position:absolute;top:2px;right:40px;background: url(../image/myicon.png) 0px 0px no-repeat;}
.head .fl{display:block;width:34px;height:35px;position:absolute;top:2px;right:5px;    background: url(../image/myicon.png) 0px -50px no-repeat;}

.xq-nav {
	z-index: 999;
    display: none;
    width: 100px;
    padding: 0 6px;
    border: 1px solid #f0f0f0;
    border-right: none;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 42px;
}
.xq-nav li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #f0f0f0;
}
.xq-nav li a {
    font-size: 16px;
    display: block;
    padding-left: 44px;
}
.xq-nav li:nth-child(1) a {
    background: url(../image/xq-ico.png) 16px 5px no-repeat;
    background-size: 20px auto;
}
.xq-nav li:nth-child(2) a {
    background: url(../image/xq-ico.png) 16px -30px no-repeat;
    background-size: 18px auto;
}
.xq-nav li:nth-child(3) a {
    background: url(../image/xq-ico.png) 16px -65px no-repeat;
    background-size: 18px auto;
}
.xq-nav li:nth-child(4) a {
    background: url(../image/xq-ico.png) 16px -113px no-repeat;
    background-size: 20px auto;
}
.xq-nav li:nth-child(5) a {
    background: url(../image/xq-ico.png) 16px -141px no-repeat;
    background-size: 19px auto;
}
.xq-nav li:nth-child(6) a {
    background: url(../image/xq-ico.png) 16px -189px no-repeat;
    background-size: 20px auto;
}
.xq-nav li:nth-child(7) a {
    background: url(../image/xq-ico.png) 16px -230px no-repeat;
    background-size: 20px auto;
}
.xq-nav li:nth-child(8) a {
    background: url(../image/xq-ico.png) 16px -269px no-repeat;
    background-size: 20px auto;
}
.xq-nav li:nth-child(9) a {
    background: url(../image/xq-ico.png) 16px -323px no-repeat;
    background-size: 21px auto;
}
.xq-nav li:nth-child(10) a {
    background: url(../image/xq-ico.png) 16px -345px no-repeat;
    background-size: 20px auto;
}
.xq-nav li:nth-child(11) a {
    background: url(../image/xq-ico.png) 16px -384px no-repeat;
    background-size: 20px auto;
}
/*头部*/
.mhead{height:42px; background: #16ac1d; width: 100%;  position: relative; z-index:10;}
.mhead .fl{display:block;width:34px;height:35px;position:absolute;top:2px;left:5px;    background: url(../image/myicon.png) 0px -50px no-repeat;}
.mhead>div{ display: flex; flex: 1; margin: 0 12px;}
.mhead .logo{height:42px;width:50px;display: block;text-align: center;line-height:42px;color:#fff;font-size:1.2rem;font-weight:bold;margin-left: 40px;}
.mhead .search{ flex: 1;height:42px; line-height:42px;    margin-left:20px;position:relative;}
.mhead .search .search_form{ width: 90%; height: 28px; border-radius: 20px; background: #81CB88; margin-left: 15px; margin-top:7px; padding-left: 12px;}
.mhead .search .search_form .search_kwd{display:block;width: 82%;float: left;height: 28px; line-height: 28px;font: 14px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;color: #F2F2F2; border: none;background: none; overflow: hidden;}
.mhead .search .search_form .search_btn{ float: right; display: block; background: url(../image/myicon.png) -5px -6px no-repeat;background-size: 190px 190px;height:18px;width:20px; margin-top: 5px;  margin-right:8px;}

.mhead .search .xl{position:absolute;right:1px;top:35px;border:1px solid #F8F8F8;width:200px;background:#FFF;overflow:hidden;z-index:1;display:none;box-shadow: 0px 2px 2px #999;}
.mhead .search .xl ul{background:#F8F8F8;overflow:hidden;}
.mhead .search .xl ul li{background:#fff;height:30px;line-height:30px;overflow:hidden;text-indent:10px;}
.mhead .search .xl ul li:hover{background:#F8F8F8;}

/**************************导航栏****************************/
.menu{width: 100%;height: 40px;background: #fff;overflow-x: scroll;overflow-y: hidden;-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.04);-moz-box-shadow: 0 3px 3px rgba(0,0,0,.04);box-shadow: 0 3px 3px rgba(0,0,0,.04);}
.menu ul{display: block;overflow: hidden;}
.menu ul li{display: block;padding: 0 20px;float: left;text-align: center;}
.menu ul li a{display: block;color: #333;font-size: 1rem;line-height: 40px;}
.menu ul li a.on{color: #16ac1d;font-weight: bold;}

/**************************面包屑导航****************************/
.navigation{overflow: hidden;height: 40px;line-height: 40px;margin: 0 12px;font-size: 14px;color: #999;}
.navigation a{color: #999;}
.navigation span{margin: 0 6px;font-family: initial;}

#goTop {
    position: fixed;
    right: 10px;
    bottom: 80px;
    text-indent: -9999px;
    z-index: 9999;
    width: 38px;
    height: 38px;
    background: rgba(0,0,0,0.6) url(../image/myicon.png) 1px -176px no-repeat;
    border-radius: 50%;
    display: none;
}
/**************************foot****************************/
.foot{clear: both;display: block;background-color: #f5f5f5;text-align: center;overflow: hidden;padding:5px 0 20px 0;}
.foot span{display: block;height:45px;width:83px;margin:0 auto;}
.foot p{font-size: .8rem;color: #999;line-height: 18px;}

/**************************page****************************/
.page{display: flex;justify-content: space-between;border-top: 1px solid #f5f5f5;padding: 10px 20px;}
.page>a{width: 22%;margin: 14px 0;display: inline-block;line-height: 30px;border-radius: 4px;background: #f6f6f6;text-align: center;color: #333;font-family: Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;font-size: 12px;}
.page>a:nth-child(1){width: 14%;}
.page>a:nth-child(5){width: 14%;}
.page>span:nth-child(1){width: 14%;}
.page>span:nth-child(5){width: 14%;}
.page>span.disabled{margin: 14px 0;display: inline-block;line-height: 30px;border-radius: 4px;background: #f6f6f6;text-align: center;color: #bbb;font-family: Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;font-size:12px;}
.page>span{width: 22%;margin: 14px 0;display: inline-block;line-height: 30px;border-radius: 4px;text-align: center;background: #16ac1d;color: #fff;font-size: 14px;font-family: Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;position: relative;}
.page>span .pagelist{display:none;position: absolute;bottom:0px;width:100%;max-height:92px;border-radius:4px;overflow-y:scroll;background: #fff ;box-shadow:0 0 3px #bbb;-webkit-box-shadow:0 0 3px #bbb;-moz-box-shadow:0 0 3px #bbb;z-index:10px;}
.page>span .pagelist a{display: inline-block;text-align: center;line-height: 30px;margin-bottom: 1px;float: left;width: 100%;background: #f6f6f6;font-size: 14px;font-family: Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma;color: #666;}
.page>span .pagelist a.on{background: #16ac1d;color: #fff;}

/*排序标签*/
.sort{margin:10px 10px 5px 10px;border:1px solid #16ac1d;border-radius:3px;-webkit-box-orient:horizontal;display:-webkit-box;height:36px;}
.sort a{-webkit-box-flex:1;text-align:center;height:36px;line-height:36px;font-size:14px;color:#16ac1d;display:block;position:relative;}
.sort a.on{background:#16ac1d;color:#fff;}
.sort a:not(:last-child):after{content:"";position:absolute;top:0;right:0;width:1px;height:36px;background:#16ac1d;}

/*分类列表*/
.catlist{display: table;padding: 10px 0 0 0;width: 100%; margin-bottom: 6px; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;background: #fff;}
.catlist ul{margin: 0 6px; overflow: hidden;}
.catlist ul li{width: 25%;display: block;float: left;margin-bottom: 10px;}
.catlist ul li:nth-of-type(n+12){display: none;}
.catlist ul li.more{display: block;}
.catlist ul li a{display: block;margin: 0 6px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;background: #f5f5f5;color: #666;font-size: 12px;border-radius: 2px;cursor: pointer;}
.catlist ul li.on a{color: #fff;background: #16ac1d;}