/**  
 * @Description: the stylesheet  ����˵
 * @authors: hanjw (han.jingwei@fengniao.com)
 * @date:    2015-09-06 16:03:47
 * @version: 1.0
 */ 
 
/*reset*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0; padding:0;} 
ul,ol{list-style:none outside none;}
body{font:normal 12px/1.5 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1'; color:#333;}
select,input,button{vertical-align:middle; font-size:100%;}
fieldset,img{border:0 none;}
em{font-style:normal;}
.clear{clear:both; display:block; height:0; visibility:hidden; font:0/0 arial;}
.clearfix:after{content:"."; display: block; height: 0; clear: both; visibility: hidden; font-size:0;}
.clearfix {*zoom:1;} 

/* global */ 
.wrapper{width: 1200px; margin: 0 auto;}
.main{float: left; width: 820px;}
.aside{float: right; width: 340px;}
a{color: #333; text-decoration: none;}
a:hover{color: #f8dc0f; text-decoration: underline;}

/* bg */
.header .logo-box strong, .section .section-header .section-title .icon,
.pic-list .num, .subscribe-box .subscribe-icon
{background: url(../images/fengniaoSpeak-bg.png) no-repeat;}

/* header */
.header{height: 88px; border-bottom: 2px solid #ddd; background: #fcfcfc;}
.header .logo-box strong{float: left; width: 112px; height: 87px; overflow: hidden; margin: 0 30px 0 0; background-position: -56px -145px; text-indent: -999em;}
.header .logo-box h3{height: 38px; overflow: hidden; padding: 9px 0 0 4px; font: normal 26px/38px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';} 
.header .logo-box span{display: block; float: left; height: 16px; overflow: hidden; padding: 5px 4px; background: #f8dc0f; font: normal 16px/16px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1';}

/* nav-box */
.nav-box{position: relative; width: 1200px; height: 68px; overflow: hidden; margin: -2px auto 0;}
.nav-box li{position: relative; float: left; height: 56px; padding: 4px 0 0;}
.nav-box li a{display: block; margin: 16px 0 0; padding: 0 35px; border-left: 1px solid #d7d7d7; color: #666; font-size: 20px; line-height: 26px;}
.nav-box li a:hover{color: #f8dc0f;}
.nav-box li .arrow-icon{display: none; position: absolute; top: 0; left: 50%; width: 0; height: 0; overflow: hidden; margin: 0 0 0 -7px; border: 7px solid #fff; border-top: 7px solid #f8dc0f; font: 0/0 arial;}
.nav-box li:first-child a{border-left-color: #fff;}
.nav-box li:hover, .nav-box .current{padding-top: 0; border-top: 4px solid #f8dc0f;}
.nav-box li:hover a, .nav-box .current a{color: #f8dc0f;}
.nav-box li:hover .arrow-icon, .nav-box .current .arrow-icon{display: block;}
.nav-box li:hover a{text-decoration: none;}
.nav-box .goback{float: right; margin: 20px 0 0; color: #666; font-size: 20px; line-height: 26px;}
.nav-box .goback:hover{color: #f8dc0f;}

/* page-box */
.page-box{padding: 44px 0 0; text-align: center;}
.page-box a{display: inline-block; height: 18px; overflow: hidden; margin: 0 2px; padding: 14px 18px; border: 1px solid #eaeaea; color: #666; font-size: 18px; line-height: 18px; vertical-align: middle;}
.page-box .prev-page,.page-box .next-page{padding: 14px 21px;}
.page-box a:hover{border-color: #eaeaea; background: #f3f3f3; color: #666; text-decoration: none;}
.page-box .selected,
.page-box .selected:hover{border-color: #f8dc0f; background: #f8dc0f; color: #fff; text-decoration: none;}

/* newset-box */
.newset-box{position: relative; height: 475px; width: 820px; overflow: hidden; margin: 5px 0 0;}
.newset-box .pic{display: block;}
.newset-box .pic img{vertical-align: top;}
.newset-box .pic-title{display: block; height: 64px; border-bottom: 1px solid #f0f0f0; background: #f0f0f0; font-size: 20px; line-height: 64px; text-align: center;}
.newset-box .pic-tag{display: block; position: absolute; top: 335px; left: 0; float: left; height: 28px; padding: 12px 18px; background: #f8dc0f; color: #333; font-size: 28px; line-height: 28px;}

/* pic-list */
.pic-list{margin: 0 -20px 0 0;}
.pic-list .pic-item{float: left; width: 400px; margin: 0 20px 0 0; padding: 14px 0 6px; color: #888; font-size: 14px; line-height: 24px}
.pic-list .pic-item .pic{display: block; font: 0/0 arial;}
.pic-list .pic-item img{vertical-align: top;}
.pic-list .pic-title{display: block; height: 24px; margin: 14px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-list .pic-tag{display: block; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-list .num{float: right; padding: 0 0 0 28px; background-position: 0 -176px;}
.more-pics{display: block; height: 20px; margin: 30px 0 0; padding: 10px 0; background: #f8dc0f; font-weight: bold; font-size: 20px; line-height: 20px; text-align: center;}
.more-pics:hover{color: #333;}

/* past-box */
.past-box{position: relative; width: 1200px; overflow: hidden; margin-top: -9px;}
.past-box .pic-list{min-height: 610px;}
.past-box .pic-item{width: 288px; margin-right: 16px; font-size: 12px;}



/* section */
.section{margin-top: 22px; overflow: hidden;}
.section .section-header{padding: 18px 0; border-bottom: 1px solid #ddd;}
.section .section-header .section-title{float: left; height: 20px; padding: 0 0 2px 13px; border-left: 4px solid #f8dc0f; color: #666; font-size: 20px; line-height: 20px; line-height: 22px/8;}
.section .section-header .section-title .icon{float: right; width: 26px; height: 25px; margin: -1px 0 0 17px; background-position: 0 -140px;}

/* aside > section */
.aside .section .section-header{padding: 15px 0;}

/* hot-section */
.hot-section{}
.hot-section .pic-list{padding-top: 1px;}
.hot-section .pic-list .pic-item{width: 340px; padding: 12px 0 0;}
.hot-section .pic-list .pic-title{margin-top: 12px;}

.aside .hot-section{margin-top: 0;}
.aside .hot-section .section-header{padding-top: 4px;}

/* subscribe-box */
.subscribe-box{height: 500px; margin: 42px 0 0; border-top: 1px solid #f0f0f0; background: #f0f0f0;}
.subscribe-box .QR-Code{display: block; position: relative; width: 180px; height: 180px; margin: 46px auto 0; border: 2px solid #e99335;}
.subscribe-box .QR-Code .text{position: absolute; left: 50%; bottom: -12px; width: 76px; height: 24px; margin: 0 0 0 -38px; background: #f0f0f0; font: normal 14px/24px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1'; text-align: center;}
.subscribe-box .subscribe-icon{display: block; width: 150px; height: 130px; overflow: hidden; margin: 37px auto 0; background-position: 0 0;}
.subscribe-box .subscribe-button{display: block; width: 180px; height: 20px; margin: 20px auto 0; padding: 13px 0; background: #f8dc0f; font-size: 20px; line-height: 20px; text-align: center; cursor: pointer;}
.subscribe-box .disable-button{background: #e2cf94; cursor: text;}

/* footer */
.footer{margin-top: 57px; background: #f8f8f8;}
.foot{border-top: 1px solid #ccc;background-color: #f8f8f8;color: #333; line-height: 23px;padding:15px 0 20px; text-align: center;margin: 30px 0 0 0;}
.foot a{ color: #333333; margin: 0 10px;}
.foot .copyright{padding: 20px 0 0;}
.foot .link{font-size: 14px;color: #ccc;}

/* ·µ»Ø¶¥²¿ 
.return-top{display: none;position: fixed;bottom:100px;right:20px;text-align: center;color: #999;width: 60px;height: 90px;padding-top: 70px;background: url(http://icon.fengniao.com/article/2015/images/top.png) no-repeat 0 0;}
*/