/*导航*/
.gamenavwrap{
    width:100%;
    height:.55rem;
    padding:.15rem;
    background:#FFF;
}
.gamenav {
    width:100%;
    height: .25rem;
    overflow: hidden;
    border:1px solid #f16565;
    border-radius:.02rem;
    font-size: .14rem;
}
.gamenav a{
    display: block;
    float: left;
    width: 25%;
    height:100%;
    color: #f16565;
    text-align: center;
    line-height:.25rem;
    border-right: 1px solid #fa6969;
    background:url(http://img3.hao76.com/Public/Mobile/img/newsright.png) no-repeat 90% center;
    background-size:.06rem auto;
}
.gamenav a:last-child {
    border-right: 0;
}
.gamenav a.active {
    color: #fff;
    background:url(http://img1.hao76.com/Public/Mobile/img/newsdown.png) no-repeat 90% center #f16565;
    background-size:.08rem auto;
}
/*二级导航*/
.secondnav{
    width:100%;
    height: auto;
    overflow: hidden;
    padding:0 .15rem;
    padding-bottom: .08rem;
    border-bottom:.01rem solid #DCDCDC;
}
.secondnavlist{
    width:100%;
    height:auto;
    overflow:hidden;
}
.secondnavlist a{
    display: block;
    width:25%;
    height:.28rem;
    line-height:.26rem;
    float: left;
    font-size:.14rem;
    color:#666;
    text-align: center;
    padding:.02rem .05rem;
}
.secondnavlist a.active span{
    display: block;
    height:.24rem;
    line-height:.24rem;
    border:1px solid #F16565;
    border-radius:.02rem;
    color:#F16565;
}
/*新闻列表*/
.listnews{padding:0 .15rem;}
.listnews li{
    padding: .1rem 0;
    border-bottom:.01rem solid #eee;
}
.listnews li:last-child{
    border-bottom:none;
}
.art-item{
    display: block;
    overflow: hidden;
    height:auto;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.listnews .img-box {
    width:1.09rem;
    height:.7rem;
    margin-right:.15rem;
}
.listnews .img-box img {
    width: 100%;
    height:100%;
}
.listnews .txt-box {
    position: relative;
    font-size:.16rem;
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
    height:.7rem;
}
.listnews .txt-box .tit {
    color:#333;
    font-size:.15rem;
    overflow: hidden;
    max-height:.45rem;
    line-height:1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.listnews .txt-box .date{
    position: absolute;
    bottom:0;left:0;
    color:#999;
    width: 100%;
}
.listnews .txt-box .date{
    position: absolute;
    bottom:0;left:0;
    color:#999;
    width: 100%;
    height:.17rem;
    line-height:.17rem;
}
.date b{
    display: block;
    color:#999;
    font-size:.1rem;
    float:left;
    font-weight: normal;
    line-height:.17rem;
}
.date b em{
    display: block;
    width:.17rem;
    height:.17rem;
    border-radius:50%;
    border:.01rem solid #DCDCDC;
    float:left;
    margin-right:5px;
    overflow: hidden;
}
.date b:first-child+b{
    float:right;
    padding-left:.2rem;
    background:url(http://img2.hao76.com/Public/Mobile/img/newstime.png) no-repeat left center;
    background-size:auto .14rem;
}
.date b:first-child+b+b{
    float: right;
    margin-right:.1rem;
    padding-left:.15rem;
    background:url(http://img3.hao76.com/Public/Mobile/img/hotnews.png) no-repeat left center;
    background-size:auto .14rem;
}