yhb/pages/information/chat/chat.wxss

page {background-color: #EDEDED; height: 100%;}  
/* .HGJKHJKHJK{height: 100%;} */



.history { 
  /* border:1px solid; */
  height: 88%;  
  font-size: 30rpx;  
  word-break: break-all;  
  margin: auto;
}  
/* 自己 */
.my_right{padding:20rpx;}
.my_right .time{text-align:center;display:block;}
/* 文字 */
.my_right .information{margin-top:30rpx;float:right;}
.my_right .information text{max-width:474rpx;display:block;float:left;margin-right:20rpx;background:#FFF;border-radius:10rpx;overflow:hidden;padding:18rpx 18rpx;}
.my_right  .m_tx{width:80rpx;height:80rpx;border-radius:6rpx;overflow:hidden;}

/* 图片*/
.my_right .m_img{margin-top:30rpx;float:right;}
.my_right .m_img .m_picture{width:260rpx;float:left;margin-right:24rpx;border-radius:6rpx;max-height:260rpx;}

/* 他人 */
.my_left{padding:20rpx;}
.my_left .l_time{text-align:center;display:block;}
/* 文字 */
.my_left .l_information{margin-top:30rpx;float:left;}
.my_left  .l_tx{width:80rpx;height:80rpx;border-radius:6rpx;overflow:hidden;float:left;}
.my_left .l_information text{max-width:474rpx;display:block;float:left;margin-left:20rpx;background:#FFF;border-radius:10rpx;overflow:hidden;padding:18rpx 18rpx;}
.my_right  .l_tx{width:80rpx;height:80rpx;border-radius:6rpx;overflow:hidden;float:left;}

/* 图片*/
.my_left .l_img{margin-top:30rpx;float:left;}
.my_left .l_img .l_picture{width:260rpx;float:left;margin-left:24rpx;border-radius:6rpx;max-height:260rpx;}


/* 底部 */
.my_bottom_box{width:100%;background:rgba(246, 246, 246, 0.98);position:fixed;bottom:0;left:0;padding:20rpx 0 50rpx 0;}
.my_bottom{padding:0 20rpx;position:relative;min-height:60rpx;}
.my_bottom .l_img{width:60rpx;height:60rpx;display:block;position:absolute;bottom:0;}
.my_bottom .r_img{width:60rpx;height:60rpx;display:block;position:absolute;bottom:0;right:24rpx;}



.textarea-wrp{float:left;width:500rpx;background-color: #fff;margin-left:86rpx;min-height: 60rpx;
padding:0 20rpx;border-radius:6rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;        
    flex-direction: column;
}


/* .textarea-wrp textarea{font-size:20rpx;} */

textarea{
font-size:30rpx;
/* border: 1px  solid; */

  /* margin: auto; */

width:100%; 
max-height:145rpx;overflow:auto;




}