@charset "utf-8";
/* CSS Document */

.tab-contain{
    margin: 50px auto;
    width: 1000px;
    padding:100px;
    background: #7F7D7D;
}
#tabs {
    overflow: hidden;
    width:12%;
    margin: 0;
    padding:6px 0;
	margin-top:14px;
    list-style: none;
	  background:#f6f6f6;
	  border-top:#ff9956 3px solid;
}
.tab2{width:15%;}
.paddingjia{ padding-right:60px;}
#tabs li {
    margin: 0;
	height:50px;
  line-height:50px;
  padding-left:34px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 1px;
}
#tabs .t2{
    margin: 0;
	height:50px;
  line-height:50px;
  padding-left:0px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 1px;
  text-align:center;
}
#tabs li a {
    padding:10px 32px;
    text-decoration: none;
    color: #444;

}


#tabs .t2 a {
    padding:6px 12px;
    text-decoration: none;
    color: #444;
	
}
#tabs .t2 a:hover{
   background:#F63;
   color:#fff;
	
}
.nav-a{ background:url(../images/icon/nav-a.png) no-repeat 32px 18px;}
.nav-b{ background:url(../images/icon/nav-b.png) no-repeat 30px 20px;}
.nav-c{ background:url(../images/icon/nav-c.png) no-repeat 32px 18px;}
.nav-d{ background:url(../images/icon/nav-d.png) no-repeat 32px 18px;}
.nav-e{ background:url(../images/icon/nav-e.png) no-repeat 32px 16px;}
.nav-f{ background:url(../images/icon/nav-f.png) no-repeat 33px 18px;}
#tabs .current a{
    outline: 0;
	color:#ef7249;
    z-index: 4;
}
.hoverItem a{
/*    background: #ffd2b5;*/
}
#content {
	width:86%;
    background: #fff;
	margin-left:24px;
	margin-top:14px;
	height:100%;
	min-height:720px;
    position: relative;
}
.item{display: none;}
/*文章类*/
.textbox{ margin-bottom:20px; padding-bottom:24px; overflow:hidden; border-bottom:#e7e7e7 1px solid; }
.no-bt{border-bottom:none; }
.art-tit{ width:74%;}
.art-tit h3{ color:#333333; font-size:18px; font-weight:500;}
.art-tit p{ color:#5c5c5c; font-size:14px; font-weight: normal;margin-top: 12px; line-height:30px;word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.art-tit .othertit{ margin-top:20px;}
.art-tit .othertit h5{ color:#999999;  font-size:14px;font-weight: normal;}
.art-tit .othertit a{ width:104px; height:28px; line-height:28px;background:url(../images/text.png) no-repeat; color:#fff; font-size:14px;font-weight: normal; text-align:right; cursor:pointer;}
.art-tit .othertit a:hover{ width:104px; height:28px; line-height:28px;background:url(../images/text.png) no-repeat; color:#fff; font-size:14px;font-weight: normal; text-align:right;}
/*诗歌类*/
.poembox01{ width:100%; min-height:1080px; background:#fff7fb url(../images/bg-bt01.png) bottom no-repeat; margin-bottom:20px; padding-bottom:126px;}
.poembox02{ width:100%; min-height:1080px; background:#f6f9fe url(../images/bg-bt02.png) bottom no-repeat; margin-bottom:20px; padding-bottom:126px;}
.poembox05{ width:100%; min-height:1080px; background:#fcfcfe url(../images/bg-bt05.png) bottom no-repeat; margin-bottom:20px; padding-bottom:126px;}
.poem{width:100%; padding:20px 0;  color:#001a34; background:url(../images/bo-bot.png) no-repeat top;}
.p-top01{ background:url(../images/bg-top01.png) no-repeat top; min-height:px;}
.p-top02{ background:url(../images/bg-top02.png) no-repeat top; min-height:px;}
.p-top05{ background:url(../images/bg-top05.png) no-repeat top; min-height:px;}
.pink{ color:#bb3b69;}
.poem h3{ font-size:24px; font-family:"方正仿宋_GBK"; font-weight:600; text-align:center; margin-top:50px;}
.poem h4{font-size:12px; font-family:"微软雅黑";text-align:center; margin-top:18px;}
.poem h5{font-size:14px; font-family:"微软雅黑";text-align:center; margin-top:18px;}
.poem h6{font-size:16px; font-family:"微软雅黑";text-align:center; margin-top:18px;}
.poem .p1{ font-size:18px; font-family:"方正仿宋_GBK";font-weight:600; line-height:32px;text-align:center;margin-top:21px;}
.poem b{ font-size:12px; }
.poem .p2{ font-size:12px; font-family:"微软雅黑";text-align:left;line-height:20px; width:536px; margin:10px auto;}
.poem .p3{ width:700px; font-size:18px; font-family:"方正仿宋_GBK";font-weight:600; line-height:32px;text-align:left; margin:0 auto; margin-top:21px;text-indent: 2em;}
/*童话类*/
.th-box{ width:px; }
.th-box a{float:left; margin:0 10px 10px 0;}
.tsong{ margin-left:0px; background:#F6F6F6; padding:10px; padding-left:30px;}
.tsong h3{font-size:16px; font-family:"微软雅黑"; font-weight:normal; color:#333; text-align:left; border-left: 3px solid #ef7448; padding-left:10px; margin-left:-18px; margin-top:4px;}
.tsong ol{ width:180px; font-size:14px; font-family:"微软雅黑"; font-weight:normal; text-align:left; line-height:42px; margin-top:10px; }
.tsong ol a{ float:left; width:180px;height:42x; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; 
}
.tsong ol span{ float:right; margin-left:16px; text-align:right;}

/*更多类*/
.sj-more-box{ overflow:hidden;height:60px; background-color:#f7f7f7; margin-bottom:10px;}
.sj-more{ display:block;width:111px; height:34px; margin:13px auto;background: url(../images/sj-more.png) no-repeat; color:#FFF;
font: 14px/34x "Microsoft Yahei";
overflow: hidden;
text-align: center;
border-radius:14px;
cursor:pointer;
}
.sj-more:hover {
    background-color: #;
    color: #;}


.p-a{width:200px; padding:24px; padding-bottom:10px; float:left; margin-right:10px; margin-bottom:10px; background:#F3F3F3;}
.p-more{width:200px; height:305px; padding:24px; float:left; margin-right:10px; margin-bottom:10px; background:#F3F3F3;}
.p-a img{ width:200px; height:271px;}
.p-a h4{margin:8px 0px; margin-top:22px;
font-size: 16px;
color: #1f1f1f;
text-align:center;
font-weight: 300;
 width:200px;  
display: block;  
overflow: hidden;  
white-space: nowrap;  
text-overflow: ellipsis;
}
.p-a:hover{ background:#fce2c9;}
.p-more:hover{ background:#fce2c9;}
.p-a:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.p-more:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.show{
    display: block;
}12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
JS:
 $(function(){
     $('#tabs a').click(function(e) {
          e.preventDefault();                
          $('#tabs li').removeClass("current").removeClass("hoverItem");
          $(this).parent().addClass("current");
          $("#content div").removeClass("show");
          $('#' + $(this).attr('title')).addClass('show');
      });

     $('#tabs a').hover(function(){
        if(!$(this).parent().hasClass("current")){
          $(this).parent().addClass("hoverItem");
        }
     },function(){
        $(this).parent().removeClass("hoverItem");
     });
  });