/* 顶部导行条 */
.topBar{
	height:45px;
	background:#666;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position: sticky;
	top:0px;
	z-index:999;
}
.topBar .left{
	position:relative;
	z-index:991;
	padding-left:10px;
	display:flex;
	align-items:center;
	cursor:pointer;
	text-decoration:none;
	color:#fff;
}
.topBar .left .icon{
	margin-right:5px;
}
.topBar .left .icon img{
	display:block;
	max-height:18px;
}

.topBar .center{
	position:absolute;
	text-align:center;
	width:100%;
	z-index:990;
	color:#fff;
	font-size:15px;
}
.topBar .right{
	z-index:990;
	color:#fff;
	margin-right:15px;
}


/* 底部导行 */
.nav{
	position: fixed;
	width:100%;
	max-width:760px;
	bottom:0px;
}
.navList{
	height:50px;
	background:#00a0e9;
	display:flex;
	z-index:9999;
	position:relative;
}
.navList .item{
	width:100%;
	display:block;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:15px;
	line-height:15px;
}
.navList .item .icon{
	margin-right:3px;
}
.navList .item .icon img{
	max-height:18px;
	display:block;
}
.navList .item.on{
	background:#0399dd;
}

/* 用户信息 */
.userInfo{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
	border:1px solid #eff2f5;
	margin:10px;
	border-radius:10px;
}
.userInfo .headimg{
	width:70px;
	height:70px;
	border-radius:50%;
	overflow:hidden;
	border:1px solid #eee;
}
.userInfo .headimg img{
	width:100%;
}
.userInfo .text{
	padding-left:10px;
}
.userInfo .text .username{
	font-size:16px;
	margin-bottom:5px;
}
.userInfo .text .code{
	font-size:13px;
	color:#666;
}
.userInfo .msg{
	margin-left:auto;
	width:40px;
	height:40px;
	border-radius:50%;
	line-height:40px;
	text-align:center;
	border:1px solid #eee;
	position:relative;
}
.userInfo .msg .iconfont{
	font-size:24px;
	color:#999;
}
.userInfo .msg .poi{
	position:absolute;
	display:inline-block;
	top:-3px;
	right:-3px;
	background:red;
	width:16px;
	height:16px;
	line-height:16px;
	color:#fff;
	border-radius:16px;
	font-size:12px;
}
.userInfo .bind{
	color:#06a7ff;
	display:inline-block;
	background:#eef9fe;
	padding:0 10px;
	font-size:12px;
	height:24px;
	line-height:24px;
	margin-top:3px;
	border-radius:12px;
	border:1px solid #a0cfff;
}

/* 列表 */
.list .item{
	border:1px solid #eee;
	margin:10px;
	border-radius:5px;
}
.list .item  .info .title .num{
	color:#999;
}
.list .item .info{
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#fafafa;
	padding:10px;
	font-size:14px;
}
.list .item .info .status{
	flex-shrink:0;
}
.list .item .info .status span{
	display:none;
	display:inline-block;
}
.list .item .info .status span:nth-child(2):before{
	content:'➜';
	font-size:12px;
	margin:0 2px;
}

.list .item .reSubmit .time{
	color:#999;
	font-size:13px;
	display:inline-block;
	height:38px;
	line-height:38px;
}
.list .item .tb{
	display:none;
}
.list .item:first-child .tb{
	display:block;
}
.list .item .tb .msg{
	margin-bottom:5px;
	border-radius:5px;
	overflow:hidden;
}
.list .item table{
	width:100%;
}
.list .item table td{
	padding:8px;
	background:#fff;
}
.list .item .reSubmit{
	background:#fafafa;
	text-align:center;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 8px;
}
.list .item .reSubmit .right{
	display:flex;
	align-items:center;
	overflow:hidden;
}
.list .item .reSubmit a{
	display:block;
	padding:12px 5px;
	overflow:hidden;
	margin-left:15px;
}

.list .item .reSubmit .time{
	color:#999;
	font-size:13px;
}
.list .item .fileList{
	display:flex;
	flex-wrap:wrap;
	margin:-4px;
}
.list .item .fileItem{
	box-sizing:border-box;
	width:33.3333%;
	padding:2px;
}
.list .item .fileBox{
	height:100%;
	box-sizing:border-box;
	border:1px solid #eee;
	padding:4px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.list .item tr{
	display:flex;
}
.list .item tr td{
	width:100%;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
}
.list .item tr td:first-child{
	max-width:30%;
	border-left:none;
}
.list .item .tb img{
	max-width:100%;
}
.list .item .val{
    word-wrap:break-word;
    word-break:break-all; 
    display: block;
    max-width:100%;
}

/* 最新回复消息 */
.lastMsg{
	padding:10px;
    background-color:#fffbe8;
	color:#666;
	position:relative;
	z-index:99;
	word-wrap:break-word;
	word-break:normal; 
	word-break:break-all; 
}
.lastMsg .label{
	font-weight:700;
}