.maincate{width: 100%; 
        margin:0 auto;
        /*border-radius:10px;*/
        width: 100%;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        white-space: nowrap;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-backface-visibility: hidden;
        -webkit-perspective: 1000;
        -webkit-overflow-scrolling: touch;
        text-align: justify;
        background: #fff;
        padding: 0px 5px;
        box-sizing: border-box;
        position: fixed;
        top: 0; 
        left: 0;
        z-index: 1000; 
    }
.maincate a{ 
    color: #000; padding:0 5px 0 5px; text-decoration: none; margin-right: 10px;}
.maincate::-webkit-scrollbar{display: none;}

.maincate .on{
    color: #35ccca;
    font-weight:bold;
}/*
* @Author: newtonf5
* @Date:   2018-10-24 21:37:53
* @Last Modified by:   newtonf5
* @Last Modified time: 2020-03-02 03:25:04
*/
.div_header { height: 50px; }

/*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(//s.bojianger.com/bojianger_wap/dist/resource/icon4.png) no-repeat center center; color:#fff;font-size:24px;}
.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:100%; }
.myfollow .img_lt .img{width:50px; height:50px; border-radius:100%; overflow:hidden; float:left;margin-right:10px;}
.myfollow .img_lt .text{color:#999; overflow:hidden;padding-top:9px;line-height:25px;}
.myfollow .img_lt .text h3{font-size:18px;color:#333;}
.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;}
.myfollow .wrap_bg{background:none;}
.myfollow .list_rt { width: 50%; float: right; }
.myfollow .list_rt ul li{width:33.333%; 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 .list_rt .item ul li{ width:200px;float:left;line-height:30px;color:#999}

.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: #fff; height:65px; padding-left: 10px; padding-top: 10px;}
.tit2 .img{width:50px; height:50px; border-radius:100%; overflow:hidden; border:2px solid #fff;float:left; margin-right:5px;}
.tit2  h3{font-size:13px; float: left;vertical-align: middle;margin-top: 20px;}
.tit2 .no_follow {right: 20px; position: absolute; top: 30px;  width: 30px;  /*border: 1px solid #35ccca;*/ text-align: center;   color: #35ccca; }
.tit2 .no_follow span{/*display:inline-block;*/ padding-left:22px;background:url(//s.bojianger.com/bojianger_wap/dist/resource/icon5-4.png) no-repeat center;}
.tit2 .no_follow.on{ border-color:#ccc;border-color:#ccc}
.tit2 .no_follow.on span{color:#ccc; background: url(//s.bojianger.com/bojianger_wap/dist/resource/icon5-5.png) no-repeat center; }
.tit2 .processing{  right: 12px; position: absolute; top: 30px;  width: 30px;  /*border: 1px solid #35ccca;*/ text-align: center;}


.tit3 > span { font-size: 18px; padding: 0 20px; display: inline-block }

.tit3{overflow:hidden; width: 100%; background:#fff;  border-bottom:1px solid #f1f1f1;line-height:30px;  margin-bottom:2px;}
.tit3 ul{width: 100%;}
.tit3 li { float: left;width: 25%; }
.tit3:after{ content:'';display:block;clear:both;}
.tit3 li a{display:block; text-align:center;font-size:10px;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:10px;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_wap/dist/resource/icon6.png) no-repeat center center;}
.ico_type.on { background: url(//s.bojianger.com/bojianger_wap/dist/resource/icon6-1.png) no-repeat center center; }
/*----------custom----------*/
.myfollow .wrap > ul.ul4 { padding-top: 0 }

.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 10px;margin-bottom:15px;width: 100%;}
.myfollow_tabs .tab table{width: 100%;}
.myfollow_tabs .tab table td{width:33.33%;font-size: 11px;}
.myfollow_tabs .tab table td p{float:left;font-size: 9px;color:#b8b9ba; }
/*.myfollow_tabs .tab table td:last-child{width:20%;}*/
.myfollow_tabs .tab table td { line-height: 32px;vertical-align: middle; }
.myfollow_tabs .tab table th{ line-height:30px;}

.tab table th.on {
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.tab table th {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}




.myfollow_tabs .tab_gift { border: 1px solid #dcdcdc ;padding:10px 10px;margin-bottom:15px;width: 100%;}
.myfollow_tabs .tab_gift table{width: 100%;}
.myfollow_tabs .tab_gift table td{width:33.33%;font-size: 11px; border-top:1px solid #ebebeb;}
.myfollow_tabs .tab_gift table td p{float:left;font-size: 9px;color:#b8b9ba; }
/*.myfollow_tabs .tab table td:last-child{width:20%;}*/
.myfollow_tabs .tab_gift table td { line-height: 32px; vertical-align: middle;}
.myfollow_tabs .tab_gift table th{ line-height:30px; }

.tab_gift table th.on {
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.tab_gift table th {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}


.live_status{
	float: left;
	font-size: 13px;
	margin-right:10px;
}
.living{
	color:#35ccca;
}


.myfollow_tabs .tab .past_time{
	display:inline-block;
	/*padding-left:30px;*/
	margin-bottom: 0px;
	font-size:10px;
	width:300px;
	float: left;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	/*兼容性*/  
	-webkit-text-overflow:ellipsis;
}
.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;
}
.mainer{
	min-height: 800px;
}





.mode-line{
	height: 5px;
}

.mode_tit { margin-top:5px;padding-top:10px; padding-left:10px;background:#fff;padding-bottom:1px }
.mode_tit span { float: left; display: block; /*margin: 5px 0;*/ margin-right: 20px; }
/*.mode_tit { line-height: 18px; }*/
/*.mode_tit li { margin-bottom: 10px; }*/
.mode_tit .list { overflow: hidden; padding:0;border:0}
.mode_tit .list a { 
	margin-right: 5px; 
	width: 70px; 
	line-height: 20px; 
	font-size: 10px;
	border: 1px solid #ebebeb; 
	color: #b8b9ba; 
	text-align: center; 
	border-radius: 20px; 
	display: inline-block 
}
.mode_tit .list a:hover, .mode_tit .list a.on { border-color: #35ccca; color: #35ccca; }