.page_index{
    background:#F0F0F0;
}
.searchwrap{
    width:100%;
    border-bottom:1px solid #DCDCDC;
    padding: .1rem .15rem;
    background:#fff;
}
.search_input form{
    width:100%;
    height: .28rem;
    border:1px solid #F16565;
    border-radius:.02rem;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-flex; /* Safari */
   -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
}
.search_input #search_txt{
    color: #666;
    padding-left: .12rem;
    font-size:.13rem;
    height: .26rem;
    line-height:.26rem;
    -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;
}
.search_input #search_btn{
    width:.28rem;
    height: .28rem;
    background:url(http://img2.hao76.com/Public/Mobile/img/search_red.png) no-repeat center center;
    background-size:65%;
}
.searchwrap .search_tips{
    font-size:.12rem;
    line-height:.3rem;
}
.searchwrap .search_tips a{
    margin-right:.09rem;
}
/*推荐游戏*/
.gamewrap{
    width:100%;
    height: auto;
    overflow:hidden;
    padding-bottom:.15rem;
    margin-bottom:.09rem;
    background:url(http://img2.hao76.com/Public/Mobile/img/hottips.png) no-repeat left top #fff;
    background-size:.4rem .4rem;
}
.gamelink{
    font-size:.12rem;
    display: block;
    text-align: center;
    color:#666;
    width:33.33%;
    float:left;
    padding-top:.15rem;
}
.gamelink .game-name{
    line-height:.15rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0 .1rem;
}
.recompic{
    width:.6rem;height:.6rem;
    margin:0 auto .07rem;
}
.recompic img{
   width:100%;
   height:100%;
   border-radius:.08rem;
}
.gamelink p:last-child{
    width: .6rem;
    height:.03rem;
    margin:0 auto;
    background:#DCDCDC;
}
.gamelink p:last-child span{
    display: block;
    height:100%;
    background: #F16565;
}
/*lettergamecontent*/
.lettergamecontent{
    width:100%;
    height:auto;
    overflow: hidden;
    background:#fff;
}
.gamenavwrap{
    width:100%;
    height:.45rem;
    padding:.09rem .15rem;
    background:rgba(255,255,255,.9);
}
.gamenav {
    width:100%;
    height: .25rem;
    overflow: hidden;
    border:1px solid #f16565;
    border-radius:2px;
    font-size: .14rem;
}
.gamenav a{
    display: block;
    float: left;
    width: 33.33%;
    height: 100%;
    background:#fff;
    color: #f16565;
    text-align: center;
    line-height:.23rem;
    border-right: 1px solid #fa6969;
}
.gamenav a:last-child {
    border-right: 0;
}
.gamenav a.active {
    color: #fff;
    background: #f16565;
}
.gamelist{display:none;}
.gamelist.active,.aboutgift .gamelist{display: block;}
.gamelist li {
    padding: .09rem .15rem;
    overflow: hidden;
    border-bottom:1px solid #DCDCDC;
}
.gamelist .art-item {
    display: -webkit-flex; /* Safari */
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
    width: 100%;
}
.gamelist .txt-box{
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
}
.gamelist .img-box{
    overflow:hidden;
    width:.6rem;
    height:.6rem;
    border-radius:.05rem;
}
.gamelist .img-box img{
   width:100%;
   height:100%;
}
.gamelist .txt-box{
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 2.4rem;
    padding:.05rem 0 .05rem .15rem;
    height:.6rem;
}
.gamelist .txt-box .tit{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size:.14rem;
}
.terrace{
    width:100%;
    height:auto;
    overflow: hidden;
    font-size:.12rem;
    color:#999;
    margin:.02rem 0;
}
.terrace span{
    float:left;
}
.terrace img{
    height:.12rem;
    width: auto;
    margin-top:2px;
}
.gamelist .txt-box .giftnum{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-flex;
    -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
    font-size:.12rem;
    color:#999;
}
.gamelist .txt-box .gamegift{
    width:1rem;
    height: .03rem;
    background:#DCDCDC;
    border-radius:.02rem;
    margin-right:.15rem;
}
.gamelist .txt-box .gamegift b{
    display: block;
    height:100%;
    background:#F16565;
}
.gamelist .num a{
    display: block;
    width:.4rem;
    height:.4rem;
    text-align: center;
    line-height:.4rem;
    border-radius:50%;
    color:#F16565;
    font-size:.12rem;
    border:1px solid #F16565;
}
.gamelist .num a:after{
    width:0;
}
/*gamelist end*/
/*发号详情*/
.aboutgift{
    width:100%;
    height: auto;
    overflow: hidden;
    background:#FFF;
}
.newstit{
    display: block;
    padding:0 .15rem;
    font-size:.14rem;
    height:.35rem;
    line-height:.35rem;
    position: relative;
    color:#333;
    border-bottom:1px solid #F0F0F0;
    background:url(http://img4.hao76.com/Public/Mobile/img/border.png) no-repeat .15rem center;
    background-size:.03rem .15rem;
    text-indent:.15rem;
}
.newstit:after{
    content: " ";
    width:.42rem;height:.09rem;
    background:url(http://img5.hao76.com/Public/Mobile/img/more.png) no-repeat ;
    background-size:100%;
    position: absolute;
    right:.15rem;top:50%;margin-top:-.05rem;
}
.giftdetial{
    width:100%;
    height:auto;
    overflow: hidden;
    background:#fff;
    margin-bottom:.09rem;
    padding:.32rem 0 .09rem;
}
.giftdetial_top .giftgame{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.giftdetial_top .giftgame p:first-child,.giftdetial_top .giftgame p:last-child{
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
    color:#666;
    font-size:.12rem;
    line-height:.18rem;
    text-indent:.37rem;
}
.giftdetial_top .giftgame p:last-child{
    text-indent:.09rem;
    padding-top:.09rem;
}
.giftdetial_top .giftgame p:last-child span i{
    display: block;
    float:left;
    width:.12rem;height:.12rem;
    background: url(http://img4.hao76.com/Public/Mobile/img/terrace.png) no-repeat;
    background-size:auto .12rem;
    margin-left:0.09rem;
}
.giftdetial_top .giftgame p:last-child span i:last-child{
    background-position-x:-.21rem;
}
.giftdetial_top .giftgame p span{
    display: block;
}
.giftdetial_top .giftgame p:first-child+p{
    width:1.6rem;
    text-align: center;
    background:url(http://img2.hao76.com/Public/Mobile/img/giftdetial.png) no-repeat center .22rem;
    background-size:100%;
}
.giftdetial_top .giftgame p:first-child+p img{
    width:.7rem;height:.7rem;
    margin: 0 auto;
}
.giftdetial_top .giftgame p:first-child+p span{
    font-size:.14rem;
    color:#333;
    line-height:.4rem;
    white-space:nowrap;
}
.giftdetial_top .giftgame p span img{
    height:.14rem;
    width:auto;
    margin:.05rem .1rem;
}
.giftdetial_btn{
    width:100%;
    height:auto;
    overflow:hidden;
    padding:0 .32rem;
}
.giftdetial_btn .giftnum{
    width:100%;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;
    font-size:.12rem;
    color:#999;
}
.giftdetial_btn .giftnum .gamegift{
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
    height:0.03rem;
    margin-right:.15rem;
    border-radius:.03rem;
    background:#DCDCDC;
    overflow: hidden;
}
.giftdetial_btn .giftnum .gamegift b{
    display: block;
    height: .03rem;
    background:#F16565;
}
.btnwrap{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:.2rem 0;
}
.btnwrap a{
    display: block;
    float:left;
    width:1.45rem;height:.3rem;
    line-height:.3rem;
    font-size:.14rem;
    color:#fff;
    border-radius:.05rem;
}
.btnwrap a:first-child{
    text-indent:.7rem;
    background:url(http://img1.hao76.com/Public/Mobile/img/giftbtn.png) no-repeat .45rem .07rem #11a1f0;
    background-size:auto .16rem; 
    margin-right:.2rem;
}
.btnwrap a:last-child{
    text-indent:.65rem;
    background:url(http://img4.hao76.com/Public/Mobile/img/giftbtn.png) no-repeat -1.09rem .07rem #ffa052;
    background-size:auto .16rem; 
}
.giftdetial_txt{
    width: 100%;
    height:auto;
    overflow: hidden;
}
.giftcont{
    color:#333;
    font-size:.12rem;
    line-height:.22rem;
    padding:0 .15rem;
}
.giftcont li{
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
.giftcont li>div.hd {
    color: #F16565;
    text-indent:.12rem;
    width:.75rem;
    height:.22rem;
    line-height:.22rem;
    background: url(http://img1.hao76.com/Public/Mobile/img/signalbg.png) left top no-repeat;
    background-size:100% 100%;
}
.giftcont li>div.dian {
    width: .2rem;
    height: .2rem;
    position: relative;
    z-index: 2;
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-flex; /* Safari */
    -webkit-box-pack: justify;-webkit-justify-content: center;-ms-flex-pack: justify;justify-content: center;
}
.giftcont li>div.dian i {
    width: .06rem;
    height: .06rem;
    background-color: #fff;
    border:2px solid #F16565;
    display: block;
    margin: .09rem auto 0;
    border-radius: 100%;
}
.giftcont li>div.giftcont_txt{
    -webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;
    min-height: .45rem;
    position: relative;
    padding:.02rem 0 .09rem;
    position: relative;
}
.giftcont li>div.giftcont_txt .line{
    width: 1px;
    height: 100%;
    background-color: #eee;
    overflow: hidden;
    position: absolute;
    left: -.10rem;
    top: 0;
    z-index: 1;
}
.giftcont li:first-child>div.giftcont_txt .line{
    top:.09rem;
}
.giftcont li:last-child>div.giftcont_txt .line{
    height:.09rem;
}
/*4.12add*/
.gussmorewrap {
    padding: 0 .15rem;
}
.gussmore {
    display: block;
    width: 100%;
    height: .25rem;
    border:1px solid #DCDCDC;
    border-radius: 3px;
    color: #F16565;
    text-align: center;
    font-size: .12rem;
    line-height: .25rem;
    margin: .15rem 0;
}
.gzh{width:100%;height:3.9rem;margin-bottom:0.1rem;overflow: hidden;position: relative;}
.signal_bg{position: absolute;top:0;left:0;width:100%;height:3.9rem;}
.signal_wrap{position: absolute;left:0;top: 0.45rem;width:100%;}
.tit{width:2.85rem;height:auto;margin:0 auto;}
.codebtn{width: 2.65rem;margin:1.75rem auto 0;}
.codewrap{position: relative;margin-top:0.15rem;width: 2.65rem;margin:1.82rem auto 0;display: none;}
.wxcode{width: 2.65rem;height:0.5rem;border:2px solid #3e1825;border-radius:0.5rem;background:#ffa9ae;}
.wxcode span{font-size:0.18em;display: block;line-height: 0.48rem;text-indent:0.8rem;font-weight:bold;color:#3e1825;}
.gzh_icon{position: absolute;top:-0.1rem;width:2.8rem;height:0.65rem;left:-0.07rem;}
.gzh_icon span{width:2.1rem;display: block;float: left;height:0.5rem;background: #ffa9ae;margin-top:0.1rem;}
.gzh_icon img{width:0.7rem;height: 0.65rem;}
.tips{width:2.65rem;font-size:0.13rem;color:#3e1825;line-height:1.6;margin:0.15rem auto 0;}