@media screen and (min-width: 800px) {
	.utop{
		text-align: left;
		margin-left: 20%;
	}
	.ubanner{
		background:url('../img/ubanner.jpg') ;
		height: 300px;
		/*background-size: 100%;*/
	}
	.uhead{
		width: 80px;
		height: 80px;
		margin-top: 70px;
	}
	.mtab-item{
		width: 130px;
		margin:0 auto;
		font-size: 16px;
	}
	.dat{
		display:block;
	}
	.cardborder{
		border: 1px solid #f8f8f9!important;
		margin:15px 60px 100px 60px;
		width:100%;
	}
	.alllist{
		padding-top:50px
	}
	.who{
		display: inline;
	}
	.borderl{
		border-radius: 10px;
		margin-right:6px
	}
	.borderr{
		border-radius: 10px;
		margin-left:6px;
		margin-top: 0px;
	}
	.col-lg-8 {
		flex: 0 0 68.666667%;
		max-width: 68.666667%;
	}
	.col-lg-4 {
		flex: 0 0 30%;
		max-width: 30%;

	}
	.ulist{
		height:500px;
		overflow-y: scroll;
		position: relative;
	}
	.input-reduce{
		border-radius: 16px;
		border-top-right-radius: 0;
		border-bottom-right-radius:0;
		background: #EFEFEF;
	}
	.btn-reduce{
		border-radius: 16px;
		border-top-left-radius: 0;
		border-bottom-left-radius:0;
		color: #ced4da;
		background-color: #EFEFEF;;
		border-color: #ced4da;
		border-left:0;
	}
	.form-control:focus {
        border-color: #ced4da;
        box-shadow: 0px 1px 1px rgba(239, 239, 239, 0) inset, 0px 0px 8px rgba(239, 239, 239, 0);
    }
	.person{
		height: 80px;
		line-height: 4.5;
		float: inherit;
		display: block;
		text-align: left;
		width:100%;
		margin: 0px;
	}
	.persl{
		width: 20%;
		float: left;
		display: inline;
		text-align: center;
		margin: 0px;
	}
	.persr{
		width: 80%;
		height: 80px;
		line-height: 1.4;
		padding: 17px 0;
		float: right;
	}

	.pname{
		font-weight: 400;
		height: 15px;
		font-size: 16px;
		color: #333333;
	}
	.pmessage{
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		line-height: 24px;
		display: block;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		width: 80%;
		float:left;
	}
	.pmessaget{
		height: 19px;
		font-size: 14px;
		font-weight: 400;
		color: #999999;
		line-height: 24px;
		float: right;
		display: inline;
		margin-right: 10px;
	}
	.newmessage{
		min-width: 17px;
		min-height: 17px;
		background-color: #ff5252;
		border-radius: 9px;
		line-height: 12px;
		font-size: 12px;
		text-align: center;
		cursor: pointer;
		padding: 2px;
		position: absolute;
		right: 10px;
		margin:2px;
		top: auto;
	}

	.th5{
		height:25px;
	}
	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
	::-webkit-scrollbar
	{
		width: 10px;
		height: 10px;
		background-color: #F5F5F5;
	}
	 
	/*定义滚动条轨道 内阴影+圆角*/
	::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
		border-radius: 5px;
		background-color: #ffffff;
	}
	 
	/*定义滑块 内阴影+圆角*/
	::-webkit-scrollbar-thumb
	{
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #DBDBDB;
	}
	.rer{
		margin-left: 10px;
		background: #EFEFFF;
		border-radius: 10px;
		max-width: 40%;
		float: left;
		padding: 10px;
	}
	.sel{
		background: #EFEFFF;
		border-radius: 10px;
		max-width: 40%;
		float: right;
		padding: 10px;
		text-align: left;
	}
	.smtime{
		font-size: 14px;
		font-weight: 400;
		color: #999999;
		line-height: 24px;
		clear: both;
		margin-right: 40%;
	}
	.enter{
		font-size: 12px;
		font-weight: 400;
		color: #999999;
		display:inline;
	}
}