@charset "utf-8";
/* 列表页 */

.blogBox ul.nav{
	border-radius:3px;
	width:100%;
	overflow:hidden;
	padding:8px;
	letter-spacing:1px;
	/*background: linear-gradient(to bottom,#E7F0FD, #fff);*/
	border-bottom:1px solid #efefef;
}
.blogBox ul.nav li{
	float:left;
	width:33.3%;
	text-align:center;
}

.blogBox ul.nav .current a{
	font-weight:700;
	color:#FFA500;
	text-decoration:underline;
}

.blogBox ul.ul_2 {
	clear:both;
	overflow: hidden;
}
.blogBox ul.ul_2 li {
	background: #fff;
	overflow: hidden;
	padding-bottom:10px;
	border-bottom:2px solid #efefef;
}
 

.blogBox ul.ul_2 li .R {
	flex: 1;
}
.blogBox ul.ul_2 li .R .tit {
	letter-spacing: 1px;
	line-height: 1.5;
	color: #333;
	margin-left:20px;
	font-weight:600;
}

.blogBox ul.ul_2 li .R .tou{margin:0; padding:0;}
.blogBox ul.ul_2 li .R .tou dd{
	float:left;
	margin-right:8px;
}
.blogBox ul.ul_2 li .R .tou p{
	line-height:1.2rem;
	padding:8px 0 0 0;
	margin-bottom:10px;
} 
.blogBox ul.ul_2 li .R .tou p b{
	color:#333;
 
	padding-left:1px;
}

