@import url('base.css');
.headline1{display: block;padding: 0 .2rem;overflow: hidden;}
.headline1 span{float: left;color: #333;font-size: .34rem;line-height: .8rem;font-weight: bold;}
.headline1 h2{float: left;color: #333;font-size: .34rem;line-height: .8rem;}
.sort{padding:0.4rem 0;overflow:hidden;background-color:#fff;margin-top: .14rem;}
.sort .tab{overflow:hidden;display: flex;border-radius:0.05rem;border:0.02rem solid #08a133;margin:0 .4rem;}
.sort .tab a{float:left;display:block;text-align:center;width:2.2rem;height:0.7rem;line-height:0.7rem;color:#08a133;flex:1;}
.sort .tab a:nth-child(2){border-left:0.02rem solid #08a133;border-right:0.02rem solid #08a133;}
.sort .tab a.active{background:#08a133;color:#fff;}
.special{background: #fff;display: block;padding-top: .4rem;}
.special ul{display:block;padding: 0 .2rem .2rem .2rem;overflow: hidden;}
.special ul li{position:relative;display: inline-block;width: 50%;float: left;overflow: hidden;text-align: center;margin-bottom:.2rem;}
.special ul li a{display: inline-block;width: 92%;position:relative;padding-bottom:65%;height: 0;}
.special ul li a img{display: inline-block;border-radius: .04rem;position: absolute;top:0;left: 0;width: 100%;height: 76%;margin-bottom: 4%;}
.special ul li span.time{display: block;padding:0 .05rem;position: absolute;top:.1rem;right:.15rem;color:#FFF;font-weight: bold;background: #ff9900;font-size:.24rem;}
.special li p{position: absolute;bottom:0;left: 0;height: 20%;width: 100%;text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.collect_intro { overflow: hidden; background: #fff; margin-bottom: .2rem;}
.collect_intro.line{border-top:.02rem solid #fff;}
.collect_intro .info { margin-bottom: .06rem;height:0;width: 100%; position: relative; display: block; padding-bottom:50%;overflow: hidden; }
.collect_intro .info img { position: absolute; z-index: 1; width: 100%;height: 100%; display: block; }
.collect_intro .info .title { width: 100%; position: absolute; height: 1rem; left: 0; bottom: 0; z-index: 2; background: -webkit-linear-gradient(bottom, #000000 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); background: linear-gradient(to top, #000000 0%, transparent 100%); display: flex; }
.collect_intro .info .title p { font-size: .28rem; color: #fff; font-weight: bold; overflow: hidden; flex: 1; height: .6rem; line-height: .6rem; margin: .2rem .12rem; }
.collect_intro .info .title span { height: .6rem; line-height: .6rem; margin: .2rem .2rem; font-size: .24rem; color: #ff9900; font-weight: 600; }
.collect_intro .text { overflow: hidden; padding:.2rem .2rem 0; line-height: .48rem; color: #666; }
.collect_intro .text span { color: #ff9900; }
.collect_intro .xiangguan { overflow: hidden; padding:0 .2rem; line-height: .48rem;  color: #666; }
.collect_intro .xiangguan a{color: #ff9900;}
.collect_intro .oth { overflow: hidden; padding:0 .2rem .2rem; line-height: .48rem;  color: #666; }
.collect_intro .oth em{color:#f00;}
.collect .item .more{ width: 100%; height: .35rem; line-height: .35rem;text-align: center;text-decoration: none; color: #969696; outline: 0}
.collect_intro strong{font-weight:bold;}

.qlist_introcon{overflow: hidden;height:.7rem;}
.qlist_intromore {display: inline-block;float: right;height: .4rem;border: .01rem solid #f0f0f0;color: #999;line-height: .42rem;margin: 0 .2rem .2rem 0;position: relative;padding :0 .2rem;}
.qlist_intromore em {font-style: normal;}
.qlist_intromore i { color: #08a133;font-size: .26rem;}

.qlist_title {height: .72rem;position: relative;padding: 0 .2rem;background: #fff;margin-top: .14rem;}
.qlist_title p {height: .48rem;line-height: .48rem;display: block;text-align: center;border-radius: .1rem;font-size: .24rem;color: #999;position: absolute;right: .1rem;top: .18rem;font-style: normal;}
.qlist_title h1 {max-width:60%;overflow: hidden;height: .72rem;line-height:.72rem;font-weight: bold;border-top: .04rem solid #08a133;position: absolute;left: 0;top: 0;padding: 0 .05rem 0 .2rem;font-size:.28rem;}
.qlist_title h1 a{color: #333;}
.qlist_title i {color: #08a133;font-size:.3rem;}

.collectarea {overflow: hidden;background: #fff;}
.gamelist { overflow: hidden;margin-top: 0; }
.gamelist .gameli:last-child { border: none; }
.gamelist + .gamelist{display: none;}
.gamelist .gameli { overflow: hidden; margin: .2rem; border-bottom: .02rem solid #eee;  }
.gamelist .gameli .game {padding: .2rem 0 .4rem; height: 1.2rem; margin: 0 .2rem;display: flex; }
.gamelist .gameli .game .img { display: block; margin-right: .2rem;position: relative; }
.gamelist .gameli .game .img p{position: absolute;
    left: -10px;width: 40px;
    top: -10px;background: #ff4c88;font-size: .24rem;color: #fff;text-align: center;line-height: .4rem;height: .4rem;border-radius: .1rem;}
.gamelist .gameli .game .img, .gamelist .gameli .game .img img { width: 1.2rem; height: 1.2rem; border-radius: .3rem; }
.gamelist .gameli .game .info { flex: 1; margin-right: .2rem; }
.gamelist .gameli .game .info .title { display: block; width: 100%; overflow: hidden;}
.gamelist .gameli .game .info p { font-size: .24rem; color: #999; margin: .06rem 0; }
.gamelist .gameli .game .info p span { margin-left: .2rem; }
.gamelist .gameli .game .info ul { overflow: hidden; width: 100%; height: .4rem; }
.gamelist .gameli .game .info ul li { float: left; height: .3rem; border-radius: .3rem; padding: 0 .1rem; border: .02rem solid #c5dcfc; text-align: center; font-size: .22rem; color: #08a133; margin: .03rem .04rem .03rem 0; line-height:.34rem;}
.gamelist .gameli .game .info ul li a{ color: #08a133; }
.gamelist .gameli .game .btn { width: 1.2rem; height: .52rem; color: #fff; text-align: center; border-radius: .04rem; line-height: .52rem; margin-top: .32rem;background-color: #08a133;}
.gamelist .gameli .game .btn.disabled{background-color: #999;}

.zt_new{background-color: #fff;overflow: hidden;margin-top: .2rem;}
.zt_new ul { padding: 0 .2rem;margin:.1rem 0 .1rem;width:100%;height:2rem;overflow-y:scroll;-webkit-overflow-scrolling: touch;}
.zt_new ul li{ width: 24%; float: left; height: .48rem;  margin-bottom: .2rem;}
.zt_new ul li a{ width: 80%;border:.02rem solid #e0e0e0; border-radius: .48rem; display: block; height: 100%; text-align: center; line-height: .48rem; font-size: .24rem; color: #666666; overflow: hidden;padding:0 5%;}

.zk_btn{margin:0 .2rem .4rem;border:.02rem solid #08a133;border-radius:.1rem;text-align: center;line-height:.76rem;color:#08a133;display: none;}
.zk_btn i{font-size:.3rem;}

.gxgwz{background-color: #fff;}
.gxgwz ul{padding-bottom:.2rem;}
.gxgwz ul li {height: .8rem;line-height: .8rem;overflow: hidden;margin: 0 .16rem;position: relative;border-bottom: .02rem dashed #e8e8e8;}
.gxgwz ul li:last-child {border-bottom: 0;}
.gxgwz ul li em {display: inline-block;width: .08rem;height: .08rem;background: #fd8230;border-radius: 1rem;overflow: hidden;position: absolute;top: .36rem;left: .05rem;}
.gxgwz ul li a {display: block;overflow: hidden;height: .8rem;white-space: nowrap;text-overflow: ellipsis;color:#999;padding: 0 .2rem 0 .3rem;}
.basebox{overflow: hidden;background: #fff;margin-top: .14rem;-webkit-box-shadow: 0 .03rem .03rem rgba(0,0,0,.04);-moz-box-shadow: 0 .03rem .03rem rgba(0,0,0,.04);box-shadow: 0 .03rem .03rem rgba(0,0,0,.04);}

.nhejihead{position:relative}
.nhejihead .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/nhejiheadbg.png) repeat-x;}
.nhejihead .img{display: block;width:100%}
.nhejihead .tit{position: absolute;top: 0;left: 0;width: 100%;height: .8rem;line-height: .8rem;z-index: 1000;padding:0 .2rem;overflow: hidden;}
.nhejihead .tit.fix{position: fixed;top: 0;left: 0;background: rgba(240, 240, 240, 0.9) !important;}
.nhejihead .tit.fix a{color:#222}
.nhejihead .tit.fix h3{color:#222}
.nhejihead .tit a{display:block;width:.4rem;height:.8rem;margin-right: .1rem;float: left;color:#fff}
.nhejihead .tit h3{float: left;color:#fff;font-size:.32rem;width:60%;font-weight:normal}
.nhejihead .dbg{width: 100%;height: .6rem;background: #000;opacity: 0.7;display: block;overflow: hidden;position: absolute;left: 0;bottom: 0;z-index: 1;padding:.3rem;}
.nhejihead marquee{width:68%;color:#fff;height:.6rem;position: absolute;left:.3rem;bottom:.3rem;z-index:2}
.nhejihead .look{display: block;width:20%;height:.48rem;line-height:.48rem;background-color: #ff9900;color:#fff;position: absolute;right:.3rem;bottom:.4rem;text-align: center;border-radius:.04rem;z-index:2}

#nlookdialog{display:none;position:fixed;background-color:rgba(0,0,0,.5);top:0;left:0;right:0;bottom:0;z-index:10001;color:#333;overflow:hidden;}
#nlookdialog .box{background-color:#fff;margin:50% auto;width:80%;min-height:1rem;border-radius:.1rem;padding:.3rem .3rem .3rem;position: relative;}
#nlookdialog .box .close{position: absolute;right:-0.16rem;top:-0.16rem;font-weight:bold;display: block;width:.4rem;height:.4rem;background-color: #ddd;color:#fff;border-radius:.4rem;text-align: center;line-height:.4rem}
#nlookdialog .box .con{font-size:.28rem;line-height:.44rem;color:#555}


.nhejitags{padding:.22rem .3rem .3rem;height: .46rem;position:relative;background-color: #fff;overflow:hidden;}
.nhejitags.fix{width: 100%;background: #fff;position: fixed;top: .8rem;z-index: 100;box-shadow:0px 0px 10px 0px #999}
.nhejitags .list{ overflow-x:auto;overflow-y:hidden;white-space: nowrap;height: 1rem;-webkit-overflow-scrolling: touch; }
.nhejitags .list a{ display: inline-block; border: 1px solid #ff9900; border-radius: .5rem; font-size: .24rem; color: #ff9900; height: .5rem; line-height:.5rem; padding: 0 .48rem; margin-right: .16rem; }
.nhejitags .list a:nth-child(4n+1){border: 1px solid #ff9900;color: #ff9900;}
.nhejitags .list a:nth-child(4n+2){border: 1px solid #339933;color: #339933;}
.nhejitags .list a:nth-child(4n+3){border: 1px solid #08a133;color: #08a133;}
.nhejitags .list a:nth-child(4n+4){border: 1px solid #33CCCC;color: #33CCCC;}