@charset "utf-8";
@import url('../font/simple-line-icons.css');


* {	margin: 0; padding: 0;}

body {	background-color:#FFF; margin: 0 auto; padding: 0px; font:14px/1.8 "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;  -webkit-text-size-adjust: none;color:#444444; }
ul, li { list-style: none;}

a {	color:#3E3E3E; text-decoration: none; border:0;}
a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
/* 移除所有可点击元素的蓝色高亮 */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

/* 或仅针对 select 元素 */
input,
select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  /* 可选：同时移除默认 outline */
  outline: none !important;
  background: none;

  /* 1. 重置默认样式 */
	  -webkit-appearance: none;
	  appearance: none;
	  
	  /* 2. 设置文字颜色（覆盖默认蓝色） */
	  color: #000; 
	  
	  /* 3. 去除获得焦点时的蓝色外边框和阴影 */
	  outline: none;
	  box-shadow: none;
	  
	  /* 4. 背景色根据需要设置 */
	  background-color: transparent;
}
img {	vertical-align: middle; border:0;}
.clear, .clr {	clear: both;}
.clear::after {	height: 0px; clear: both; display: block; visibility: hidden; content: ".";}
.clearfix { }
.w { margin: auto; padding: 0px 6px;}
.fl { float: left;}
.fr { float: right;}
.red {	color:#EF5185;}

.hide { display: none;} 

.pl10 { padding-left:10px;}
.pr10 { padding-right:10px;}
.db { display:block !important}

.ub{display: -webkit-box !important;display: box !important;position:relative;}
.ub-rev{-webkit-box-direction:reverse;box-direction:reverse;}
.ub-fh{width:100%;}
.ub-fv{height:100%;}
.ub-con{position:absolute;width:100%;height:100%;}
.ub-ac{-webkit-box-align:center;box-align:center;}
.ub-ae{-webkit-box-align:end;box-align:end;}
.ub-pc{-webkit-box-pack:center;box-pack:center;}
.ub-pe{-webkit-box-pack:end;box-pack:end;}
.ub-pj{-webkit-box-pack:justify;box-pack:justify;}
.ub-ver{-webkit-box-orient:vertical;box-orient:vertical;}
.ub-f1{position:relative;-webkit-box-flex: 1; box-flex: 1;}
.ub-f2{position:relative;-webkit-box-flex: 2;box-flex: 2;}
.ub-f3{position:relative;-webkit-box-flex: 3;box-flex: 3;}
.ub-f4{position:relative;-webkit-box-flex: 4;box-flex: 4;}
.ub-img{-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center;}
.ub-img1{-webkit-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center;}
.ub-img2{background-repeat:repeat-x;background-size:auto 100%}
.ub-img3{background-repeat:repeat-y;background-size:100% auto}
.ub-img4{-webkit-background-size:100% auto;background-size:100% auto;background-repeat:no-repeat;background-position:center;}
.ub-img5{-webkit-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center;}
.ub-img6{background-repeat:no-repeat;background-position:center;}
.ub-img7{-webkit-background-size:100% 100%;background-size:100% 100%;background-repeat:no-repeat;background-position:center;}





._text, ._text2, ._text3, ._text4, ._text5 { overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
._text2 { -webkit-line-clamp:2;}
._text3 { -webkit-line-clamp:3;}
._text4 { -webkit-line-clamp:4;}
._text5 { -webkit-line-clamp:5;}




/*横排box*/
._dh{ box-sizing: border-box;display:box; display:-webkit-box; display:-moz-box;display:-ms-box;box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;}
/*纵排box*/
._dv{ box-sizing:border-box;display:box; display:-webkit-box;display:-moz-box;display:-ms-box;box-orient:vertical; -webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;}
/*内容居中box*/
._dc{box-sizing:border-box;display: -webkit-box; display: -moz-box;display: -ms-box;display: box;box-pack: center; -webkit-box-pack: center;-moz-box-pack: center;-ms-box-pack: center;box-align: center;-webkit-box-align: center;-webkit-box-align: center;-moz-box-align: center;}
/*上下居中box*/
._ds{box-sizing:border-box;display: -webkit-box; display: -moz-box;display: -ms-box;display: box;box-align: center;-webkit-box-align: center;-webkit-box-align: center;-moz-box-align: center;}
/*box子元素自动占满空白*/
._df{box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;}




	
/*----------Reset CSS for Website----------*/
body{color:#3E3E3E; line-height:21px;font-family:"microsoft yahei";}
a:link{color:rgb(255, 0, 0); text-decoration:none;}
a:visited{color:rgb(255, 0, 0); text-decoration:none;}
a:hover{color:#000; text-decoration:none;}






._upScrollLoadList ._upScrollLoading { display:block; font-size:12px; color:#999; line-height:40px; text-align:center}


	
	
	

	
/**加载更多*/
.see_more { font-size: 16px;display: block;height: 42px;line-height: 42px;background: #fff;color: #666;text-align: center;margin: 10px 0;box-shadow: 1px 1px 2px rgba(0,0,0,0.1);font-weight: 400;}
	.see_more.null { background:none;box-shadow: none; color:#666} 




.pages {text-align:center;padding:20px 0px;}
	.pages a {height:30px;line-height:30px;background:#FFF; border:1px solid #DDD;color:#BBB;display:inline-block;margin-right:4px;padding:0 10px;vertical-align:middle; border-radius:3px; min-width:20px;}
	.pages a:hover,
	.pages .active {background:#ff9d00;color:#FFF;border:1px solid #ff9d00;}






	
	


.ico-xiala { margin-top:-6px;width: 8px;height: 8px;display: inline-block;vertical-align: middle;margin-left:5px;content: "";border-top: 1px solid #0E3A8F;border-right: 1px solid #0E3A8F;

	transform:rotate(135deg);
	-ms-transform:rotate(135deg); 	/* IE 9 */
	-moz-transform:rotate(135deg); 	/* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 鍜� Chrome */
	-o-transform:rotate(135deg); 	/* Opera */
	filter:progid:DXImageTransform.Microsoft.Matrix(M11=-0.707,M12=-0.707,M21=0.707,M22=-0.707,SizingMethod='auto expand');  

}
	
	
	.attr1,.attr2,.attr3,.attr4,.attr5,.attr6,.attr7,.attr8	{ margin-top:-2px;width: 20px;height: 20px;display: inline-block;vertical-align: middle; background:url('/wm-data/upload/articleIcon/attr1.png') no-repeat center center; /*background-size:cover;*/ margin-right:3px;}
	
	.attr1 { background-image:url('/wm-data/upload/articleIcon/attr1.png')}
	.attr2 { background-image:url('/wm-data/upload/articleIcon/attr2.png')}
	.attr3 { background-image:url('/wm-data/upload/articleIcon/attr3.png')}
	.attr4 { background-image:url('/wm-data/upload/articleIcon/attr4.png')}
	.attr5 { background-image:url('/wm-data/upload/articleIcon/attr5.png')}
	.attr6 { background-image:url('/wm-data/upload/articleIcon/attr6.png')}
	.attr7 { background-image:url('/wm-data/upload/articleIcon/attr7.png')}
	.attr8 { background-image:url('/wm-data/upload/articleIcon/attr8.png')}
	
	
	
	
	.bdsharebuttonbox a { float:none !important; margin:-2px 0 0 0 !important;width:14px !important;height:14px !important;display: inline-block;vertical-align: middle; background-size:cover ;padding:0 !important; background-image:url('../img/share.png') !important;}
	.bdsharebuttonbox a:hover{ opacity:.6 }

	
	.rocket {z-index: 100; display:none; width:50px; height:50px;position:fixed; bottom:20px; right:20px;}
	.rocket img { width: 50px; height: 50px; }
			
		
		
		
		
		.leftnav { z-index:100; width:50px; position:fixed; top:133px; left:50%; margin-left:-623px; }
		.leftnav img { max-width:100%;}
		.leftnav a { display: inline-block; margin-top:29px;}
		.leftnav a:hover { opacity:1}
		.rockets{ width:50px; height:50px; background-color:rgba(0,0,0,.4); position:relative}
		
		
	
	body {  background-color:#F5F5F5; color:#555756; line-height:1.6; background-repeat: no-repeat; background-position:center top;}

	.page { position:relative;}


	
	.page_header { position:relative; z-index:100; height:50px; line-height:50px;  background-color:#FFD600;}
	.page_header .page_width { width:1036px; margin:0 auto;}
		.page_header .logo {  }
		.page_header .logo img { max-height:50px;     vertical-align: top;}

		.page_header .searchbox { margin:10px; }
			.searchbox form { display:block;height:30px;    line-height: 30px; position:relative; padding-right:40px;border:none;border-radius:3px;background:#FFF;}
			.searchbox input { width:100%; padding-left:8px; border:none; background:none; height:30px; line-height:30px;}
			.searchbox button { font-size:16px; position:relative; color:#999999; width:30px; height:30px;  cursor:pointer; border:none; background:none; position:absolute; top:0px; right:0px; }
			.searchbox button i{ position:absolute; top:9px; left:7px; display:inline-block; margin-top:-2px;}
		



	.page_footer {  line-height:1.4; padding: 10px; margin-top:10px; color:#999; font-size:12px; background:#FFF}
	.page_footer a{ color:#F60}




		


		.custom_category_box select {
		  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
		  border: solid 1px #000;
		  /*很关键：将默认的select选择框样式清除*/
		appearance:none;
		-moz-appearance:none; /* Firefox */
		-webkit-appearance:none; /* Safari 和 Chrome */
		  padding-left: 7px;
		  /*在选择框的最右侧中间显示小箭头图片*/
		  background: url("../img/select.png") no-repeat scroll right center transparent;


		  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
		  padding-right: 35px;
		}


		/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
		.custom_category_box select::-ms-expand {  display: none; }
		.custom_category_box { position: relative; }
		.custom_category_box .backimg { width: 100% }
		.custom_category_box .formbox { display: block; position: absolute; bottom: 20px; left: 10px; }


		.custom_category_box { background-color: #ccc; }
		.custom_category_box select{ margin: 5px 10px 5px 0px; font-size: 14px; height: 40px;  background-color: #FFF; border:1px solid #EEE;  }
		.custom_category_box .submit { cursor: pointer; margin: 5px 10px 5px 0px; color:#444; font-size:14px;background: #ffd600; border:0; height: 35px; padding: 0 20px;border-radius:3px; }
		.custom_category_box .submit:hover { opacity: .7 }
		.custom_category_box .reset { display: inline-block; line-height: 35px; margin: 5px 10px 5px 0px; color:#444; font-size:14px;background: #DDD; border:0; height: 35px; padding: 0 20px;border-radius:3px; }
		.custom_category_box .reset:hover { opacity: .7}




	.mainNav { background-color: #FFF; overflow: hidden; border-bottom: 3px solid #EEE;}
		.mainNav .navbox {  padding:10px 15px;}
		.mainNav li { display: block; }
		.mainNav a { display: block; color: #999; background-color: #EEE; padding: 7px 10px; border-radius: 4px; margin-right: 10px; }
		.mainNav a:hover,.mainNav a:active{ background-color:#E5E5E5;}
		.mainNav a.active{ background-color:#ffd600;color: #444; }
		
	.page_main {   }
		.listbox { padding: 0 10px; }
		.listbox a:hover { text-decoration:underline}
		.listbox li.item {  position: relative; margin-top:10px; background-color: #FFF;border-bottom: 3px solid #EEE;}
			.listbox li .title {  padding:10px;color:#333; font-size:110%; }
			.listbox li .title a { color:#333; text-decoration: none;}
			.listbox li .title .date { font-size:12px; display: inline-block; color:#999; margin-left:10px;}
			
			.listbox li .cover { position: relative;}
			.listbox li .cover img.lazy { width: 100%; max-width:100%; min-height:32px; min-width:32px; background:#EEE url('../img/loading.gif') no-repeat center center;}
			.listbox li .content { padding:5px 0; color:#666;}


			.listbox li .advertiserbox { border:1px solid #000000; position:absolute;left:10px; bottom: 10px; width: 80px;padding:10px 5px 30px 5px; text-align: center; background-color:#3b3622 }
				.listbox li .advertiserbox a{ text-decoration: none; }
				.listbox li .advertiserbox .ad_logobox,
				.listbox li .advertiserbox .ad_logobox img{ width: 80px; }
				.listbox li .advertiserbox .ad_name { font-size:.7em; font-weight:700; line-height: 1.2; padding: 3px 0; color: #b2ac96; text-align: center;}
				
				.listbox li .advertiserbox .ad_info { margin-top: 4px; padding-bottom: 3px; color: #b1ab93; line-height: 12px; font-size: .65em; text-align: center;}
				.listbox li .advertiserbox .ad_move { position: absolute; width: 60px; margin-left:-30px; bottom:10px; left: 50%;  display: inline-block; background: #fbd75f; color:#444;line-height: 1; padding: 3px 0px; font-size:10px;text-align:center;border-radius:3px; }
				.listbox li .advertiserbox .ad_move:hover { background: #0185da; }
			.listbox li .advertiserbox:hover { background-color:#635a39  }
				
		
		.listbox li.adbox { margin-top:10px; text-align: center;}
		.listbox li.adbox img { max-width:100%; min-height:32px; min-width:32px; background:#EEE url('../img/loading.gif') no-repeat center center;}
		.listbox li.adbox .info { text-align: center; font-size:.7em; color: #999; }
			}