html,body{padding:0;margin:0;height:100%;height:100%;overflow:hidden;color:#333;font-size:14px}::-moz-selection{background:#FF9902;color:#fff}::selection{background:#FF9902;color:#fff}#im-box a{cursor:pointer;text-decoration:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#im-box{width:100%;height:100%;position:relative}[v-hide],audio,input[type=file]{display:none}div,input{-webkit-box-sizing:border-box;box-sizing:border-box}input{outline:0}ul{list-style:none;margin:0;padding:0}.mw-scroll{overflow-y:auto;overflow-x:hidden}.im-head{background-color:#FF9902;padding:14px;color:#fff;height:60px}.im-head i{font-size:32px;float:left;margin-right:10px}.im-head h3,.im-head p{margin:0;font-size:12px}.im-body{height:calc(100% - 60px - 60px);background-color:#FCFCFC}.im-body img{max-width:200px;border-radius:4px;cursor:pointer}.im-foot{width:100%;border-top:1px solid #F4F4F4;background-color:#FCFCFC;padding:10px;position:relative;position:absolute;bottom:0}.im-foot>div{display:inline-block}.im-foot .l-bar{margin-right:5px}.im-foot .l-bar a i{font-size:30px;margin-right:10px;color:#A7A7A7}.im-foot [state=mw-wait]::after{content:"请输入";color:#D4D4D4}.im-foot .r-btn a{width:50px;height:30px;background-color:#FF9902;border-radius:3px;display:inline-block;color:#fff;text-align:center;line-height:30px;position:relative;top:-3px}.im-foot .emoji{width:28px;height:28px}#mw-enter{width:calc(100% - 80px - 80px);background:#fff;padding:5px;margin-right:10px;border-radius:3px;position:relative;top:5px}#emoji-box{padding:15px;width:100%;max-width:325px;height:170px;position:absolute;left:0;bottom:50px;background:#fff;-webkit-box-shadow:1px 1px 5px #ddd;box-shadow:1px 1px 5px #ddd}#emoji-box img{cursor:pointer;margin-right:5px;width:36px;height:36px}#emoji-box img:hover{background-color:#EAEAEA}.emoji{width:50px;height:50px}.im-body ul{padding:10px}.im-body ul li::after{display:block;content:"";clear:both}.im-body ul .tips{text-align:center;padding:6px;color:#A5A5A5}.im-body ul .tips{font-size:13px}.im-body ul .time{text-align:center;padding:6px;color:#A5A5A5;font-size:12px;margin-bottom:20px}.im-body ul .other,.im-body ul .own{padding:10px}.im-body ul .head{width:46px;height:46px;display:inline-block}.im-body ul .head i{font-size:46px}.im-body ul .head img{width:100%;height:100%;border-radius:50%}.im-body ul .other i{color:#A5A5A5}.im-body ul .own i{color:#A5A5A5}.im-body ul .other .head{float:left}.im-body ul .m-c{background-color:#fff;padding:12px 20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:calc(100% - 66px);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.06);box-shadow:0 5px 10px rgba(0,0,0,.06);overflow:hidden;word-break:break-all}.im-body ul .other .m-c{float:left;margin-left:15px;border-top-left-radius:0}.im-body ul .own .head{float:right}.im-body ul .own .m-c{float:right;margin-right:15px;border-top-right-radius:0;text-align:left}.im-body ul .m-c i{color:#17ABE3}.im-body ul .m-c a{margin:0 5px;color:#17ABE3}