.App{font-family:sans-serif;text-align:center}.chat-container{margin:0;padding:0;height:100vh;widows:100%;background-color:#faebd7;overflow:hidden}.chat-container .chat-header{width:100%;height:100px;background-color:#87ceeb}.chat-container .chat-content{width:100%;background-color:#000;height:1000px;overflow-y:auto}.chat-container .chat-footer{width:100%;height:60px;background-color:#87ceeb;position:fixed;bottom:30px}.chat-footer .chat-input{width:80%;margin:10px 0 10px 5px}.chat-footer .chat-input,.chat-footer .chat-send{height:40px;padding:5px;border-radius:10px;border:none;outline:none}.chat-footer .chat-send{width:15%;margin-left:8px}.chat-container .chat-footer-copyright{width:100%;height:30px;background-color:#fff;position:fixed;bottom:0;text-align:center;padding:5px;font-family:Georgia,Times New Roman,Times,serif}.mytext{border:0;padding:10px;background:#f5f5f5}.text{width:75%;display:flex;flex-direction:column}.text>p:first-of-type{width:100%;margin-top:20px;margin-bottom:auto;line-height:13px;font-size:15px}.text>p:last-of-type{width:100%;text-align:right;color:silver;margin-bottom:-7px;margin-top:auto}.text-l{float:left;padding-right:10px}.text-r{float:right;padding-left:10px}.avatar{display:flex;justify-content:center;align-items:center;width:18%;float:left;padding-right:10px}.macro{margin-top:5px;width:85%;border-radius:5px;padding:5px;display:flex}.msj-rta{float:right;background:#f5f5f5}.msj{float:left;background:#fff}.frame{background:#e0e0de;height:450px;overflow:hidden;padding:0}.frame>div:last-of-type{position:absolute;bottom:0;width:100%;display:flex}body>div>div>div:nth-child(2)>span{background:#f5f5f5;padding:10px;font-size:21px;border-radius:50%}body>div>div>div.msj-rta.macro{margin:auto auto auto 1%}ul{width:100%;list-style-type:none;padding:18px;position:absolute;bottom:-5px;display:flex;flex-direction:column;top:0;overflow-y:scroll;height:100%;margin:0}.msj:before{left:-14px;border-color:transparent #fff transparent transparent;border-width:0 13px 13px 0}.msj-rta:after,.msj:before{width:0;height:0;content:"";top:-5px;position:relative;border-style:solid}.msj-rta:after{left:14px;border-color:#f5f5f5 transparent transparent;border-width:13px 13px 0 0}input:focus{outline:none}::-webkit-input-placeholder{color:#d4d4d4}::-moz-placeholder{color:#d4d4d4}:-ms-input-placeholder{color:#d4d4d4}:-moz-placeholder{color:#d4d4d4}.avtar-circle{border-radius:50%}
/*# sourceMappingURL=main.c766ab7b.chunk.css.map */