@charset "utf-8";
@import url('reset.css');
@import url('common.css');

/*显示形式 - 默认列表*/
.default{}
.default li{height:80px; padding:15px 10px; border-bottom:1px solid #ddd; overflow:hidden; display:block;}
.default li h3{height:37px; overflow:hidden;}
.default li h3 a{color:#222; font-size:14px; font-weight:bold; line-height:37px;}
.default li .con{line-height:18px; font-family:"宋体", serif; height:53px; overflow:hidden;}
.default li .con a{color:#555; font-size:14px;}
/*显示形式 - 主题列表*/
.theme{}
.theme .title{margin:30px 0; height:120px; overflow:hidden;}
.theme .title .tl-l{width:270px; overflow:hidden; text-align:center;}
.theme .title .tl-l img{height:120px;}
.theme .title .tl-r{width:475px;}
.theme .title .tl-r h3{height:18px; overflow:hidden; margin-bottom:15px;}
.theme .title .tl-r h3 a{font-size:14px; line-height:18px; color:#444;}
.theme .title .tl-r .con{color:#747273; font-family:"宋体", serif; line-height:20px;}
.theme .title .tl-r .con a{font-weight:bold;}
.theme li{height:90px; padding:15px 10px; overflow:hidden; display:block;}
.theme li .times{width:78px; height:86px; border-right:1px solid #b3b3b3; padding-right:16px; text-align:right; font-size:16px; color:#b3b3b3; font-family:Arial, sans-serif;}
.theme li .times h1{font-size:30px; height:38px; line-height:38px; overflow:hidden; margin-bottom:10px;}
.theme li .con{width:630px; font-size:12px; overflow:hidden; height:86px; overflow:hidden;}
.theme li .con a{color:#666; line-height:24px;}
.theme li .con h3{margin-bottom:10px; height:24px; overflow:hidden;}
.theme li .con h3 a{font-size:14px; color:#174747;}
/*显示形式 - 内容列表*/
.word{}
.word li{padding:20px 0; border-bottom:1px solid #ddd; display:block;}
.word li h3{color:#222; font-size:14px; font-weight:bold; height:37px; margin-bottom:10px;}
.word li h3 i{width:20px; height:20px; margin-right:5px;}
.word li .con{line-height:18px; font-size:12px; font-family:"宋体", serif; color:#555;}
.word li .con .tl{width:40px; font-weight:bold; color:#174747; display:inline-block; text-align:right; margin-right:5px;}
/*显示形式 - 图文列表*/
.pic{padding:0 0 10px;}
.pic li{margin:8px 5px 8px 6px; width:245px; height:214px; overflow:hidden; float:left;}
.pic li .imgs{display:block; height:184px; overflow:hidden;}
.pic li .imgs img{width:245px; height:184px;}
.pic li .title{height:30px; line-height:30px; display:block; color:#666; font-size:14px; text-align:center; overflow:hidden;}

/*文章内容*/
.article{}
.article h1{font-size:20px; display:block; text-align:center; margin-bottom:10px;}
.article .message{font-size:12px; color:#666; text-align:center; border-bottom:1px dotted #ccc; padding:15px 0;}
.article .main{margin:10px 0;}

@media screen and (min-width:640px) and (max-width:1002px){
	/*显示形式 - 主题列表*/
	.theme .title{height:90px; overflow:hidden; margin:25px 0;}
	.theme .title .tl-l{width:200px; overflow:hidden;}
	.theme .title .tl-l img{height:89px;}
	.theme .title .tl-r{width:245px;}
	.theme .title .tl-r h3 a{font-size:0.825em;}
	.theme li.item-bg{background-color:#f6f6f6;}
	.theme li .con{width:330px;}
	/*显示形式 - 图文列表*/
	.pic li{margin:5px 4px; width:143px; height:130px;}
	.pic li .imgs{height:110px;}
	.pic li .imgs img{width:148px; height:110px;}
	.pic li .title{height:25px; line-height:25px; font-size:0.825em;}
	/*显示形式 - 内容列表*/
	.word li .con{font-size:14px;}
}
@media screen and (max-width:640px){
	/*显示形式 - 主题列表*/
	.theme .title{height:90px; overflow:hidden; margin:25px 0; display:inline-block; width:100%; position:relative;}
	.theme .title .tl-l{width:200px; overflow:hidden;}
	.theme .title .tl-l img{height:89px;}
	.theme .title .tl-r{margin-left:210px; position:absolute;}
	.theme .title .tl-r h3 a{font-size:0.825em;}
	.theme li.item-bg{background-color:#f6f6f6;}
	.theme li .con{width:330px;}
	/*显示形式 - 图文列表*/
	.pic{padding:5px 0;}
	.pic li{margin-left:1%; margin-right:1%; width:48%; height:195px;}
	.pic li .imgs{height:155px; text-align:center;}
	.pic li .imgs img{width:auto; height:155px;}
	.pic li .title{height:35px; line-height:35px; font-size:0.825em;}
	/*显示形式 - 内容列表*/
	.word li .con{font-size:14px;}
}
@media screen and (max-width:480px){
	/*显示形式 - 主题列表*/
	.theme .title{height:220px; overflow:hidden; margin:25px 0; width:100%;}
	.theme .title .tl-l{width:100%; overflow:hidden; margin-bottom:10px;}
	.theme .title .tl-l img{height:128px;}
	.theme .title .tl-r{width:100%; display:block; margin-left:0; position:relative;}
	.theme .title .tl-r h3{margin-bottom:5px;}
	.theme .title .tl-r h3 a{font-size:14px;}
	.theme .title .tl-r .con{font-size:14px;}
	.theme .title .tl-r .con a{font-size:14px;}
	.theme li{position:relative; height:60px;}
	.theme li.item-bg{background-color:#f6f6f6;}
	.theme li .times{width:50px; height:60px; padding-right:10px; font-size:0.75em;}
	.theme li .times h1{font-size:1.5em; height:1.5em; line-height:1.5em; margin-bottom:0.2em;}
	.theme li .con{width:auto; font-size:0.75em; height:60px; position:absolute; margin-left:75px;}
	.theme li .con a{line-height:18px; font-size:14px;}
	.theme li .con h3{margin-bottom:5px; height:18px; overflow:hidden;}
	.theme li .con h3 a{font-size:14px;}
	/*显示形式 - 图文列表*/
	.pic li{height:150px;}
	.pic li .imgs{height:120px; text-align:center;}
	.pic li .imgs img{width:auto; height:120px;}
	.pic li .title{height:25px; line-height:25px; font-size:14px;}
}