﻿/*文学园地 2018-03-02*/ 
.famous{ width:65.5%; float: left; margin-right: 3.5%;}
.famous_info{}
.famous_info dt{ width: 252px; float: left; margin-right: 5.34%;}
.famous_info dt img{ display:block;}
.famous_info dd{ overflow:hidden;}
.famous_txt{ padding-bottom: 20px; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px;}
.famous_txt h4{ font-size:18px; margin-bottom: 15px;}
.famous_txt h4 a{ display:block;}
.famous_des{ text-indent: 28px; color:#888; line-height: 23px; max-height: 92px; overflow: hidden;}
.famous_rec{ font-size:16px; margin: -6px 0;}
.famous_rec li a{ display: block; position: relative; padding:6px 0 6px 20px;font-size:16px;}
.famous_rec li a::before{ content: ""; position: absolute; top:50%; left:0; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; border:2px solid #e3e3e3; box-sizing: border-box;}
.famous_rec li a span{ display: inline-block; padding-right: 10px; margin-right: 10px; color:#195aa4; position: relative;}
.famous_rec li a span::before{ content: ""; position: absolute; top:50%; right:0; width: 1px; height: 16px; margin-top: -8px; background: #ccc;}
.famous_rec li a:hover::before{ border-color:#e30b20;}
.famous_rec li a:hover span{color:#e30b20;}
/*kan*/
.wenxue01_r{overflow:hidden;}
.kan{ background: #f8f8f8; padding: 20px; margin-bottom: 10px; }
.kan h3{ margin-bottom:10px;}
.kan h3 img{ display: block;}
.kan_list{ margin: -5px 0;}
.kan_list li{ padding: 5px 0;}
.kan_list li:first-child{ font-weight: bold;}
.kan_list li a{ display: block; height:26px; line-height:26px; position: relative; padding-left: 14px;z-index:1;}
.kan_list li a::before{ content:""; position: absolute; top:50%; left:0; margin-top: -2px; width: 3px; height: 3px; background: #d1d1d1;}
.kan_list li a:hover::before{ background: #e30b20;} 
.wenxue_huodong01,.wenxue_huodong01 img{ display:block;}
/*主要文学期刊*/
.title_01 .wxqk{font-family:"微软雅黑", Microsoft YaHei,arial; position: relative; display: inline-block;height:30px; margin-left:12px;z-index:999;}
.wxqk strong{font-style:normal; font-weight: normal;font-size:14px;width:120px; display: inline-block;height:30px;line-height:30px;border:1px solid #195aa4; border-radius:20px; background: url(../img/wxqk.png) no-repeat 100px center;padding-left:10px; cursor: pointer;color:#195aa4;}
.wxqkCont{ position: absolute;top:40px;left:0;width:500px;height:350px;padding:10px; overflow-y: scroll;background: #fff;border:1px solid #1358a6; border-radius: 5px;}
.wxqkCont ul li{ text-align: left;width:150px; float: left;}
.wxqkCont ul li a{font-size:14px;padding-left:10px; font-weight:normal;height:30px;line-height:30px; display: block;font-family:"宋体"}
.wxqkCont{ display: none;}
.wxqkCont_show{ display: block;}
.wxqk .wxqkBtn_active{background: url(../img/wxqk02.png) no-repeat 100px center;}
/*bao*/
.bao{ margin-top: -20px;}
.bao li.bao_li{ overflow:hidden; padding: 30px 0; border-bottom: 1px dashed #dbdbdb;}
.bao li:nth-last-of-type(1){border:none;}
.bao_block{ width:65.5%; float: left; margin-right: 3.5%;}
.bao_block a img{ display:block; float: left; width:176px; height: 132px; margin-right: 5.34%;}
.bao_info{ overflow:hidden;}
.bao_info h4{ font-size:16px; margin-bottom: 15px;}
.bao_des{ color:#888; line-height: 23px; max-height: 92px; overflow: hidden;}
.bao_related{ overflow:hidden; padding: 0 20px;z-index:1;}
.bao li.bao_li:hover{ background:#f8f8f8;}
/*platform*/
.platform{ width:65.5%; float: left; margin-right: 3.5%;}
.platform_box{ margin-top:-15px;}
.platform_block{ padding: 13px 0; border-bottom: 1px solid #fff;}
.platform_block dt{ display: inline-block; float:left; padding: 4px; background: #f8f8f8; border-radius: 14px; margin-right: 20px;}
.platform_block dt img{ display:block;}
.platform_block dd{ overflow:hidden;}
.platform_list{ margin: -5px -20px;}
.platform_list li{ width:50%; float:left; padding: 5px 20px;}
.platform_list li a{ display:block; position: relative; padding-left: 14px; height:26px; line-height:26px;}
.platform_list li a::before{ content:""; position: absolute; top:50%; left:0; margin-top: -2px; width: 3px; height: 3px; background: #d1d1d1;}
.platform_list li a:hover::before{ background: #e01329;} 
.platform_list li a em{ display:block; float: right; font-size: 12px; color: #888; margin-left: 10px;}
.platform_list li a span{ display:block; overflow: hidden;}
/*writers*/
.writers{overflow:hidden;}
.writers_tit span{ border-bottom-color: transparent;}
.writers_list{border:1px solid #ebebeb; border-top:none; margin-top: -20px;}
.writers_item{ font-size: 14px; height: 55px; line-height: 55px; border-bottom: 1px solid #ebebeb; font-weight: normal;}
.writers_item.current{ border-bottom-color: transparent; font-weight: bold;}
.writers_item a em{ display: block; float: left; width: 60px; height: 55px; text-align: center; font-size: 20px; font-style: italic; color: #888; font-family: "宋体",SimSun; font-weight: bold; position: relative; -webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.writers_item a em i{ position: relative; z-index: 2;}
.writers_item a em::before{ content:"";position: absolute; top:0; left:0; z-index: 1; width: 0px; height: 100%; background-color: #195aa4; }
.writers_item:nth-of-type(1) a em,.writers_item:nth-of-type(2) a em,.writers_item:nth-of-type(3) a em{ color:#195aa4;}
.writers_item a span{ display: block; overflow: hidden; padding-right: 10px;}
.writers_item.current{ border-bottom-color: transparent;}
.writers_item.current a em{ margin-right: 8px; color: #fff;}
.writers_item.current a em::before{ width:100%;}
.writers_info{ display:none; background: #f8f8f8; border-bottom: 1px dashed #ebebeb; position: relative;}
.writers_info:last-child{ border-bottom:none;}
.writers_info a::before{content: ""; width:19px;height:9px; background: url(../img/wxqk03.png) no-repeat; position: absolute;top:0;right:10%;z-index:999;}
.writers_des{ padding:10px 20px; color: #888;}
.writers_des p{ line-height: 23px; max-height: 69px; overflow: hidden;}
 /*stationer*/
.stationer{ overflow: hidden; margin-bottom: -20px;}
.stationer_list{margin: -25px -20px; position: relative;}
.stationer_list::before{ content: ""; position: absolute; bottom: 0; left:0; z-index: 1; width: 100%; height: 1px; background: #fff;}
.stationer_list li{ width:33.33%; float: left; border-bottom: 1px dashed #dedede; border-left: 1px dashed #dedede; position: relative;padding:30px 20px;}
.stationer_list li a img{ display:block; float: left; width: 90px; height: 90px; border-radius: 50%; margin-right: 15px;}
.stationer_info{ overflow:hidden;}
.stationer_info h4{ font-size:16px; margin: 5px 0;}
.stationer_des{ color: #888; line-height:23px; max-height: 46px; overflow: hidden;} 
.stationer_list li::before{ content: ""; position: absolute; bottom:-5px; right:-5px; z-index: 2; width:10px; height:10px; background: url(../img/writers_02.png) center center no-repeat; display: none;}
.stationer_list li:first-child::before{ display:block;}
.stationer_list li:last-child::before{ display:block; bottom: auto; right:auto; left:-5px; top:-5px;}


.famous_rec,.kan_list li:first-child{ font-family:"微软雅黑", Microsoft YaHei,arial;font-size:15px;}

/*css控制单行显示*/
.famous_txt h4 a,.famous_rec li a,.kan_list li a,
.bao_info h4,.platform_list li a span,
.writers_item a span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
 



@media only screen and (max-width: 991px){
	/*文学园地*/
	.platform_block dt{ float:none; margin-right: 0; margin-bottom: 10px;}
	.stationer_list li{ width:50%;}
} 

@media only screen and (max-width: 767px){
	/*文学园地*/
	.famous,.bao_block,.platform{ width:100%; float: none; margin-right: 0;} 
	/*famous*/
	.famous{ margin-bottom: 30px;}
	.famous_info dt{ width:50%; max-width: 252px; float: none; margin: 0 auto 20px;}
	.famous_txt h4{ font-size:16px; margin-bottom: 10px;}
	
	/*platform*/
	.platform{ margin-bottom: 30px;}
	.platform_list li{ width:100%;}
	/*bao*/
	.bao li.bao_li{ padding: 20px 0;}
	.bao_block{ margin-bottom: 20px;}
	.bao_related{ padding:0;}
	.bao_block a img{ width:126px; height: 95px;}
	.bao_info h4{ font-size:14px; margin-bottom:5px;}
	.bao_des{ max-height: 68px;}
	/*stationer*/
	.stationer_list{ margin:-20px;}
	.stationer_list li{ width:100%;}
	.stationer_list li a{ padding:0;}
	
	.writers_info a::before{right:15%;}
	.wxqkCont{width:170px;}
}  


/*图片由小变大*/
.bao_block a img,.stationer_list li a img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    max-width: 100%;
    /*position: relative;*/
}

.bao_block:hover a img,.stationer_list li:hover a img{
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

