@charset "utf-8";
*{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,blockquote,th,td { margin:0; padding:0; word-wrap: break-word;}
table {border-collapse:collapse; font-size:12px; }
img{border:0;}
input,textarea,select,button{vertical-align:middle;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
cite,em{ font-style:normal;}
button {cursor:pointer;}
body {color:#474747;font:12px/1.8 Arial;}
h2{ font-size:14px;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}
.clear{clear:both;font-size:0;line-height:0; height:1px; }
a{ text-decoration:none; color:#474747}
a:hover{ text-decoration:underline}
ul,li,dt,dl,dd{ display:block;}
.l{ float:left;}
.r{ float:right;}

#main {
	margin: 0px 10px 0px 10px;
	background: #fff;
	padding: 0;
	margin: auto;
	max-width: 1245px;
	min-width: 1101px;
	border-top-left-radius: 10px;
	border-top-right-radius: 5px;
	overflow: hidden;
	width: 1215px;
}

#left {
	float: left;
	width: 111px;
	display: none;
}

#right {
	float: right;
	width: 300px;
	position: relative;
	padding-right: 15px;
	padding-top: 15px;
}

#center {
	width: 870px;
	margin: 0px 330px 0px 0;
	padding-left: 15px;
	padding-top: 15px;
	position: relative;
}

#footer {
	background: #fff;
}

#r_center {
	width: auto;
	margin: 0px 0px 0px 2px;
	position: relative;
}

#headads {
	height: auto;
	padding-bottom: 8px;
	margin: 0 auto;
	width: 1200px;
}

#headads #ads_l {
	width: 870px;
	padding: 0 7px 0 7px;
	float: left;
	text-align: center
}

#headads #ads_r {
	width: 300px;
	float: right;
	text-align: center
}

.qu_btns {}

.qu_btns a {
	display: block;
	margin-bottom: 1em;
	border-radius: 9px;
	text-align: center;
	font: 14px/30px arial;
	background: #e9e9e9;
}
.qu_btns a:hover {
	text-decoration: none;
	background: #004d4d;
	color: #fff;
}
.logo_sosobox {
	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
	position: relative;
	margin-bottom: 0;
}
.nav-secondary-wrap {
	position: relative;
	height: 40px;
	line-height: 30px;
	font-size: 0.75rem;
	font-weight: 200;
	color: white;
	background-color: #004d4d;
	overflow: hidden;
}

.nav-wrap,
.nav-secondary {
	position: relative;
	font-size: 0.875rem;
	font-weight: 200;
}

.nav-wrap a,
.nav-secondary a {
	color: white;
	display: block;
	text-decoration: none;
}

.nav-secondary-wrap .nav-secondary {
	position: relative;
	display: inline-block;
	left: 15px;
}
.nav-secondary-wrap .nav-secondary .nav-label{
	color: #08dede;
}
.nav-wrap ul,
.nav-secondary ul {
	margin: 0 0 0;
	padding: 0;
	list-style: none;
}
.nav-secondary-wrap .nav-secondary li {
	font: 1em/40px arial;
	display: inline-block;
	margin: 0;
}
.nav-secondary-wrap .nav-secondary li>a {
	padding: 0 5px;
	line-height: 20px;
	border-radius: 4px;
	transition: background-color 0.2s ease-in-out;
}
.nav-label {
	color: #00c2c2;
	cursor: default;
	transition: all 0.2s ease-in-out;
}
.combined_log {
	padding-top: 0.8em;
	float: right;
	padding-right: 20px;
}
.combined_log h2 {
	color: #fff;
}
.message-bar {
	color: #444;
	background-color: #e5e5e5;
	padding: 5px 15px;
	margin-bottom: 10px;
	position: relative;
	border-bottom: 1px solid #cccccc;
}
.message-bar::before {
	content: "";
	border-bottom: 10px solid #e5e5e5;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -10px;
	left: 20px;
	z-index: 4;
}
.bg_col{
	background: #ccc !important;
}
.soand_btn{
	float: left;
	margin-left: 20px;
}
.soand_btn form{
	background-color: #fff;
	padding: 3px 8px;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 7px;
}
.soand_btn form .soso_div{
	background: none;
	margin: 0;
	width: 140px;
}
.soand_btn form .soso_div input{
	outline: none;
	font-size: 16px;
}
.soand_btn form .btn_ss{
	margin: 0;
}
.soand_btn form .btn_ss input{
	background: url('../../images/search.png') no-repeat center center !important;
}
.login_rr ul li span,.login_r a{
	font-size: 14px;
}

