.write-box{box-sizing:border-box;width:100%;height:100%;line-height:20px;border:none;outline:none;resize:none;background:transparent}.write-box::-webkit-input-placeholder{color:#707070}.write-box:-moz-placeholder,.write-box::-moz-placeholder{color:#707070}.write-box:-ms-input-placeholder{color:#707070}.chat-box{border-radius:4px;height:600px;position:relative;width:100%}.chat-box .chat-box-inline{position:relative;height:100%}.chat-box .chat-title{text-align:center;font-size:22px;height:60px;line-height:60px}.chat-box .chat-box-body{padding:20px;height:443px;overflow:auto;white-space:pre-wrap;box-sizing:border-box}.chat-box .history{font-size:12px;color:#696969;text-align:center}.chat-box .chat-box-statement{margin-top:10px;text-align:center;font-size:12px}.chat-box .chat-box-notice-container{margin-top:40px}.chat-box .chat-box-notice{display:inline-block;font-size:14px;text-align:left}.chat-box .notice-conentet{margin-top:5px}.chat-box .chat-contents{margin-top:20px}.chat-box .chat-item{display:flex;margin-bottom:30px}.chat-box .chat-item-right{justify-content:flex-end}.chat-box .chat-item-system{text-align:center;font-size:12px;white-space:nowrap;margin-bottom:30px}.chat-box .item-body-right{margin-left:30px}.chat-box .item-content-container-right{display:flex;justify-content:flex-end;align-items:center}.chat-box .item-head-right{margin-left:10px}.chat-box .item-body-left{margin-right:30px}.chat-box .item-head-left{margin-right:10px}.chat-box .item-username{font-size:12px}.chat-box .item-content{display:inline-block;font-size:16px;padding:4px 10px;border-radius:10px;margin-top:10px}.chat-box .item-content>pre{margin:0}.chat-box .new-message{position:absolute;bottom:0;font-size:12px;left:50%;transform:translateX(-50%);padding:5px;color:#004b77;cursor:pointer}.chat-box .editor-container{position:absolute;left:0;right:0;bottom:0}.chat-room{display:flex;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.chat-room .chat-box{box-shadow:none}.chat-room .chat-room-statement{margin-top:10px;text-align:center;font-size:12px}.chat-room .chat-room-notice-container{margin-top:40px}.chat-room .chat-room-notice{display:inline-block;font-size:14px;text-align:left}.chat-room .notice-conentet{margin-top:5px}.chat-room .room-data{width:30%;padding:10px;background:#fff;width:250px;flex-shrink:0}.chat-room .room-data pre{margin:0}.chat-room .room-data .title{text-align:center;font-size:18px;margin-bottom:15px}.chat-room .room-data .brief,.chat-room .room-data .name{box-sizing:border-box;padding:10px;background:#f3f4f6;margin-bottom:15px;border-radius:8px;font-size:14px}.chat-room .room-data .panel-title{margin-bottom:15px;font-size:14px;color:#999}.chat-room .room-data .members-head{display:flex;justify-content:space-between}.chat-room .room-data .members-item{display:inline-block;margin-right:15px}.chat-room .room-data .members-item-nickname{font-size:12px}.chat-main{height:calc(100% - 180px)}