.detail{
	display: -webkit-flex;
	display: flex;
	width: 90%;
	margin-left: 5%;
	margin-top: 70px;
}
.map-img{
flex: 1;
}
@media(max-width: 991px){
.map-img{
	  width: 100%;
  height: 100%;
}
}

.mes-item{
display: flex;
align-items: center;
margin-top: 15px;
margin-left: 20px;
}
@media(max-width: 991px){
	.mes-item{
		 margin-left: 5px;
	}
}
.message{
	margin-top: 10px;
	flex: 1;
}
.mes-img{
 	width: 36px;
 	height: 36px;
 	padding: 2px;
 }
 .route-cho{
 	padding: 0 7em;
 }
 @media(max-width: 991px){
 	.route-cho{
 		padding: 0 2em;
 	}
 }
 @media(max-width: 991px){
    .detail{
      width: 100%;
      height: 100%;
       margin-left: 0px;
       display: block;
       margin-top: 0px;
    }
  }
 .mes-font{
	font-size: 15px;
  font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif;
}