/*
* @Author: Rosen
* @Date:   2017-05-28 11:58:18
* @Last Modified by:   zhou
* @Last Modified time: 2018-12-19 15:38:21
*/
.pg-content{
    text-align: center;
    color: #333;
}
.pg-content .pg-item{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    margin: 0 2px;
    border: 1px solid #ccc;
    background: #eee;
    cursor: pointer;
    -moz-user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
    user-select : none;
}

.pg-content .pg-item.active{
    border: 1px solid #f6f6f6;
    background: none;
    cursor: auto;
}
.pg-content .pg-total{
    margin-left: 10px;
    background: none;
    cursor: auto;
}

.pg-content{text-align:right;padding-right:25px;;}
.pg-content a{display:inline-block; min-width:10px; line-height:30px; border:1px solid #ccc;padding:0 10px;margin:0 2px;color:#666; text-align:center;}

.pg-content a:hover {background:#fff; border-color: #35ccca; color: #35ccca }
.pg-content a.on { background: #35ccca; border-color: #35ccca; color: #fff; }

.pg-content .pg-item.disabled{
    color: #ccc;
    background: none;
    cursor: auto;
}





/*
* @Author: newtonf5
* @Date:   2018-10-24 20:33:47
* @Last Modified by:   newtonf5
* @Last Modified time: 2020-01-24 14:27:35
*/
/*myfollow*/
.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 .img_lt{width:40%; float:left;}
/*.myfollow .img_lt .img{width:65px; height:65px; border-radius:100%; overflow:hidden; float:left;margin-right:10px;}*/
.myfollow .img_lt .text{color:#999; overflow:hidden;padding-top:9px;line-height:25px;margin-left:20px;}
.myfollow .img_lt .text h3{font-size:16px;color:#333;}
.myfollow .img_lt .text p{font-size:13px;color:#999;}
.myfollow .img_lt .text p a{font-size:13px;color:#999;}
.myfollow .img_lt .text h3 label { font-weight: normal; display: inline-block; padding: 0 15px; border-radius: 20px; border: 1px solid #ebebeb; font-size: 16px; color: #313239 ;line-height:22px; color:#999;margin-left:20px;}
.myfollow .wrap{background:#fff;min-height: 800px;}
.myfollow .wrap_bg{background:none;}


.myfollow .list_rt { width: 100%; float: left; }
.myfollow .list_rt ul li{width:100%; float:left;line-height:30px;color:#999}
.myfollow .list_rt ul li label{color:#333;font-size: 15px;}
.myfollow .list_rt ul li .role_change{
	color: #35ccca;
}
.myfollow .list_rt ul {margin-top:5px; width: 90%; }






.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.admin.bojianger.com/bojianger-backend/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.admin.bojianger.com/bojianger-backend/dist/resource/icon5-1.png) no-repeat left center; }
.myfollow .list:hover .no_follow { display: block; }
.myfollow .ul2 .img_lt{ width:100%; float:none;}

.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: 80px; 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.admin.bojianger.com/bojianger-backend/dist/resource/icon6.png) no-repeat center center;}
.ico_type.on { background: url(//s.admin.bojianger.com/bojianger-backend/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: 10px 100px; 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}

.div_header { height: 60px; }

.tips {
	/*margin: 10px 100px; */
	float: right;
	color:#999;
	width:30%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	/*兼容性*/  
	-webkit-text-overflow:ellipsis;
}

.audience_tit .category-list { padding:0;border:0}
.audience_tit .category-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 .category-list a:hover, .audience_tit .category-list a.on { border-color: #35ccca; color: #35ccca; }

.audience_tit .total-category-list { padding:0;border:0}
.audience_tit .total-category-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 .total-category-list a:hover, .audience_tit .category-list a.on { border-color: #35ccca; color: #35ccca; }

.total-category-list { padding:0;border:0;max-height:390px;overflow-y:scroll;}
.total-category-list a { margin: 5px 10px; width: auto; min-width:77px;line-height: 22px; border: 1px solid #ebebeb;background:#ffffff; color: #b8b9ba; text-align: center; border-radius: 20px; display: inline-block }
.total-category-list a:hover, a.on { border-color: #35ccca; color: #35ccca; }

.query-info{
	margin-right: 50px
}

.filter-more {
	display:inline
}


.div_alt { position: fixed; top: 50%; left: 20%; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f000000', endColorstr='#6f000000'); padding: 20px 30px; width: 60%;  border-radius: 8px; }
.alt_yy1, .alt_yy2 { margin-top: -208px; }
.div_alt.alt_access { width: 357px; margin-left: -206px; margin-top: -103px; }
.close { position: absolute; top: -10px; right: -65px; width: 35px; height: 38px; background: url(//s.admin.bojianger.com/bojianger-backend/dist/resource/icon18.png) no-repeat center center #3cb49f; border-radius: 0 5px 5px 0; cursor: pointer; }



@media only screen and (max-width: 750px){
    .tit3 > span{ padding:0 10px;}
    .date > a{ padding:0 10px;}
    .date{ margin-right:10px;}
    .audience_tit .list a{ margin:5px;}
    .myfollow .list{ padding:15px;padding-top:25px;}
    .myfollow .list_rt,.myfollow .img_lt{width:100%;float:none;}
    .myfollow .list_rt{ clear:both;}
    .ul4 .tips{padding-left:0}
    .audience_tit .list{padding:0}
    .date .datepicker{ padding:0 5px;}
}

.room_thumb{
	float:left;
	width: 45%;	
}

.desc{
	padding: 0 15px;
	width: 45%;	
}


.tab{
	margin-left: 10px;
}

.content_item{
	margin-right:15px;
	font-size: 13px;
	color:#333;
	float: left;
}

.title{
	float: left; 
	width: 120px;
}
.content{
	float: left; 
	width: 650px;
}


.ip_title{
	float: left; 
	width: 25%;
}

/*.tab {  float: left; }
.tab ul li{float:left;line-height:30px;color:#999}
.tab ul li label{color:#333;}
.tab ul li .role_change{
	color: #35ccca;
}
.tab ul {margin-top:5px; width: 90%; }*/