yhb/pages/information/chat/chat.wxss

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

.Load_img_box{padding:20rpx  0 ;}
.Load_img{width:35rpx;height:35rpx;margin:auto;}
.Load_img image{width:100%;height:100%; }

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

.my_right .m_state{width:30rpx;float:left;height:80rpx;margin-right:15rpx;}
.my_right .m_state  .m_jz{width:30rpx;height:30rpx;position:relative;top:22rpx;}

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

/* 他人 */
.my_left{padding:0 20rpx;margin-top:50rpx;}
.my_left .l_time{text-align:center;display:block;font-size:24rpx;}
/* 文字 */
.my_left .l_information{margin-top:50rpx;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:50rpx;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;height:80rpx;}
.my_bottom .l_img{width:60rpx;height:60rpx;display:block;position:absolute;bottom:10rpx;}
.my_bottom .r_img{width:60rpx;height:60rpx;display:block;position:absolute;bottom:10rpx;right:24rpx;}



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



.textarea-wrp input{
    font-size:30rpx;
    width:100%; 
  }



/* 更多功能 */
.press-style-opacity{
    opacity: 0.5;
}

.extra-super{
    /* display: flex; */
    margin-top:25rpx;
    /* height: 234rpx; */
    width: 100%;
    background-color: rgba(246, 246, 246, 0.98);
    border-top:1px solid #EEE;


}
.flex-column {
      padding-top:30rpx ;
  float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.extra-image-size{
    width: 114rpx;
    height: 114rpx
}
.extra-text-size{
    color: #666666;
    font-size: 24rpx;
    margin-top: 10rpx
}

.Expression_box{    
    margin-top:25rpx;
    background-color: rgba(246, 246, 246, 0.98);
    border-top:1px solid #EEE;
    padding:0 40rpx;
    }
.Expression_img{
float:left;
margin-top:40rpx;
margin-right:26rpx;

}

.Expression_box  .Expression_img:nth-child(10n){margin-right:0;}

.Send_out{background:#4fa2f3;float:right;font-size:31rpx;color:#FFF;height:80rpx;width:120rpx;text-align:center;line-height:80rpx;border-radius:10rpx;}