body{ padding-top: 2.5rem;}
#header{ position: fixed; top: 0px; width: 100%; height: 2.5rem; background:rgb(58, 206, 216);box-sizing: border-box;border-bottom:0.02rem solid #c9c9c9; font-size: 0px; z-index: 99;}
#header .back{color:#fff;height:2.5rem;width:2.5rem;text-align:center;float:left;font-size:0.35rem;line-height:2.5rem;}
#header .title{color:#fff;height:2.5rem;width:5.5rem;text-align:center;float:left;font-size:0.35rem;line-height:2.5rem;}
#header .other{width:2.5rem;height:2.5rem;float:left;}


.kefulistmain .item{background:#fff;padding:0.2rem 0.25rem;margin-bottom:1px;height:3rem;}
.kefulistmain .item .img{width:2.5rem;height:2.5rem;float:left;}
.kefulistmain .item .img img{width:2.5rem;height:2.5rem;border-radius:2.5rem;}
.kefulistmain .item .text{width:auto;height:2.5rem;float:left;font-size:0.75rem;color:#999;line-height:2.5rem;padding-left:0.75rem;position: absolute;left:3.2rem;right:2.5rem;}
.kefulistmain .item .text .name{color:rgb(58, 206, 216);font-size:0.8rem;width:100%;float:left;height:1.25rem;line-height:1.25rem;}
.kefulistmain .item .text .zu{color:#ccc;width:100%;height:1.25rem;line-height:1.25rem;font-size:0.6rem;text-align:left;}
.kefulistmain .item .to{width:2.5rem;height:2.5rem;color:#999;font-size:1rem;line-height:2.5rem;float:right;text-align:center;}

#footer{position:fixed;bottom:0;width:7.5rem;height:2.5rem;padding:0.25rem 0;background:#FFFFFF;border-top:1px solid #efefef;}
#footer .footer-item{width:3.75rem;display:inline-block;float:left;text-align:center;}
#footer .footer-item span{display:block;width:3.75rem;}
#footer .footer-item span.icon{font-size:0.45rem;height:0.6rem;line-height:0.6rem;color:#64727b;}
#footer .footer-item span.text{font-size:0.25rem;height:0.4rem;line-height:0.4rem;color:#64727b;}

#footer .now span.icon{color:rgb(58, 206, 216);}
#footer .now span.text{color:rgb(58, 206, 216);}

/*.badge{
	position: absolute;
	font-size: 0.2rem;
	top: 0.25rem;
	color: #fff;
	background: red;
	display: block;
	width: 0.75rem;
	height: 0.75rem;
	margin-left: 0.2rem;
	border-radius: 0.75rem;
}*/

.mychatmain .item{background:#fff;margin-bottom:1px;height:3rem;}
.mychatmain .item .left{width:100%;height:3rem;float:left;padding:0.35rem;padding-left:0.5rem;}
.mychatmain .item .left .img{width:2.5rem;height:2.5rem;float:left;}
.mychatmain .item .left .img img{width:2.5rem;height:2.5rem;}
.mychatmain .item .left .img .mychatbadge{
	position: absolute;
	display: block;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	background: red;
	color: #fff;
	font-size: 0.55rem;
	border-radius: 1rem;
	margin-top: -2.7rem;
	margin-left: 1.8rem;
}
.mychatmain .item .left .text{width:auto;padding:0 0.5rem;height:2.5rem;float:left;position: absolute;left: 3.2rem;right: 0;}
.mychatmain .item .left .text .name{width:100%;height:1.25rem;line-height:1.25rem;font-size:0.8rem;color:#000;font-weight: 500;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mychatmain .item .left .text .zu{width:100%;height:1.25rem;line-height:1.25rem;font-size:0.7rem;color:#999;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mychatmain .item .right{width:3.75rem;height:3rem;line-height:3rem;float:left;background:red;color:#fff;text-align:center;}