/*
* @Author: newtonf5
* @Date:   2018-10-24 21:37:53
* @Last Modified by:   newtonf5
* @Last Modified time: 2020-01-22 18:34:13
*/
.div_header { height: 60px; }

.myfollow .list { position: relative; border: 1px solid #dcdcdc; padding: 23px; margin-bottom: 15px; }
/*.myfollow .list .span_num{display:block;text-align:center;line-height:35px; position:absolute; top:0; left:0;padding-right:20px;padding-bottom:10px; width:30px; height:40px; background:url(../../image/icon4.png) no-repeat center center; color:#fff;font-size:24px;}*/

.myfollow .list .span_num{
	display:block;
	text-align:center;
	line-height:35px; 
	position:absolute; 
	top:-10px;
	min-width:40px; 
	text-align:center; 
	left:0;padding:0 10px;
	line-height:24px; 
	background:#35ccca;
	border-radius:20px;
	border-bottom-left-radius:0;
	border-top-left-radius:0; 
	color:#fff;
	font-size:16px;
}



.myfollow .tit { background: #fff; }
.myfollow ul{background:#fff;}
.myfollow .tit { line-height: 50px; border-bottom: 1px solid #f1f1f1; padding: 0 20px; font-size: 18px; }
.myfollow .tit>a {color:#fff; line-height:24px;font-size:14px;color:#fff;border-radius:20px;margin-left:20px; display: inline-block; vertical-align: middle; padding: 0 20px; background: #35ccca }
.myfollow .wrap>ul{padding:24px; }

.myfollow .wrap{background:#fff;min-height: 800px;}
.myfollow .wrap_bg{background:none;}

.myfollow .no_follow {display:none; position: absolute; top: -1px; right: -1px; width: 93px; line-height: 28px; border: 1px solid #35ccca; text-align: center;   color: #35ccca; }
.myfollow .no_follow span{display:inline-block; padding-left:22px;background:url(//s.bojianger.com/bojianger_pro/dist/resource/icon5.png) no-repeat left center;}
.myfollow .no_follow.on{ border-color:#ccc;border-color:#ccc}
.myfollow .no_follow.on span {color:#ccc; background: url(//s.bojianger.com/bojianger_pro/dist/resource/icon5-1.png) no-repeat left center; }
.myfollow .list:hover .no_follow { display: block; }

.myfollow .img_lt{width:20%; float:left;}
.myfollow .img_lt .img{width:65px; height:65px; border-radius:20%; overflow:hidden; float:left;margin-right:10px;}
.myfollow .img_lt .text{color:#999; overflow:hidden;padding-top:16px;padding-left: 10px;line-height:25px;}
.myfollow .img_lt .text h3 a{font-size:16px;color:#3A5FCD;}
.myfollow .img_lt .text h3 label { font-weight: normal; 
	display: inline-block; 
	padding: 0 15px; 
	border-radius: 20px; 
	border: 1px solid #3A5FCD; 
	font-size: 16px; 
	color:#3A5FCD ;
	line-height:22px; 
	margin-left:20px;
}

.myfollow .ul2 .img_lt{ width:100%; float:none;}

.myfollow .list_rt { width: 80%; float: right; }
.myfollow .list_rt ul li{width:25%; float:left;line-height:30px;color:#999}
.myfollow .list_rt ul li label{color:#333;}
.myfollow .list_rt ul {margin-top:5px; width: 90%; }
.myfollow .ul2 .list_rt { width: 100%; float: none; margin-top: 5px; }
.myfollow .ul2 .list_rt li{width:auto; margin-right:40px;}

.tit2 { background: #f1f1f1; padding-bottom: 20px; }
.tit2 .img{width:65px; height:65px; border-radius:100%; overflow:hidden; border:2px solid #fff;float:left; margin-right:10px;}
.tit2  h3{line-height:69px;font-size:18px; overflow:hidden;}

.tit3{overflow:hidden; background:#fff; border-radius:5px 5px 0 0 ; border-bottom:2px solid #f1f1f1;line-height:58px;  margin-bottom:2px;}
.tit3 li { float: left;; width: 150px; border-right: 1px solid #eaeaea }
.tit3:after{ content:'';display:block;clear:both;}
.tit3 li a{display:block; text-align:center;font-size:16px;color:#999;position:relative;}
.tit3 li a:hover:after, .tit3 li.on a:after { position: absolute; bottom: -1px; left: 0; width: 100%; height: 4px; border-radius: 2px; background: #35ccca; content: ''; display: block; }
.tit3 li a:hover, .tit3 li.on a{ font-size:20px;color:#333;font-weight:bold;}
 
.myfollow .ul3>li{padding:13px;}
.ul3 .img{width:240px; float:left; margin-right:20px;}
.ul3 .text{ overflow:hidden;}
.ul3 .text h3{ line-height:55px;font-size:16px;color:#999; font-weight:normal;}
.ul3 .text h3 label{ font-size:20px; font-weight:bold;color:#333;margin-right:30px;display:inline-block; vertical-align:middle;}
.myfollow .ul3 .list_rt { width: 100%; float: none; }
.ico_type{ position:absolute; top:-1px; right:-1px; width:64px; height:64px; background:url(//s.bojianger.com/bojianger_pro/dist/resource/icon6.png) no-repeat center center;}
.ico_type.on { background: url(//s.bojianger.com/bojianger_pro/dist/resource/icon6-1.png) no-repeat center center; }
/*----------custom----------*/
.myfollow .wrap > ul.ul4 { padding-top: 0 }
.tit3 { border-bottom: 1px solid #f1f1f1; line-height: 50px; }
.tit3 > span { font-size: 18px; padding: 0 20px; display: inline-block }
.audience_tit { padding:20px;background:#fff;padding-bottom:1px }
.audience_tit span { float: left; display: block; margin: 5px 0; margin-right: 20px; }
.audience_tit { line-height: 24px; }
.audience_tit li { margin-bottom: 10px; }
.audience_tit .list { overflow: hidden; padding:0;border:0}
.audience_tit .list a { margin: 5px 10px; width: 77px; line-height: 22px; border: 1px solid #ebebeb; color: #b8b9ba; text-align: center; border-radius: 20px; display: inline-block }
.audience_tit .list a:hover, .audience_tit .list a.on { border-color: #35ccca; color: #35ccca; }
.myfollow .ul4 .no_follow{width:83px;}
.ul4 .tips{margin-top:2px; padding-left:75px;color:#999;}
.ul4 .tips span{ color:#333;}


.myfollow_tabs{padding:30px; }
.myfollow_tabs .tab { border: 1px solid #dcdcdc ;padding:10px 20px;margin-bottom:15px;}
.myfollow_tabs .tab table td{width:40%}
.myfollow_tabs .tab table td:last-child{width:20%;}
.myfollow_tabs .tab table td { line-height: 32px; }
.myfollow_tabs .tab table th{ line-height:50px;}
.myfollow_tabs .tab table th label{display:inline-block;padding-left:30px;font-size:16px;}
.myfollow_tabs .tab table tr:hover td{color:#333}
.myfollow_tabs .tab table tr td:hover{color:#35ccca}

.room_thumb{
	/*width: 124.6px;*/
	width: 124.6px;
	height: 70px;
}

.living{
	color:#35ccca;
}