/*
*AUI素材网是一家提供网页模板下载、手机模板网站下载、微信小程序页面下载、app内嵌页面下载、以企业官网、个人网站、社区论坛、后台网站、个人博客、商城购物网站、专题模板等html源码下载，以及在线交流的平台，致力于打造好用，免费网页模板下载基地；AUI素材网（“北京索引时代网络技术有限公司”），以网页模板源码下载为主。AUI素材网的使命是用web前端技术，让web前端开发更简单，便捷，轻便，快速开发，AUI素材网和大家一起交流web前端技术，打造用户体验一流的网站源码，提供用户下载。我们的使命是用web前端技术，让前端开发更简单，便捷，轻便，快速开发，AUI素材网和大家一起交流前端技术，打造用户体验一流的网站源码，提供用户下载。 本站所有模板均来自团队自制上传，仅用于分享交流，请勿用作商业用途。 请勿侵权，技术支持请联系 aui_cn@163.com ，我们会在第一时间进行回复及处理，如有给您带来不便，敬请谅解。免费模板素材www.588sucai.com www.a-ui.cn 网站设计 PSD 网站前端开发 html5 APP JS JQ Node Vue React 如有需求可联系:18801061167 前端交流群QQ群号:521504936
*  author:lzy-aui
*  style.css
*  http://azenui.com/
*  http://a-ui.cn/
*  http://www.yidianc.com/
*  http://588sucai.com/
*  https://weibo.com/525135676
*  https://xihazahuopu.taobao.com/
*  AUI-素材网 北京时代索引工作室
*  合作意向请联系:18519232894
*  微信: yyossom  QQ:874731831
*/
html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #000;
}

a, label, button, input, select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
    border: 0;
}

body {
    background: #fff;
    color: #666;
}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #08acee;
}

button {
    outline: 0;
}

img {
    border: 0;
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

a {
    color: #666;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

body {
    background: #fff7ef;
}

.aui-body-box {
    width: 600px;
    margin: 0 auto;
    padding-top:20px;
}

#messageContent {
    border: 1px solid #453321;
    width: 600px;
    height: 400px;
    margin-bottom: 15px;
    border-radius: 3px;
    background: #93775d;
    padding: 15px;
    color: #fff;
    font-size: 14px;
    overflow: scroll;
}

#messageContent p img {
    width: 35px;
    height: 35px;
    border: 1px solid #ff9b67;
    border-radius: 5px;
    margin-right: 10px;
    float: left;
}

.aui-right {
    text-align: right;
}

#avtar {
    width: 35px;
    height: 35px;
    border: 1px solid #ff9b67;
    border-radius: 5px;
}

#text {
    width: 68%;
    background: #ffddc1;
    border: 1px solid #453321;
    margin: 0px;
    padding: 10px 15px;
    font-size: 14px;
    overflow-wrap: break-word;
    overflow: hidden;
    outline: none;
    height: 35px;
    line-height: 35px;
    color: #93775d;
    float: left;
    border-radius: 2px;
}

.aui-user-img img {
    line-height: 30px;
    display: block;
    float: left;
}

.aui-user-img span {
    line-height: 35px;
    display: block;
    text-align: center;
    color: #93775d;
    font-size: 16px;
}

#btn1 {
    background: #f7671d;
    border: 1px solid #f06923;
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 30px;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
}

.aui-user-img {
    float: left;
    width: 90px;
    cursor: pointer;
}

#messageContent p {
    border-bottom: 1px dashed #d09c6b;
    padding: 10px 0;
    overflow: hidden;
}

#messageContent p span {
    float: left;
    display: inline;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff3e7;
}

#messageContent .aui-right img {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

#messageContent .aui-right span {
    float: right;
}