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;}