【133联武神坛】服战爆料
<style type="text/css">/*参数*/
.jnh{background:#fff no-repeat top center;background-size:100% auto;padding-top:30%;padding-bottom:50px;margin:0 auto;}
.jnh_header{overflow:hidden; margin:10px;}
.jnh_nav{border-radius:10px;overflow:hidden;border:1px rgba(0,0,0,.2) solid;border-bottom:0;border-right:0;margin:0 0 10px}
.jnh_nav ul{margin:0;text-align:center;overflow:hidden}
.jnh_nav ul li{float:left;height:50px;list-style:none;margin:0;box-sizing:border-box;border:1px rgba(0,0,0,.2) solid;border-left:0;border-top:0;box-shadow:inset 0 0 5px rgba(256,256,256,.2)}
.jnh_nav ul li a{font-size:20px;text-decoration:none;line-height:50px;display:block;text-align:center}
.jnh_nav ul li a:hover,.jnh_current a{background:rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.4)}
.wst_101menu{border-radius:5px;padding:18px;line-height:1.7em}
.wst_101menu p{color:#333}
/*美化*/
.jnh{background-image:url(https://xyq-f.netease.com/forum/201707/11/150410fnnnzm9n9zh9n9mf.jpg)}
.jnh_nav{background:#008dcb;}
.wst_101menu h1{font-size: 40px;font-weight: 700;color: #008dcb;text-align: center;background: url(https://xyq.res.netease.com/pc/zt/20170613225926/images/title_344ee9a.png) no-repeat center bottom;line-height: 64px;margin-bottom: 33px;}
.wst_101menu h2{font-size:30px;color:#451c7c;font-weight:700;padding-left:78px;height:42px;margin-top:27px;line-height:42px;background:url(https://xyq.res.netease.com/pc/zt/20161230110159/images/title_icon_d1517e0.png) no-repeat}
.jnh_nav ul li a{color:#fff;}
.jnh_nav ul li a:hover,.jnh_current a{color:#beecff !important;}
/*尺寸*/
.jnh_nav ul li{width:25%;}
.jnh_body{margin:0 25px;}
/*内部*/
.tn-list{width:700px;margin:0 auto}
.tn-item{padding:15px 0;height:150px;;}
.tn-item:hover{background-color:#E3F5FF;padding:15px;margin:0 -15px}
.tn-image{float:left;width:200px;height:150px;box-shadow: 0 0 5px #ccc;background:#e8e8e8;overflow: hidden;text-align: center;}
.tn-image img{max-height:100%}
.tn-wrapper{float:right;width:480px;height:150px}
.tn-item dl{margin:0;height:117px;}
.tn-item dt{margin:0 0 10px 0;font-size:18px;height:26px;}
.tn-item dt a{font-size:18px;line-height:26px;font-weight: 700;text-decoration: overline;line-height: 1.1em;width:100%;display:block;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tn-item:hover dt a{color:#ff9d00;text-decoration:none}
.tn-item dd{font-size:14px;overflow:hidden}
.tn-item dd a{color:#666}
.tn-item dd a:hover{text-decoration:none;color:#666}
.tn-item .tn-extra .tn-user img {width:1em;}
@media screen and (max-width:1242px){.jnh_nav{background-color:#b93300!important;background-image:none}
.jnh_nav ul{width:100%;height:3rem}
.jnh_nav ul li{width:50%;height:1rem}
.jnh_nav ul li a{color:#fff!important}
.jnh_current a{color:#faf106 !important;background-image:none;background-color:none!important}
.tn-item{padding:15px;height:auto}
.tn-item:hover{margin:0}
.tn-image{float:none;}
.tn-wrapper{float:none;}
.tn-item dl,.tn-item dt,.tn-item dt a,.tn-image,.tn-wrapper{float:none;width:100%;height:auto;line-height:auto}
}
</style>
<div class="jnh">
<div class="jnh_header">
<div class="jnh_nav"><ul>
<li><a href="//xyq.netease.com/thread-4678153-1-1.html">直播解说</a></li>
<li><a href="//xyq.netease.com/thread-4678271-1-1.html">冠军竞猜</a></li>
<li><a href="//xyq.netease.com/thread-4678164-1-1.html">直播活动</a></li>
<li><a href="//xyq.netease.com/thread-4678161-1-1.html">服战前瞻</a></li>
</ul></div>
<div class="jnh_nav"><ul>
<li><a href="//xyq.netease.com/thread-4678155-1-1.html">分组名单</a></li>
<li><a href="//xyq.netease.com/thread-4678156-1-1.html">甲组报名图</a></li>
<li class="jnh_current"><a href="//xyq.netease.com/thread-4678165-1-1.html">服战爆料</a></li>
<li><a href="//xyq.netease.com/thread-4678158-1-1.html">精彩回顾</a></li>
</ul></div>
</div>
<div class="jnh_body">
<div class="wst_101menu">
<h1>服战爆料</h1>
<div class="tn-list">
<div class="tn-item clearfix">
<div class="tn-image">
<a href="//xyq.netease.com/thread-4682392-1-1.html" target="_blank">
<img src="https://xyq-f.netease.com/forum/201708/16/070805z7ear4aeq6xrzejr.jpg" style="display: inline;">
</a>
</div>
<div class="tn-wrapper">
<dl>
<dt>
<a href="//xyq.netease.com/thread-4682392-1-1.html" target="_blank">
小梅沙原服战队指挥陈皮皮宣传重新组建战队
</a>
</dt>
<dd>
<p>小梅沙原服战队指挥陈皮皮宣传重新组建战队</p>
</dd>
</dl>
</div>
</div>
</div>
<div class="tn-list">
<div class="tn-item clearfix">
<div class="tn-image">
<a href="//xyq.netease.com/thread-4683421-1-1.html" target="_blank">
<img src="https://xyq-f.netease.com/forum/201708/18/071304bywa5sa0v55a9k9d.jpg" style="display: inline;">
</a>
</div>
<div class="tn-wrapper">
<dl>
<dt>
<a href="//xyq.netease.com/thread-4683421-1-1.html" target="_blank">
西栅老街服战FC号转门派DF！传可能是力DF
</a>
</dt>
<dd>
<p>西栅老街 李子夜ㄨ </p>
</dd>
</dl>
</div>
</div>
</div>
<div class="tn-list">
<div class="tn-item clearfix">
<div class="tn-image">
<a href="//xyq.netease.com/thread-4682399-1-1.html" target="_blank">
<img src="https://xyq-f.netease.com/forum/201708/16/071602w2yl8szniil0yvii.jpg" style="display: inline;">
</a>
</div>
<div class="tn-wrapper">
<dl>
<dt>
<a href="//xyq.netease.com/thread-4682399-1-1.html" target="_blank">
流花湖服战神器LBC转门派力WZ
</a>
</dt>
<dd>
<p>流花湖服战神器LBC转门派力WZ</p>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
页:
[1]
