body{
	margin: 0;
    padding: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    overflow: hidden;
    width: 100%;
    height: auto;
	background-color: antiquewhite;
}

.top{
	width: 100%;
    height: 50px;
    background-color: #36a9e1;
    
    display: flex;
    /*flex-wrap: wrap;*/
    
}

.top_left{
	width: 85%;
    height: 50px;
}
.top_left span{
	margin-left: 20px;
	line-height: 50px;
	color: #ffffff;
	/*width: 80%;
    height: 50px;*/
}
.top_right{
	width: 15%;
    height: 50px;
    /*border: 1px solid red;*/
    
}

.top_right button{
	background:url(../img/down1.png);
	width: 100%;
    height: 50px;
    /*border: 1px solid red;*/
    
}

/*.top_right a:hover{
	width: 100%;
	height: 50px;
	background-color: red;
	  
}*/

.chat_neirong{
	width: 100%;
    height: calc(70vh);
    /*height: auto;*/
    /*border: 3px solid #36a9e1;*/
    overflow-y: scroll;
    overflow-x: hidden;
    word-break: break-all;
    display: flex;
    flex-direction: column;
}

.zhen_chat_neirong{
	width: 100%;
    height: 82%;
    /*border: 1px solid #36a9e1;*/
   
}

.shuru{
	/*border: 5px solid red;*/
	width: 100%;
    height: auto;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    /*border: 1px solid #36a9e1;*/
    
   
}

.shuru button:first-child{
	width: 5%;
    height: 48px;
    /*height: 10%;*/
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    /*background:url(../img/send.png)*/
    /*border: 1px;*/
}


#file_img{
    display: none;
}


.shuru input{
	width: 65%;
    /*height: 50%;*/
    height: 48px;
    border: 1px solid lightblue;
    margin-left: 5px;
    margin-top: 5px;
   
}


.shuru img{
	width: 15%;
    height: 48px;
   /* height: 10%;*/
    margin-top: 5px;
    /*margin-left: -15px;*/
    
    
}

.dantiao_neirong_admin{
	width: 100%;
	height: auto;
	/*border: 1px solid red;*/
	/*display: flex;
	flex-direction: row;
	justify-content: space-around;*/
}

.dantiao_zheng_neirong{
	width: 96%;
	height: auto;
	/*border: 1px solid red;*/
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 20px;
	
	display: flex;
	flex-direction: row;
	/*justify-content: space-around;*/
	
}

/*.user_touxiang{
	width: 5%;
	height: 40px;
	border-radius:50%;
}*/


.dantiao_zheng_neirong img{
	width: 10%;
	height: 40px;
	border-radius:50%;
}

.dantiao_jihe_neirong{
	width: 93%;
	height: auto;
	/*border: 1px solid red;*/
	margin-left: 15px;
	
}


.dantiao_jihe_neirong span{
	font-size: 14px;
	color: #00cfff;
	padding-right: 5%;
	
	
}

.chat_first_span{
	margin-left: 5px;
	color: #00cfff;
	font-weight: bold;
}

.chat_last_span{
	margin-left: 80%;
	/*margin-right: 5px;*/
	
	
}
.liaotian_neirong{
	width: 93%;
	height: auto;
	margin-left: 5px;
	font-size: 14px;
	
}

.liaotian_neirong img {
	width:50%;
	/*max-width:600px;*/
	
	height: auto;
	border-radius:0%;
}