@charset "gb2312";
/* css document */

/*顶部*/
.top { margin-top: 10px; position: relative; z-index: 2;}
#logo span { background:url(/uploads/image/wcvlfont/66wzlogo.svg) no-repeat center left; height: 48px; width: 230px; display: block; text-indent: -999px; margin-top: 10px; float: left;}
#logo strong { display: block; float: left; margin-top: 10px; line-height: 48px; padding-left: 20px;}
#logo strong a { font-size: 30px; color: #004b91;}
#logo i { display: block; float: left; margin-top: 20px; width:2px; height: 34px; background: #e1e0e5;}
.channel { margin-top: 18px; margin-left: 20px; background: #005dc5; color: #fff; padding: 3px 5px; display: inline-block;}

/*产品按钮*/
#products span { background: #9fc4ee; float: right; padding: 0 5px;}
#products i,#products input { font-size: 20px; color: #fff;}
#search,#application,#baoliao,#reading { margin-left:5px;}
#application i { background:url(/uploads/image/wcvlfont/ojlogo.svg) no-repeat center; width: 20px; height: 20px; display: block; float: left; margin-top: 5px;}
#search input { border:none; float: left;}
#search input.inp { margin-top:3px; background: none; font-size: 14px; line-height: 22px; width:0; height: 22px;}
#search input.search { background:url(/uploads/image/wcvlfont/search.svg) no-repeat center; width: 20px; height: 20px; display: block; float: left; margin-top: 5px;}

/*全站小导航*/
#snav li { float: left; color: #ccc;}
#snav li a { padding: 0 8px;}
.snav_cover { height:2em; width: 46px; position: absolute; right:10px; top: 0; z-index: 9; background: url(/uploads/image/wcvimages/snav_cover.png) repeat-y top left; display: none;}
.menushow { display: none;}
#menu { background: #005dc5; margin-top:20px;}
.layui-nav { background: none; padding: 0;}
.layui-nav * { font-size:18px; line-height: 48px;}
.layui-nav dd a { font-size: 16px; line-height: 2.2em;}
.layui-nav-child { top:50px;}
.layui-nav .layui-nav-item a { padding: 0 26px;}

.position { margin-bottom:30px;}
.position,.position a { color: #808080; font-size: 14px;}
.position a:hover { color: #005dc5;}

/*图文列表*/
.news_pic li { position: relative; overflow: hidden;}
.news_pic li hr { margin: 20px 0;}
.news_pic li:last-child hr { display: none;}
.news_pic li img { width: 200px; height: 115px; float: left; margin-right: 20px; margin-bottom: 20px;}
.news_pic li p { font-size: 22px;}
.news_pic li span { display: block; margin-bottom: 15px;}
.news_pic li span a { font-size:16px; color:#005dc5;}
.news_pic li span a:hover { color: #1e9fff;}
.news_pic li i { font-size:16px; color: #bbb;}

.newslist ul { padding: 3px 0;}
.newslist li { padding:6px 0;}

#pagetemple { margin-top:30px;}
#pagetemple span { font-size:14px; padding: 0 4px;}

/*内容页*/
#title { font-size:38px; line-height: 48px; color: #404040; }
.subtitle { padding:10px 0; color: #808080;}
.subtext { overflow: hidden; padding: 10px 0 30px; margin-bottom: 30px; border-bottom: #eee solid 1px;}
.subtext span { color: #808080; font-size: 14px; margin-right: 15px;}
.tools { float:right;}
#artibody { margin:0 40px;}
#artibody center,#artibody p { line-height:2em; padding: .4em 0;}
#artibody p.from { padding:0; line-height: 0;}
#artibody p.from,#artibody p.from a { color:#fff;}
#artibody strong { font-weight:600;}
#artibody img { max-width:100%; height: auto;}
.author a { background: #e5e5e5; color: #fff; font-size: 14px; padding: 2px 5px;}
.author a:hover { background:#005dc5;}
.author span { color: #808080; padding:0 15px 0 6px; font-size: 14px;}

/*24小时热文*/
.rank li { border-bottom: #e1e1e1 dotted 1px; padding: 12px 0; overflow: hidden; height: 50px;}
.rank li:last-child { border:none;}
.rank li a:hover  i { color:#0145b4; }
.rank li img { width:80px; height: 50px; float: right; }
.rank li i { font-size:40px; font-weight: 300; color: #e1e1e1; font-style: normal; width: 44px; text-align: center; display: block; float: left; margin-right: 10px;}
.rank li span { width: 245px; height: 50px; overflow: hidden; display: block; float: left; line-height: 1.6em;}


@media screen and (max-width: 768px) {
    .layui-container { width:100%;}
	
	.top { padding-bottom: 15px; border-bottom: #005dc5 solid 5px;}
	#logo span { width:180px; height:40px;}
	#logo i { margin-top:14px;}
	#logo strong { padding-left:14px; font-size: 26px; margin-top: 6px;}
    .layui-container { width:100%;}
	#products,.channel,.position { display:none;}
	.top .layui-container .pt10 { position:relative;}
	.news_pic { padding-right: 0; overflow: hidden;}
	.news_pic li { height: auto; overflow: hidden;}
    .news_pic li hr { margin: 10px 0;}
	.news_pic li img { width:40%; height: auto; margin-right: 3%;}
	.news_pic li p { font-size: 18px;}
	.news_pic li span a { font-size:14px;}
	
	#snav { width: 100%; height: 2rem; overflow: hidden;position:relative;}
	#snav .scroller { position: absolute;}
    #snav a,#snav span { font-size:.8rem;}
	.snav_cover { display: block;}
	
	.menushow { display: block; position: absolute; right: 5px; top: 20px; font-size: 26px; color:#005dc5; }
	#menu { display: none; border-radius: 10px;}
	#menu { background: rgba(0,93,197,.9); position: absolute; right: 15px; margin: 0; z-index: 9;}
	.menu2 { width:34%;}
	.menu4 { width:37%;}
	#menu .layui-container { padding: 0;}
	#menu .layui-nav-tree { width: 100%;}
	#menu .layui-nav .layui-nav-item a { padding:5px 20px; text-align: center;}
	#menu .layui-nav .layui-nav-more { top:-2px;}
	
	.rank li i { width: 10%;}
	.rank li span { width:62%; height: 50px; overflow: hidden;}
	.rank li img { width: 24%;}
	
	#artibody { margin:0;}
	#title { font-size:26px; line-height: 36px;}
	.layui-col-space20>* { padding:20px 0 0;}
	.subtext { padding-bottom: 20px; margin-bottom: 20px;}
	.layui-container .pr20 { padding-right:0;}
}