.personal .tab{

	background: #FFFFFF;
}
.personal .tab li{
	text-align: center;
	line-height: 40px;
	width: 33.33%;
	float: left;
	font-weight: bold;
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.personal .tab li a{
	display: inline-block;
	width: 100%;
	color: #333333;
	font-size: 14px;
}
.personal .tab li.active{
	background: rgba(0,94,255,0.4);
	color: #FFFFFF;
}
.personal .tab li.active a{
	color: #FFFFFF;
}







.personal .intro{
	background: #FFFFFF;
	border-radius: 100px 100px 0px 0px;
	margin: 80px 0 15px;
	position: relative;
}
.personal .intro .photo{
	width: 130px;
	height: 130px;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
	border-radius: 100%;
	overflow: hidden;
	position: absolute;
	top: -65px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.personal .intro .name{
	padding: 84px 0 15px;
}
.personal .intro .name h4{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
.personal .intro .name p{
	color: #333333;
	font-size: 14px;
}
.personal .intro .name span{
	color: #666666;
}
.personal .intro .name .popularity {
	width: 90px;
	height: 29px;
	line-height: 29px;
	color: #9F6E00;
	font-size: 12px;
	background: url(../images/urq.png) no-repeat center;
	background-size: 100%;
	margin: 10px auto 10px;
}
.personal .intro .contact{
	width: 62.5%;
	margin: 0 auto;
	border-top: 1px dashed #D4D4D4;
	padding-top: 15px;
}
.personal .intro .contact li {
	color: #666666;
	font-size: 14px;
	width: 33.33%;
	float: left;
}
.personal .intro .contact li>div{
	margin-bottom: 15px;
}
.personal .intro .contact li:nth-child(3n){
	text-align: right;
}
.personal .intro .contact span {
	color: #333333;
	font-size: 14px;
}
.personal .intro .contact li img{
	width: 14px;
	margin-right: 5px;
}
.personal .intro .contact .mb{
	width: 155px;
	text-align: left;
	float: right;
}










.story{
	width: 88%;
	margin: 0 auto;
	padding-top: 15px;
	border-top: 4px solid #F8F8F8;
}	
.story .title span{
	display: inline-block;
	width: 90px;
	line-height: 34px;
	background: var(--themeColors);
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.story .text{
	padding: 15px 0;
	line-height: 20px;
	color: #666666;
	font-size: 14px;
}











/*团队风采*/
.team .titlebox{
	text-align: center;
	position: relative;
	border-top: 4px solid var(--themeColors);
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.team .titlebox .title{
	color: var(--themeColors);
	font-size: 16px;
	font-weight: bold;
	line-height: 46px;
}



.team-list{
	margin: 0 -8px 15px;
}
.team-list li{
	padding: 0 7px;
}
.team-list .img{
	width: 100%;
	height: 120px;
}
.team-list .name{
	color: #333333;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
}







.team .tab2{
	overflow: hidden;
	margin: 20px 0 0;
}
.team .tab2 li{
min-width: 100px;
line-height: 33px;
background: #FFFFFF;
border-radius: 2px;
padding: 0 15px;
border: 1px solid #D7D7D7;
margin-right: 30px;
font-size: 14px;
color: #999999;
float: left;
text-align: center;
cursor: pointer;
margin-bottom: 15px;
}
.team .tab2 li.active{
color: var(--themeColors);
border: 1px solid var(--themeColors);
}












/*个人分享*/
.share-list {
	margin-top: 20px;
}
.share-list li{
	padding: 18px 20px 18px 0;
background: #FFFFFF;
border-bottom: 1px solid #F8F8F8;
display: flex;
align-items: center;
}
.share-list .time{
	min-width: 100px;
	text-align: center;
}
.share-list .time h4{
font-size: 16px;
color: #666666;
font-weight: bold;
margin-bottom: 6px;
}

.share-list .time p{
font-size: 16px;
color: #666666;
}
.share-list .title h3{
font-size: 15px;
color: #333333;
line-height: 25px;
font-weight: bold;
max-width: 90%;
}
.share-list .title h3:hover{
	color: #005EFF;
}
.share-list .title span{
display: inline-block;

height: 25px;
line-height: 25px;
padding: 0 8px;
color: #005EFF;
font-size: 14px;
margin-left: 10px;
background: rgba(0,94,255,0.15);
}
.share-list .text{
	flex: 1;
}
.share-list .text2{
color: #666666;
font-size: 13px;
line-height: 18px;
margin-top: 8px;
}
.pagebox {
    margin: 20px 0;
}



.share-detail{
	padding: 18px;
	margin: 20px 0;
background: #FFFFFF;
}
.share-title{
	position: relative;
}
.share-title h2{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-bottom:10px;
	line-height: 20px;
}
.share-title p{
	font-size: 14px;
	color: #666666;
}
.share-title p span{
	margin: 0 10px;
}
.share-title .eyes{
	background: url(../images/liulan.png) no-repeat left center;
	background-size: 14px;
	padding-left: 18px;
}
.share-title .time{
	position: absolute;
	right: 0;
	top: 30px;
}
.share-text{
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	margin: 20px 0;
}

.share-next>div{
	margin-bottom: 10px;
}
.share-next p{
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	width: 260px;
}
.share-next p:hover{
	color: #CB0000;
}

/*点赞*/
.infomde-like{
    font-size: 14px;
    color: #666666;
    margin-bottom: 25px;
}
.infomde-like img{
    width: 14px;
    margin-right: 5px;
    margin-top: -2px;
}
.infomde-like>div{
    padding: 0 15px;
    position: relative;
    display: flex;
    align-items: center;
}
.infomde-like>div a{
    font-size: 14px;
    color: #666666;
}
.infomde-like>div:nth-child(1):after {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 10px;
    background: #D6D6D6;
    top: 50%;
    transform: translateY(-50%);
}


.infomde-like .img2{
    display: none;
}
/*.infomde-like .clear:hover .img1{
    display:none;
}
.infomde-like .clear:hover .img2{
    display: inline-block;
}*/
.dianzan.active a{
    color: #CB0000;
}
.dianzan.active .img1{
    display:none;
}
.dianzan.active .img2{
    display: inline-block;
}
.infomde-like span{

color: #005EFF;
margin-left: 3px;
}



























@media screen and (max-width: 768px){
/*个人介绍*/
.personal .intro {
    border-radius: 50px 50px 0px 0px;
}
.personal .intro .name {
    padding: 84px 15px 15px;
}
.personal .intro .contact {
    width: 90%;
}
.personal .intro .contact li {
    width: 100%;
    text-align: left;
}
.personal .intro .contact li:nth-child(3n) {
    text-align: left;
}
.personal .intro .contact .mb {
    width: 100%;
}








/*团队风采*/
.team .tab2 li {
    margin-right: 15px;
}







/*个人分享*/
.share-list .title h3 {
    max-width: 100%;
    flex: 1;
}
.share-title .time {
    position: relative;
    right: 0;
    top: 0;
    margin: 10px;
}
}