<section class="body" id="index_body">{include h}
{include forum_thread_header}
<!--{hook t_m_forum_thread_1}-->
<section class="body" id="index_body">
<!--{hook t_m_forum_thread_2}-->
<div style="padding-bottom: 5px;position: relative;">
<!--{hook t_m_forum_thread_3}-->
<style>
			*{
			margin:0;
			 padding:0; 
			 list-style:none; 
			 }	
			 /* 背景图*/
			.warp{    
			width:100%; 
			height:250px; 
			overflow:hidden; 
			margin: -30px auto 0 auto;
						background:url("{#WWW}upload/toubu/forum{php echo forum($forum,$fid,'id');}.png") 0 0 no-repeat; 
						    background-size: cover;
			}
			/* 头像框 */
			.warp .avaSpan{
			display:block; 
			float:left; 
			width:70px; 
			height:70px;
			 border: 2px solid #fff; 
			 border-radius:4px;
			  text-align:center; 
			  margin: 15px 20px 75px 15px;
			  }
			  /* 头像 */
			.warp .avaSpan img{
			width:70px; 
			height:70px;
			 border-radius:50%;
			     padding: 1px 3px 3px 0px;
			 }
			 /* 全部纹字 */
			.warp .DL{
			display:block; 
			overflow:hidden;
			 color:#fff;
			  float: left; 
			  margin: 26px 0 0 0;
			  }
			  /* 板块名 */
			.warp .DL dt{
    font-family:helvetica,arial,sans-serif;   
    font-weight:bold;
    text-shadow:0.1em 0.1em 0.3em black;  
		 color:#fff;
   font-weight:bold;
			font-size:15px;
			line-height:25px;
			padding:10px 0 5px 0;
			}
			/* 小字部分 */
			.warp .DL dd{
			font-siize:18px;
			 line-height:25px;
			 }
				
.warp .btn_a:active {          
			display:block;
			 float:right;
			  width:70px;
			   line-height:30px; 
			   color:#fff; 
			   text-align:center;
			    border-radius:50px; 
				background-color:#dc143c; 
				text-decoration:none; 
				margin: 100px 28px 0 0;
}
				/* 底部框 */
			.UL{
			display:block; 
			overflow:hidden; 
			width:100%; 
			margin: 0 auto; 
			border-bottom:2px solid #ddd;
	 /*box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2); */
    border-bottom: 2px solid #FFF;
    background-color: white;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
			}
			.UL li{
			display:block; 
			float:left; 
			width:25%;
			}
			.UL li + li{
			width:25%; 
			border-left:1px solid #ddd;
			}
			.UL li a{
			display:block;
			 text-align:center;
			  line-height:30px; 
			  color:#666; 
			  text-decoration:none;
			  }
			.UL li a:hover{
			background-color:#f0f0f0;
			 color:#000;
			 }
			 .UL li a.active{
			 	background: #666;
			 	color: white;
			 }
			 .bnakuaip {
    position: relative;
    top: 80px;
	    width: 100%;
}
.warp-bnakuaip-B {
    color: white;
    position: relative;
    top: 50px;
	font-size: 16px;
}
.warp-bnakuaip-A {
    position: relative;
    top: 30px;
}
.Select-caret {
    position: absolute;
    color: #7089a9;
    left: 10px;
    top: 9px;
    width: 8px;
}
.warp-bnakuaip-D {
    /* position: relative; */
    /* top: 10px; */
    margin-top: 10px;
}
img.qztx {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}
		</style>
		<div class="warp" >
		<div class="bnakuaip">
			<div class="warp-bnakuaip-A"><span class="avaSpan"><img src="{#WWW}upload/toubu/tubiao{php echo forum($forum,$fid,'id');}.png"/></span></div>
			<div class="warp-bnakuaip-B">
				<dd>主题: {$forum[$fid]['threads']}&nbsp&nbsp&nbsp&nbsp&nbsp回帖: {$forum[$fid]['posts']}</dd>
				<dd style="margin-top:20px;font-size: 12px;">{php echo forum($forum,$fid,'html');}</dd>
				<div class="warp-bnakuaip-D">
