.leftUserList{
			position: fixed;
			left: 5%;
			top: calc(5% + 50px);
			height: 80%;
			width: 20%;
			border-right: solid 1px #333;
			box-sizing:border-box;
			overflow-y:auto;
		}
		.leftUserList ul li a{
			display: block;
			width:100%;
			padding: 5px 0px;
			border-top:solid 1px #ddd;
			position: relative;
		}
		.leftUserList ul li a:hover{
			background: #eee;
		}
		.leftUserList .userTitle{
			color:#666;
		}
		.leftUserList .userGroup{
			color:#999;
			box-sizing:border-box;
			padding-left: 10px;
			font-size: 14px;
		}
		.active a .userTitle{
			color:#2BBAFB;
		}
		
		.examineView{
			width:65%;
			position: fixed;
			right: 5%;
			top: calc(5% + 50px);
			height: 80%;
			box-sizing:border-box;
			overflow-y:auto;
			background: #efefef;
			padding: 10px;
		}
		.timeView{
			background: #aaa;
			color:#fff;
			font-size:12px;
			padding: 5px 10px;
			text-align: center;
			margin: 0 auto;
			display: inline-block;
			border-radius:5px;
		}
		
		.msgItem{
			width:80%;
			margin-left: 20px;
			background: #fff;
			color:#000;
			padding: 10px 20px;
			border-radius:10px;
			box-sizing:border-box;
		}
		.msgItem:hover{
			cursor: pointer;
			background: #ddd;
		}
		.chartView{
			width:65%;
			position: fixed;
			right: 5%;
			top: calc(5% + 50px);
			height: 80%;
			box-sizing:border-box;
			background: #fff;
			z-index: 100;
			display: none;
		}
		.chartView div{
			box-sizing:border-box;
		}
		.recordView{
			width:100%;
			border:solid 1px #999;
			height:80%;
			position: relative;
		}
		.topTitleView{
			width: 100%;
			padding-left: 10px;
			line-height: 40px;
			box-shadow:0px 1px 1px #ccc;
			position: absolute;
			left: 0px;
			top:0px;
			background: #fff;
			z-index: 111;
		}
		.myTextView{
			margin-top:10px;
			height: calc(20% - 10px);
			display: flex;
		}
		.myTextView .inputView{
			width:100%;
			border:solid 1px #999;
		}
		.btnView{
			width:100px;
			margin-left:10px;
			background: #ddd;
			display: flex;
			justify-content: center;
            align-items: center;
		}
		.btnView:hover{
			cursor: pointer;
			background: #bbb;
		}
		.inputView textarea {
	resize:none;
	width:100%;
	height: 100%;
	border:0px;
}
#recordList{
	overflow-y:auto;
	width: 100%;
	height: 100%;
	padding-top:50px;
	padding-bottom: 10px;
}
.leftItem,.rightItem{
	display: flex;
	padding: 10px;
}
.userHead{
	width:60px;
	height:60px;
	border-radius:50%;
}
.textTopView{
	width:100%;
	margin:0px 10px;
	padding-top: 10px;
}
.recordText{
		color:#000;
		padding: 10px 20px;
		border-radius:10px;
		display: inline-block;
}
.leftItem .recordText{
	background: #eee;
}
.rightItem .recordText{
	background: #69c832;
	float: right;	
}
.newMsgCount{
	position: absolute;
	right: 30px;
	top:10px;
	display: none;
}