.headWraningBox{
	background: #E5E5E5;
	padding: 0 15px;
	position: relative;
	z-index: 7;
}
.headWraningBox{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.headWraningBox .headWraning{
	width: 60%;
	padding: 3px 0;
	position: relative;
}
.headWraningBox .headWraning::before{
	content: '';
	display: block;
	padding: 0;
	width: 0;
	border: 5px solid transparent;
	border-bottom: 5px solid #E5E5E5;
	position: absolute;
	top: -10px;
	left: 30px;
}
.headWraningBox .headWraning p{
	font-size: 14px;
	color: #A0A0A0;
}
.headWraningBox .headWraning p a{
	color: #10716f;
	text-decoration: none;
}
.headWraningBox .submitBtn{
	width: 25.3%;
    background: #5DB85B;
}
.headWraningBox .submitBtn a{
	display: block;
	height: 100%;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 30px;
}

.combined_log ul li a.rss {
	background: url('../../images/rss.png') no-repeat center center;
	background-size: 100% 100%;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.combined_log ul li a.xima {
	background: url('../../images/ximalaya.png') no-repeat center center;
	background-size: 100% 100%;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.combined_log ul li a.wechat {
	background: url('../../images/weixin.png') no-repeat center center;
	background-size: 100% 100%;
    height: 24px;
    width: 24px;
    cursor: pointer;
}
.combined_log ul li a.weibo {
	background: url('../../images/weibo.png') no-repeat center center;
	background-size: 100% 100%;
    height: 24px;
    width: 24px;
    cursor: pointer;
}


.articleBox{
	padding-bottom: 45px;
	border-bottom: 2px solid #CCCCCC;
}
.r_end{
	width: 270px;
	background: none !important;
}
.contentbox {
	border: 1px solid #cccccc !important;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* 首页文章列表 */
.block_m{
	position: relative;
}
.block_m .ct_tittle .bg_htit{
	padding-left: 10px !important;
}
.block_m .talk_time{
	font-size: 14px;
	color: #7d7d7d;
}
.block_m .talk_time b a{
	margin-left: 5px;
	color: #2a6564;
}
.block_m .p_content{
	background: #f9f9f9;
}
.icon_float{
	font-size: 0;
	position: absolute;
	right: 0;
	top: -50%;
}
.icon_float a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}
.icon_float a .iconNumBox{
	width: 45px;
	padding: 5px 0;
	text-align: center;
	position: relative;
	background: #000;
	margin-left: 15px;
	border-radius: 5px;
}
.icon_float a .iconNumBox span{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.icon_float a .iconNumBox::before{
	content: '';
	display: block;
	padding: 0;
	width: 0;
	border: 5px solid transparent;
	border-left: 5px solid #000;
	position: absolute;
	bottom: -5px;
	left: 10px;
}

.block_m{
	margin-bottom: 30px;
	overflow: inherit;
}
.block_m  .talkMores,.block_m  .talkMores2{
	margin-top: 15px;
}
.block_m .talkMores ul,.block_m  .talkMores2 ul{
	display: flex;
	justify-content: start;
	align-items: center;
	font-size: 14px;
}
.block_m .talkMores ul li,.block_m  .talkMores2 ul li {
	margin-right: 15px;
}
.block_m .talkMores2 ul li:first-child{
	margin-left:10px;
}

.block_m .talkMores ul li a{
	/*color:#2a6564;*/
	text-decoration:none;
	line-height:1;
	padding-left:18px;
	position:relative;
	display:inline-block;
}
.block_m .talkMores ul li a::before{
	content:'';
	width:14px;
	height:14px;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.block_m .talkMores ul li.agree a::before{
	background:url('../../images/agree.png') no-repeat center;
}
.block_m .talkMores ul li.agree:hover a::before,.block_m .talkMores ul li.agree.active a::before{
	background:url('../../images/agree2.png') no-repeat center;
}
.block_m .talkMores ul li.colle a::before{
	width:15px;
	background:url('../../images/collection.png') no-repeat center;
}
.block_m .talkMores ul li.colle:hover a::before,.block_m .talkMores ul li.colle.active a::before{
	background:url('../../images/collection2.png') no-repeat center;
}
.block_m .talkMores ul li a span{
	color:#8a8e93;
	display:inline-block;
	vertical-align:middle;
}

.block_m .talkMores2 ul li a{
	text-decoration: none;
	line-height: 1;
	position: relative;
	display: inline-block;
}
.block_m .talkMores2 ul li:first-child a{
	font-size: 14px;
}
.block_m .talkMores2 ul li a svg{
	display: inline-block;
	vertical-align: middle;
}
.block_m .talkMores2 ul li a span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin-left:2px;
}
.block_m .talkMores2 ul li a:hover span,.block_m .talkMores2 ul li a:hover svg path{
	fill: #606367;
}

.talk_time a{
	text-decoration:none;
}
.talk_time a:hover{
	text-decoration: underline;
}

/* 文章详情 */
.articleCont{
	padding: 15px;
}
.articleCont p{
	font-size: 14px;
	color: #363636;
	text-align: justify;
	line-height: 1.6;
}

/* 上一页下一页 */
.pageGoBox{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 45px;
}
.pageGoBox>div{
	width: 49%;
}
.pageGoBox>div p{
	font-size: 14px;
	color: #2A6564;
	font-weight: lighter;
	margin-top: 5px;
}
.pageGoBox .prevBtn{
	background:#E1E1E1 url('//icon.solidot.org/images/prev.png') no-repeat center 11px;
	border-top-left-radius: 10px;
	overflow: hidden;
	height:27px;
	text-align: center;
}
.pageGoBox .nextBtn{
	background:#E1E1E1 url('//icon.solidot.org/images/next.png') no-repeat center 11px;
	border-top-right-radius: 10px;
	overflow: hidden;
	height:27px;
	text-align: center;
}

.operBtnBox{
	padding-top: 30px;
	font-size: 0;
}
.operBtnBox>div{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #E1E1E1;
}
/* 分享 */
.operBtnBox .shareBtn>div{
	display: inline-block;
	vertical-align: middle;
	padding: 8px 15px;
	cursor: pointer;
}
.operBtnBox .shareBtn .shareLe{
	font-size: 0;
	padding-right: 8px;
	position: relative;
}
.operBtnBox .shareBtn .shareLe::after{
	content: '';
	width: 2px;
	height: 60%;
	background-color: #E1E1E1;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.operBtnBox .shareBtn .shareLe span,.operBtnBox .shareBtn .shareLe img{
	font-size: 14px;
	color: #E1E1E1;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.operBtnBox .shareBtn .shareLe span{
	margin-left: 8px;
}
.operBtnBox .shareBtn .shareRi{
	padding-left: 8px;
}
.operBtnBox .shareBtn .shareRi img{
	transform: translateX(5px);
}
/* 收藏 */
.collectionBtn{
	padding: 8px 15px;
	margin-left: 10px;
	cursor: pointer;
}
.collectionBtn img,.collectionBtn span{
	font-size: 14px;
	color: #E1E1E1;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
.collectionBtn span{
	margin-left: 8px;
}

/* 评论 */
.commentBox{
	margin-top: 45px;
}
.commentBox .commentTit img{
	vertical-align: middle;
}
.commentBox .commentTit span{
	font-size: 14px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
}
.commentBox .commentTit span.commentNum{
	margin-left: 0;
}
.commentBox .commentInputBox{
	margin-top: 15px;
	text-align: right;
}
.commentBox .commentInputBox .commentInput{
	border: 1px solid #CCC;
	border-radius: 3px;
	overflow: hidden;
	background-color: #f9f9f9;
	padding: 5px;
	text-align: left;
}
.commentBox .commentInputBox .commentInput textarea{
	border: none;
	outline: none;
	font-size: 14px;
	display: block;
	width: 100%;
	min-height: 80px;
	resize: none;
	background-color: #f9f9f9;
}
.commentBox .commentInputBox .commentBtn{
	width: 10%;
	text-align: center;
	padding: 5px;
	font-size: 14px;
	color: #fff;
	background-color: #2A6564;
	outline: none;
	margin-top: 15px;
}

/* 推荐文章 */
.recommendArticle{
	margin-top: 45px;
}
.recommendArticle .recommendTit{
	padding-left: 30px;
	position: relative;
}
.recommendArticle .recommendTit::before{
	content: '荐';
	width: 16px;
	height: 16px;
	text-align: center;
	line-height: 1.4;
	background-color: #2A6564;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.recommendArticle .recommendTit span{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
}
.recommendArticle .recommendTit img{
	vertical-align: middle;
	margin-left: 8px;
}
.recomList{
	margin-top: 15px;
}
.recomList .recomTit{
	background-color: #228dd3;
	
}
.recomList .recomTit a{
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: bold;
}
.recomList .recomTimes{
	padding: 10px;
	background-color: #F2F2F2;
	position: relative;
}
.recomList .recomTimes p{
	font-size: 14px;
	color: #333;
}
.recomList .recomTimes p a{
	text-decoration: none;
}
.recomList .recomTimes p.re_times a{
	color: #2A6564;
}
.recomList .recomTimes p.re_times a:hover{text-decoration: underline;}
.recomList .recomTimes p.re_times span{
	color: #7D7D7D;
}
.recomList .recomTimes p.re_autor a{
	color: #2A6564;
}
.recomList .recomTimes p.re_autor a:hover{text-decoration: underline;}
.recomList .recomTimes .rightBox{
	padding-right: 10px;
	text-align: center;
	position: absolute;
	top: -50%;
	right: 0;
}
.recomList .recomTimes .rightBox a{
	vertical-align: middle;
	display: inline-block;
}
.recomList .recomTimes .iconNumBox {
	width: 45px;
    padding: 5px 0;
    text-align: center;
    position: relative;
    background: #000;
    margin-left: 15px;
    border-radius: 5px;
}
.recomList .recomTimes .iconNumBox::before{
	content: '';
    display: block;
    padding: 0;
    width: 0;
    border: 5px solid transparent;
    border-left: 5px solid #000;
    position: absolute;
    bottom: -5px;
    left: 10px;
}
.recomList .recomTimes .iconNumBox span{
	color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.recomList .recomCont{
	padding: 20px 14px;
}
.recomList .recomCont p{
	font-size: 14px;
	line-height: 1.6;
	text-align: justify;
	color: #363636;
}
.recomList .recomCont .recomOper{
	margin-top: 15px;
}
.recomList .recomCont .recomOper li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.recomList .recomCont .recomOper li a{
	text-decoration: none;
	font-size: 14px;
	color: #2a6564;
}
.recomList .recomCont .recomOper li a:hover{text-decoration: underline;}
.recomList .recomCont .recomOper li a img,.recomList .recomCont .recomOper li span{
	display: inline-block;
	vertical-align: middle;
}
.recomList .recomCont .recomOper li a span{
	margin-left: 4px;
	color: #8a8e93;
}

/* 右边关注模块 */
.radius{
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.autorBox{
	border: 1px solid #ccc;
	margin-top: 35px;
	margin-bottom: 30px;
	padding: 20px;
	padding-top: 0;
}
.autorBox .followBox{
	margin-top: -35px;
}
.autorBox .followBox .headImg{
	width: 70px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.autorBox .followBox h4,.autorBox .followBox p.infos{
	font-size: 14px;
	color: #363636;
	margin-top: 5px;
	text-align: center;
}
.autorBox .followBox p{
	font-weight: lighter;
}
.autorBox .followBox .btnsBox{
	font-size: 0;
	text-align: center;
	margin-top: 15px;
}
.autorBox .followBox .btnsBox>div{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #2A6564;
	text-align: center;
	width: 66px;
	margin-right: 15px;
}
.autorBox .followBox .btnsBox>div:hover{
	background: #2A6564;
}
.autorBox .followBox .btnsBox>div a{
	display: block;
	padding: 5px 0;
	text-decoration: none;
	font-size: 14px;
	color: #2A6564;
	line-height: 1;
}
.autorBox .followBox .btnsBox>div:hover a{color: #fff;}
.autorBox .followBox .newArticle{
	margin-top: 30px;
	text-align: left;
}
.autorBox .followBox .newArticle h4{
	font-size: 14px;
	color: #333;
	text-align: left;
}
.autorBox .followBox .newArticle p{
	font-size: 14px;
}
.autorBox .followBox .newArticle p a{
	text-decoration: none;
	color: #333;
}

/* right部分 title */
.rig_tittle{
	background: #4C4C4C !important;
}
.block_r.radius{
	border: 1px solid #ccc;
	overflow: hidden;
}
.block_r.radius .contentbox{
	border: none !important;
	background: #e6e6e6;
}
.block_r.radius .contentbox .tpList{
	padding: 0 5px;
	background: #eeeeee;
	margin-bottom: 3px;
}
.comment_on li{
	/*background: none;
	text-indent: 40px;*/
	padding: 5px 0 0 0;
	position: relative;
}
/**
.comment_on li b{
	position: absolute;
	top: 9px;
	left: 0;
	width: 36px;
	height: 20px;
	line-height: 1.4;
	text-indent: 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: lighter;
	border-radius: 30px;
	background: #000;
}
/**/
.old_articles li .comment_on li a:hover{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.content{
	font-size: 14px;
}
.contentbox{
	padding: 0;
}
.old_articles .old_blockli{
	padding: 0;
}

.loginWrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;
	display: none;
}
.loginWrap .loginBox{
	width: 500px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
}
.loginWrap .loginBox .closeLogin{
	font-size: 40px;
	color: #fff;
	line-height: 1;
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer;
}
.loginWrap .loginBox .loginTit{
	width: 100%;
	text-align: center;
	background: #228dd3;
}
.loginWrap .loginBox .loginTit img{
	width: 160px;
}
.loginWrap .loginBox .loginCont{
	padding: 30px;
}
.loginWrap .loginBox .loginCont .signNav{
	text-align: center;
}
.loginWrap .loginBox .loginCont .signNav li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 2px;
	font-size: 14px;
	cursor: pointer;
}
.loginWrap .loginBox .loginCont .signNav li:last-child{
	margin-left: 15px;
}
.loginWrap .loginBox .loginCont .signNav li.active::after{
	content: '';
	width: 100%;
	height: 2px;
	background: #228dd3;
	position: absolute;
	bottom: 0;
	left: 0;
}
.flexBox{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.loginWrap .loginBox .loginCont .loginInputWrap{
	margin-top: 15px;
}
.loginWrap .loginBox .loginCont .loginInputWrap li{
	display: none;
}
.loginWrap .loginBox .loginCont .loginInputWrap li.active{
	display: block;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox{
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	display: flex;
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: stretch;
	padding: 8px 15px;
}
/* 带有左侧图标的输入框 */
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox.loginIconBox{
	padding: 0;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox.loginIconBox .loginIcon{
	width: 50px;
	background-color: #f1f1f1;
	text-align: center;
	padding: 8px 0;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox.loginIconBox .loginIcon img{
	width: 50%;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox.loginIconBox input{
	text-indent: 1em;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox input{
	width: 100%;
	font-size: 14px;
	color: #ccc;
	border: none;
	outline: none;
	width: 100%;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox .loginInput{
	border-right: 1px solid #e4e4e4;
	width: 80%;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox .codeBtn{
	outline: none;
	border: none;
	background: none;
}
.loginWrap .loginBox .loginCont .loginInputWrap .loginInputBox img.codeImg{
	height: 16px;
    transform: scale(1.7)translateX(-8px);
}
.loginWrap .loginBox .loginCont .signBtn{
	width: 100%;
	outline: none;
	border: none;
	background: #228dd3;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
	margin-top: 15px;
}
.loginWrap .loginBox .loginCont .selectBox a{
	color: #228dd3;
	text-decoration: none;
}
.loginWrap .loginBox .loginCont .toReg{
	text-align: center;
	margin-top: 15px;
}
.loginWrap .loginBox .loginCont .toReg b{
	font-weight: initial;
	cursor: pointer;
	margin-right: 5px;
}
.loginWrap .loginBox .loginCont .toReg b:last-child{
	margin-right: 0;
	margin-left: 5px;
}
.loginWrap .loginBox .loginCont .regTit{
	text-align: center;
}
.loginWrap .loginBox .loginCont .regTit span{
	font-size: 14px;
	display: inline-block;
    position: relative;
    padding: 2px;
}
.loginWrap .loginBox .loginCont .regTit span::after{
	content: '';
    width: 100%;
    height: 2px;
    background: #228dd3;
    position: absolute;
    bottom: 0;
    left: 0;
}

.loginWrap .loginBox .loginCont .regBox{
	display: none;
}