</div>
			</div>
		</div>
		</div>
<ul class="UL">
<li><a href="{php HYBBS_URL('forum',$fid.EXP.'new');}">默认</a></li>
<li><a href="{php HYBBS_URL('forum',$fid.EXP.'btime');}" selected="">新帖</a></li>
<li><a href="{php HYBBS_URL('forum',$fid.EXP.'bviews');}" selected="">热门</a></li>
<li><a href="{php HYBBS_URL('forum',$fid.EXP.'bhot');}" selected="">精华</a></li>
		</ul>
    <!--{hook t_m_forum_thread_4}-->
  <!--{hook t_m_forum_thread_7}-->
<!--{hook t_m_forum_thread_99}-->
	<div class="zhiding">
	<ul class="yopb" style=" font-size: 13px;padding: 10px;" >
	{foreach $top_list as $v}
	{include thread_lit}
	{/foreach}
	{foreach $top_f_data as $v}
	{include thread_lit}
	{/foreach}
</ul>
	</div>
	<list id="forum-list">
	{foreach $data as $v}
	<!--{hook t_m_forum_thread_9}-->
	{include thread_list}
	<!--{hook t_m_forum_thread_10}-->
	{/foreach}
	</list>
  <!--{hook t_m_forum_thread_11}-->
  <div class="hy-box hy-bo-t" style="padding:10px;text-align: center;">
    <a href="{if $pageid==1}javascript:void(0);{else}{php HYBBS_URL('forum',$fid,[$type=>$pageid-1]);}{/if}" class="hy-btn hy-btn-blu1 l {if $pageid==1}disabled{/if}">{$_LANG['上一页']}</a>
    <span class="Select" style="    margin: 0 auto;">
    <?php $tmp = ($forum[$fid]['threads']%$conf['forumlist']) ?(intval($forum[$fid]['threads']/$conf['forumlist'])+1) : intval($forum[$fid]['threads']/$conf['forumlist']) ; ?>
      <select class="Select-input FormControl">
        {for $i=($pageid-5 < 1) ? 1 : $pageid -5; $i< (($pageid + 5 > $tmp) ? $tmp+1 : $pageid + 5) ; $i++}
          <option value="{php HYBBS_URL('forum',$fid,[$type=>$i]);}" {if $pageid == $i}selected{/if}>{$_LANG['第']} {$i} {$_LANG['页']}</option>

        {/for}
      </select>
          <script type="text/javascript">
          $(".FormControl").change(function(){
              window.location.href = $(this).val();
          })
          </script>
    </span>
    <a href="{if $pageid==$page_count}javascript:void(0);{else}{php HYBBS_URL('forum',$fid,[$type=>$pageid+1]);}{/if}" class="hy-btn hy-btn-blu1 r {if $pageid==$page_count}disabled{/if}">{$_LANG['下一页']}</a>
    <div style="clear: both;"></div>
  </div>
  
</div>
</section>
<script type="text/javascript">
    $(function(){
            $(window).scroll(function(){
                
                if(this.scrollY > 20  ){
                    $(".hy-header").css('background','rgb(83, 188, 245)');
                    $(".hy-header").addClass('header_shadow');
                    $(".hy-header-title,.hy-header .icon").css("cssText","color: #fff !important");
                }else{
                    $(".hy-header").css('background','rgba(0, 0, 0, 0)');
                    $(".hy-header").removeClass('header_shadow');
                    $(".hy-header-title,.hy-header .icon").css("cssText","color: #fff");
                        
                }
                
            });
            

        })
    
</script>
<style media="screen" type="text/css">
.zhiding {
    clear: both;
    margin-top: 10px;
    padding: 0 0.34rem;
    border-bottom: 1px solid #d4d9de;
    background-color: white;
    width: 100%;
    margin-bottom: 10px;
}
.zhidingx {
    border-bottom: 1px solid #d4d9de;
    padding: 10px;
    color: #212222;
}
h2.qzztbtt {
    font-weight: 400;
    font-size: 15.5px;
}
</style>
{include f}