.message-page{font-family:PingFangSC-Regular,PingFang SC;width:1200px;margin:auto;background:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.02);border-radius:6px;min-height:800px;margin-top:30px;padding:30px 60px}.message-page .message-head{display:flex;justify-content:space-between;align-items:center}.message-page .message-head .left{color:#74798c}.message-page .message-head .left,.message-page .message-head .left span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.message-page .message-head .left span{color:#20253a}.message-page .el-textarea{margin-top:10px}.message-page .tools{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.message-page .tools .number-limit{font-size:14px;font-weight:400;color:#9ba2ab}.message-page .el-button--primary{color:#fff;background-color:#4880ff;border-color:#4880ff}.message-page .list-messages{border-top:1px solid #f2f2f2;margin-top:60px}.message-page .list-messages .list-item{padding:23px 0 20px}.message-page .list-messages .list-item,.message-page .list-messages .list-item .item-head-left{display:flex;justify-content:space-between}.message-page .list-messages .list-item .item-head-left .head-left img{width:44px;height:44px;border-radius:44px;border:1px solid #f2f2f2}.message-page .list-messages .list-item .item-head-left .head-right{margin-left:25px}.message-page .list-messages .list-item .item-head-left .head-right .head-name{font-weight:400;color:#74798c}.message-page .list-messages .list-item .item-head-left .head-right .head-name .ent{margin:0 5px;border-radius:2px;border:1px solid #4880ff;font-weight:400;color:#4880ff;font-size:12px;width:40px;line-height:20px;display:inline-block;text-align:center;position:relative;top:-2px}.message-page .list-messages .list-item .item-head-left .head-right .head-message{font-weight:400;color:#20253a}.message-page .list-messages .list-item .item-head-left .head-right .head-time{font-size:14px;font-weight:400;color:#9ba2ab;margin-top:10px}