.blogBox ul.ul_2 li .R .tou img{width:2.5rem; height:2.5rem; border-radius:50%; vertical-align:middle; border:1px solid #efefef;}
.blogBox ul.ul_2 li .R .tou img.vip{width:12px; height:12px; position:relative; margin:20px 0 0 -10px;}
.blogBox ul.ul_2 li .R .tou p span{ font-size:14px; color:#999;}

 
.blogBox ul.ul_2 li .R .tou span {
	margin-left:-1px;
}

.blogBox ul.ul_2 li .R .txt{
	padding:10px 10px 30px 10px;
}
.blogBox ul.ul_2 li .R .txt a:hover img {transform: scale(1.02);}

.blogBox ul.ul_2 li .R .sub{
	overflow:hidden;
	display:inline-block;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #666;
	letter-spacing: 1px;
	text-indent:10px;
	padding:10px;
}


.blogBox ul.ul_2 li .R .sub .img{
	float:right;
	text-align:center;
	border-radius:5px;
	padding:3px;
}
 
.blogBox ul.ul_2 li .R .sub .img img{
	border-radius:5px;
	max-height:80px;
	max-width:110px;
	border:1px solid #efefef;
}

.blogBox ul.ul_2 li .R .date {
	color: #666;
	float: left;
	font-size:14px;
}
.blogBox ul.ul_2 li .R .date def{
	display: inline-block;
	margin:0 .8rem 0rem 0;
}

/*详情页*/

.blogBox h3.nav_detail{
	border-radius:3px;
	width:100%;
	padding:8px;
	letter-spacing:1px;
	/*background: linear-gradient(to bottom,#E7F0FD, #fff);*/
	border-bottom:1px solid #efefef;
	text-align:center;
}

.blogBox h3.topic_detail{
	border-radius:3px;
	width:100%;
	padding:10px 8px;
	letter-spacing:1px;
	border-bottom:1px solid #efefef;
	text-align:center;
}

.blogBox ul.ul_2 li .R .date_detail{width:100%;text-align:center; margin-bottom:10px;}
.blogBox ul.ul_2 li .R .date_detail dd{
	display:inline-block;
	/*padding:2px;*/
	font-size:14px;
	border:1px solid #CCC;
	border-radius:5px;
	margin:0 1%;
	width:21%;
}
 
.blogBox ul.ul_2 li .R .tit2 top{ 
	border:1px solid #C90; 
	margin:0 5px; 
	padding:2px; 
	font-size:10px; 
	color:#C90; 
	border-radius:3px;
}

/*个人主页*/
.ProfileHeader{
	display:block;
	width:100%;
	padding-top:140px; 
}

.ProfileHeader .ProfileHeader-tou{
	border-radius:10% 10% 0 0;
	background-color:#FFF;
 	color:#333;
}
.ProfileHeader .ProfileHeader-tou .UserAvatar{
	margin:0 12px 0 10px;
	float:left;
}
.ProfileHeader .ProfileHeader-tou .UserAvatar img{
	width:5rem;
	height:5rem;
	border-radius:50%;
	margin:-30px 0 0 30px;
}

.ProfileHeader .ProfileHeader-tou .info {
	margin-top:30px;
	overflow: hidden;
	background-color:#FFF;
}
.ProfileHeader .ProfileHeader-tou .info ul {
	border-radius: 10px;
	padding-bottom:10px;
	overflow: hidden
}
.ProfileHeader .ProfileHeader-tou .info ul li {
	width: 25%;
	float: left
}
.ProfileHeader .ProfileHeader-tou .info ul li p {
	text-align: center;
	color: #000;
	letter-spacing: 1px
}
.ProfileHeader .ProfileHeader-tou .info ul li span {
	text-align: center;
	color: #666;
	display: block;
	letter-spacing: 1px;
}
.ProfileHeader .ProfileHeader-tou .nick{
	padding:8px 0 0 30px;
	margin:5px 0;
}

 
.ProfileHeader .ProfileHeader-tou .nick a{
	/*width: 3rem;
	text-align: center;
	flex-shrink: 0;
	display: inline-block;
	height: 1.7rem;
	line-height: 1.7rem;
	border-radius: .85rem;
	background: #0E4ACD;
	color: #fff;
	margin-right:30px;*/
	
	padding:2px 5px;
}

.ProfileHeader .ProfileHeader-tou .nick def{
	width: 3rem;
	text-align: center;
	flex-shrink: 0;
	display: inline-block;
	height: 1.7rem;
	line-height: 1.7rem;
	border-radius: .85rem;
	color: #fff;
	margin-right:30px;
}

.ProfileHeader .ProfileHeader-tou .nick .vip{border:1px solid #ccc; border-radius:5px; width:80px; padding:0 3px;}
.ProfileHeader .ProfileHeader-tou .nick .vip img{margin-bottom:3px;}
 
.ProfileHeader .ProfileHeader-tou .nick a.disabled{background: #808080; color:#FFF;} 
 
.ProfileHeader .ProfileHeader-tou .intro{
	padding:10px 0 10px 30px;
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ProfileHeader .ProfileHeader-tou .intro a{
	text-align: center;
	flex-shrink: 0;
	display: inline-block;
	height: .7rem;
	line-height: .7rem;
	 
	padding:5px;
	margin-right:10px;
}

/*文章列表*/
.meansBox ul.ul_1 .current p a{
	font-weight:700;
	color:#FFA500;
	text-decoration:underline;
}

.meansBox ul.ul_1 li p {
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #666;
	letter-spacing: 1px;
}
.meansBox ul.ul_2 {
	overflow: hidden;
}
.meansBox ul.ul_2 li {
	margin-bottom: 2px;
	padding: 5px;
	background: #fff;
	padding: 10px;
	overflow: hidden
}
 

.meansBox ul.ul_2 li .R {
	flex: 1;
}
.meansBox ul.ul_2 li .R .tit {
	letter-spacing: 1px;
	line-height: 1.5rem;
	color: #333;
	font-weight:600;
	padding-left:24px;
	margin-top:20px;
}

.meansBox ul.ul_2 li .R .tou dd{
	float:left;
	margin-right:8px;
}
.meansBox ul.ul_2 li .R .tou p{
	line-height:16px;
	padding:10px 0 0 0;
	color:#999;
	font-size:12px;
} 
.meansBox ul.ul_2 li .R .tou p b{
	font-size:14px;
	padding-left:1px;
}

.meansBox ul.ul_2 li .R .tou img{width:2.5rem; height:2.5rem; border-radius:50%; vertical-align:middle; border:1px solid #efefef;}
.meansBox ul.ul_2 li .R .tou img.vip{width:12px; height:12px; position:relative; margin:20px 0 0 -10px;}
 
.meansBox ul.ul_2 li .R .tou span {
	margin-left:-1px;
}


.meansBox ul.ul_2 li .R .sub{
	display:inline-block;	
	margin-top:10px;
	text-indent:24px;
	width:100%;
}

 
.meansBox ul.ul_2 li .R .sub .img{
	float:right;
	text-align:center;
	border-radius:5px;
}
 
.meansBox ul.ul_2 li .R .sub .img img{
	border-radius:5px;
	max-height:80px;
	max-width:110px;
	border:1px solid #efefef;
}

.meansBox ul.ul_2 li .R .date {
	color: #666;
	font-size: 14px;
	float: left;
}
.meansBox ul.ul_2 li .R .date dd{
	display: inline-block;
	margin:.2rem .8rem 0rem 0;
}

 
.icon {
	width: 26px;
	height: 24px;
	display: block;
	border: none;
	float: left;
	background-size: 20px;
	background-repeat: no-repeat;
}

.icon-eye {
	background: url(/images/eye.jpg) no-repeat;
}

.l{float:left;}
.r{float:right;}
.b{ border:1px solid #F00;}


.right-list {position:relative;background-color:#fff;padding:1.2rem;clear:both;overflow:hidden;margin-bottom:3px;border-radius: 5px;}
.right-list .w-newsitem{width:100%;position:relative}
.right-list .w-newsitem h4{position:relative;margin-bottom:3px!important}
.right-list .w-newsitem h4 a{color:#333; margin:0 5px;}
.right-list .w-newsitem h4 a.current{color:#FFA500; font-weight:600;}
.right-list .w-newsitem h4::after{position:absolute;display:block;content:'';width:32px;bottom:-20px;left:0;border-top:solid 2px #e0e9f7;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.right-list:hover .w-newsitem h4::after{left:0!important;margin-left:0!important;width:100%!important}

.detail-page{color:#999;}