﻿.leftBox{
	width: 800px;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
}
.leftBox h3{
	width: 590px;
	float: right;
	height: 25px;
	overflow: hidden;
}
.leftBox h3 a{
	font-size: 18px;
	line-height: 25px;
	color: #333;
}
.leftBox h3 img{
	margin-left: 10px;
	position: relative;
	top: -3px;
}
.leftBox>a>img{
	width: 188px;
	height: 110px;
	margin-right: 20px;
	float: left;
}
.leftBox p{
	width: 590px;
	float: right;
	font-size: 16px;
	line-height: 25px;
	color: #666;
	margin-top: 5px;
	height: 50px;
	overflow: hidden;
}
.leftBox p a{
	color: #666;
}
.leftBox .read{
	width: 590px;
	float: right;
	margin-top: 10px;
	position:relative;
	text-align: right;
}
.shares{ width:128px; position:absolute; right:0; bottom:-2px;}
.leftBox .read>span{
	font-size: 12px;	
	line-height: 20px;
	color: #999;
	/*font-family: "\5b8b\4f53";*/
	padding-left: 25px;
	display: inline-block;
	margin-left: 17px;
}
.leftBox .read .time{
	background: url(../../images/icon3.png) no-repeat 0 3px;
}
.leftBox .read .tag{
	margin-left: 0;
	padding-left: 0;
	position: absolute;
	left: 0;
}
.leftBox .read .eye{
	background: url(../../images/icon0.png) no-repeat -115px 3px;
}
.leftBox .read .share{
	background: url(../../images/icon0.png) no-repeat -235px 3px;
}
.leftBox .read>a{
	width: 21px;
	height: 22px;
	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
}
.leftBox .read .sina{
	background: url(../../images/icon.jpg) no-repeat -187px -4px;
}
.leftBox .read .sina:hover{
	background: url(../../images/icon.jpg) no-repeat -187px -27px;
}
.leftBox .read .zone{
	background: url(../../images/icon.jpg) no-repeat -212px -4px;
}
.leftBox .read .zone:hover{
	background: url(../../images/icon.jpg) no-repeat -212px -27px;
}
.leftBox .read .tencent{
	background: url(../../images/icon.jpg) no-repeat -237px -4px;
}
.leftBox .read .tencent:hover{
	background: url(../../images/icon.jpg) no-repeat -237px -27px;
}
.leftBox .read .weChart{
	background: url(../../images/icon.jpg) no-repeat -262px -4px;
}
.leftBox .read .weChart:hover{
	background: url(../../images/icon.jpg) no-repeat -262px -27px;
}
.page{ width:670px;float: left; margin:40px 0 0px 60px;height: 40px;line-height: 40px;}
.page a{ width: 40px; height: 38px; display: inline-block; border:1px solid #e6e6e6;background: #fff; border-left: 0; text-align: center; font:normal 12px/38px "Tahoma"; color: #666666; vertical-align: middle; }
.page a:hover{color: #333333 !important; text-decoration: none;}
.page a.ft{border-left: 1px solid #e6e6e6;border-right:0;background: #fff url(../../images/companyList.png) no-repeat -56px -530px;}
.page a.next{margin-right:15px;background: #fff url(../../images/companyList.png) no-repeat 15px -530px;}
.page a.prev{ width: 68px; background: #fff url(../../images/companyList.png) no-repeat 8px -467px; border-left: 1px solid #e6e6e6; }
.page a.lt{ width: 68px; background: #fff url(../../images/companyList.png) no-repeat 8px -497px; }
.page a.on{ background: #03a363; border:1px solid #03a363; border-left: 0; color: #fff; font-weight: bold; }
.page a.on:hover{ color: #fff !important;text-decoration: none; }
.page input{ width: 38px; height: 38px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/38px "Tahoma"; margin: 0 10px; vertical-align: middle; }
.page button{ width: 52px; height: 40px; display: inline-block; text-align: center; border: 1px solid #e6e6e6; font:normal 12px/40px "Tahoma"; vertical-align: middle; cursor: pointer; background: url(../../images/companyList.png) no-repeat 0 -386px; }

.listRight{
	width: 230px;
	float: right;
}
.journal{
	width: 230px;
	float: left;
	margin: 13px 0;
	
}

.journal .listTitle h2{
	background-position: 5px -36px;
}
.online{
	width: 268px;
	padding: 20px;
	border: 1px solid #eeeeee;
}
.online img{
	width: 78px;
	height: 93px;
	float: left;
	margin-right: 15px;
}
.onlineTxt{
	width: 175px;
	float: left;
}
.onlineTxt h3{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	height: 40px;
	overflow: hidden;
	/*font-family: "\5b8b\4f53";*/
}
.onlineTxt p{
	font-size: 12px;
	line-height: 20px;
	color: #888;
	max-height: 40px;
	overflow: hidden;
	/*font-family: "\5b8b\4f53";*/
}
.onlineTxt p a{
	color: #888;
}
.onlineTxt span{
	display: block;
	height: 23px;
	overflow: hidden;
	margin-top: 8px;
}
.onlineTxt span a{
	display: inline-block;
	width: 80px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
}
.onlineTxt span a:hover{
	color: #fff !important;
}
.readOnline{
	background: #488bf9;
	margin-right: 5px;
}
.download{
	background: #89d801;
}
.textList{
	width: 226px;
	padding: 0 2px;
	margin-top: 10px;
}
.textList ul li{
	padding-left: 15px;
	background: url(../../images/dot.jpg) no-repeat 0 13px;
	height: 30px;
	overflow: hidden;
}
.textList ul li a{
	font-size: 14px;
	line-height: 30px;
	color: #333;
	/*font-family: "\5b8b\4f53";*/
}
.recommend{
	width: 230px;
	float: left;
}
.recommend .listTitle h2{
	background-position: 5px -103px;
}
.rePic{
	width: 230px;
	height: 173px;
	position: relative;
}
.reBg{
	width: 230px;
	height: 40px;
	background: #000;
	filter:alpha(opacity=60);/*IE*/
	opacity:0.6;/*FF*/
	position: absolute;
	bottom: 0;
	left: 0;
}
.rePic p{
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	width: 190px;
	height: 40px;
	padding: 0 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.rePic p a{
	color: #fff;
}

.publicbox{width: 100%}
.lostpro{width:450px;background: url(../../images/lostpro.jpg) no-repeat;margin: 75px auto 0;padding-left: 165px;height:120px;}
.lostpro span{font: 22px/34px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/24px "Microsoft Yahei";color: #767676;}
.lostproab a{background: url(../../images/caigouSearch.png) no-repeat -145px -35px;padding-left: 12px;}

