/** layui-v2.3.0 MIT License By https://www.layui.com */
 .layim-tab-content li h5,.layui-layim-list li {
 border-bottom:1px solid #f2f2f2;
 cursor:pointer
}
html #layuicss-skinlayim-mobilecss {
 display:none;
 position:absolute;
 width:1989px
}
.layim-tab-content li h5 *,.layui-layim-skin li,.layui-layim-tab li,.layui-layim-tool li {
 display:inline-block;
 vertical-align:top;
 *zoom:1;
 *display:inline
}
.layim-tab-content li h5 span,.layui-layim-list li p,.layui-layim-list li span {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.layui-layim-tab {
 position:absolute;
 bottom:0;
 left:0;
 right:0;
 height:50px;
 border-top:1px solid #f2f2f2;
 background-color:#fff
}
.layui-layim-tab li {
 position:relative;
 width:33.33%;
 height:50px;
 text-align:center;
 color:#666;
 color:rgba(0,0,0,.6);
 cursor:pointer
}
.layui-layim-tab li .layui-icon {
 position:relative;
 top:7px;
 font-size:25px
}
.layui-layim-tab li span {
 position:relative;
 bottom:-3px;
 display:block;
 font-size:12px
}
.layui-layim-tab li[lay-type=more] .layui-icon {
 top:4px;
 font-size:22px
}
.layui-layim-tab li.layim-this {
 color:#3FDD86
}
.layim-new {
 display:none;
 position:absolute;
 top:5px;
 left:50%;
 margin-left:15px;
 width:10px;
 height:10px;
 border-radius:10px;
 background-color:#F74C31;
 color:#fff
}
.layim-list-top .layim-new {
 position:relative;
 vertical-align:top;
 top:10px;
 left:initial;
 margin-left:5px
}
.layim-list-top i.layui-show {
 display:inline-block!important
}
.layim-tab-content,.layim-tab-content li ul {
 display:none
}
.layui-layim {
 position:fixed;
 left:0;
 right:0;
 top:50px;
 bottom:50px;
 overflow-y:auto;
 overflow-x:hidden;
 -webkit-overflow-scrolling:touch
}
.layim-tab-content li h5 {
 position:relative;
 padding-left:35px;
 height:45px;
 line-height:45px;
 font-size:0;
 white-space:nowrap;
 overflow:hidden
}
.layim-tab-content li h5 * {
 font-size:17px
}
.layim-tab-content li h5 span {
 max-width:80%
}
.layim-tab-content li h5 i {
 position:absolute;
 left:12px;
 top:0;
 color:#C9BDBB
}
.layim-tab-content li h5 em {
 padding-left:5px;
 color:#999
}
.layim-list-friend,.layim-list-group {
 background-color:#fff
}
.layui-layim-list li {
 position:relative;
 height:42px;
 padding:5px 15px 5px 60px;
 font-size:0
}
.layui-layim-list li:active {
 background-color:#F2F2F2;
 background-color:rgba(0,0,0,.05)
}
.layui-layim-list li.layim-null {
 height:20px;
 line-height:20px;
 padding:10px 0;
 color:#999;
 text-align:center;
 cursor:default;
 font-size:14px
}
.layim-list-history li.layim-null {
 padding:30px 0;
 border-bottom:none;
 background-color:#eee
}
.layui-layim-list li * {
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:top;
 font-size:17px
}
.layui-layim-list li span {
 margin-top:2px;
 max-width:155px;
 font-size:17px
}
.layui-layim-list li img {
 position:absolute;
 left:12px;
 top:8px;
 width:36px;
 height:36px;
 border-radius:100%
}
.layui-layim-list li p {
 display:block;
 padding-right:30px;
 line-height:18px;
 font-size:13px;
 color:#999
}
.layui-layim-list li .layim-msg-status {
 display:none;
 position:absolute;
 right:10px;
 bottom:7px;
 padding:0 5px;
 height:17px;
 line-height:17px;
 border-radius:17px;
 text-align:center;
 font-size:10px;
 background-color:#F74C31;
 color:#fff
}
.layim-list-gray {
 -webkit-filter:grayscale(100%);
 -ms-filter:grayscale(100%);
 filter:grayscale(100%);
 filter:gray
}
.layim-list-top {
 background-color:#fff;
 font-size:17px
}
.layim-list-top li {
 position:relative;
 padding:0 15px 0 50px;
 line-height:45px;
 border-bottom:1px solid #f2f2f2;
 cursor:pointer
}
.layim-list-top li:last-child {
 margin-bottom:10px;
 border-bottom:none
}
.layim-list-top li .layui-icon {
 position:absolute;
 left:12px;
 top:0;
 margin-right:10px;
 color:#36373C;
 font-size:24px
}
.layim-list-top li[layim-event=newFriend] .layui-icon {
 left:15px
}
.layim-panel,.layim-title {
 position:fixed;
 left:0;
 right:0;
 top:0
}
.layim-list-top li[layim-event=group] .layui-icon {
 font-size:20px
}
.layim-list-top li[layim-event=about] .layui-icon {
 font-size:25px
}
.layim-panel {
 bottom:0;
 background-color:#eee;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:.2s;
 animation-duration:.2s
}
.layim-title {
 height:50px;
 line-height:50px;
 padding:0 15px;
 background-color:#36373C;
 color:#fff;
 font-size:18px
}
.layim-chat-status {
 padding-left:15px;
 font-size:14px;
 opacity:.7
}
.layim-title .layim-chat-back {
 display:inline-block;
 vertical-align:middle;
 position:relative;
 padding:0 15px;
 margin-left:-10px;
 top:0;
 font-size:24px;
 cursor:pointer
}
.layim-chat-detail {
 position:absolute;
 right:0;
 top:0;
 padding:0 15px;
 font-size:18px;
 cursor:pointer
}
.layim-chat-main,.layim-content {
 position:fixed;
 top:50px;
 left:0;
 right:0;
 overflow-y:auto;
 overflow-x:hidden
}
.layim-chat-detail:active,.layim-title .layim-chat-back:active {
 opacity:.8
}
.layui-layim .layim-title {
 text-align:left
}
.layui-layim .layim-title p {
 padding:0 15px
}
.layim-content {
 bottom:0
}
.layim-chat-main {
 width:100%;
 bottom:85px;
 padding:15px;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important
}
.layim-chat-main ul {
 overflow-x:hidden
}
.layim-chat-main ul li {
 position:relative;
 font-size:0;
 margin-bottom:10px;
 padding-left:60px;
}
.layim-chat-text,.layim-chat-user {
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:top;
 font-size:15px
}
.layim-chat-user {
 position:absolute;
 left:3px
}
.layim-chat-user img {
 width:40px;
 height:40px;
 /* border-radius:100% */
}
.layim-chat-user cite {
 position:absolute;
 left:60px;
 top:-2px;
 width:500px;
 line-height:24px;
 font-size:12px;
 white-space:nowrap;
 color:#999;
 text-align:left;
 font-style:normal
}
.layim-chat-user cite i {
 padding-left:15px;
 font-style:normal
}
.layim-chat-text {
position: relative;
min-height: 22px;
line-height: 22px;
margin-top: 25px;
padding: 8px 15px;
background-color: #fff;
border-radius: 3px;
color: #333;
word-break: break-all;
margin-left: 0px;
box-shadow: 2px 2px 6px 0px #cecece;
}
.layim-chat-text:after {
 content:'';
 position:absolute;
 left:0px;
 top:13px;
 width:0;
 height:0;
 border-style:solid dashed dashed;
 border-color:#fff transparent transparent;
 overflow:hidden;
 border-width:10px;
 z-index: -1;
}
.layim-chat-text a {
 color:#33DF83
}
.layim-chat-text img {
 max-width:100%;
 vertical-align:middle
}
.layim-chat-text .layui-layim-file,.layui-layim-file {
 display:block;
 text-align:center
}
.layim-chat-text .layui-layim-file {
 color:#333
}
.layui-layim-file:active {
 opacity:.9
}
.layui-layim-file i {
 font-size:80px;
 line-height:80px
}
.layui-layim-file cite {
 display:block;
 line-height:20px;
 font-size:17px
}
.layui-layim-audio {
 text-align:center;
 cursor:pointer
}
.layui-layim-audio .layui-icon {
 position:relative;
 top:5px;
 font-size:24px
}
.layui-layim-audio p {
 margin-top:3px
}
.layui-layim-video {
 width:120px;
 height:80px;
 line-height:80px;
 background-color:#333;
 text-align:center;
 border-radius:3px
}
.layui-layim-video .layui-icon {
 font-size:36px;
 cursor:pointer;
 color:#fff
}
.layim-chat-main ul .layim-chat-mine {
 text-align:right;
 padding-left:0;
 padding-right:60px
}
.layim-chat-mine .layim-chat-user {
 left:auto;
 right:3px
}
.layim-chat-mine .layim-chat-user cite {
 left:auto;
 right:40px;
 text-align:right
}
.layim-chat-mine .layim-chat-user cite i {
 padding-left:0;
 padding-right:15px
}
.layim-chat-mine .layim-chat-text {
 margin-left:0;
 text-align:left;
 /* background-color:#5FB878; */
 background-color:#5bbdff;
 color:#fff
}
.layim-chat-text_img{
	/* background-color:#eee !important; */
}
.layim-chat-mine .layim-chat-text:after {
 left:auto;
 right:0px;
 /* border-top-color:#5FB878 */
 border-top-color:#28a5f9
}
.layim-chat-mine .layim-chat-text a {
 color:#fff
}
.layim-chat-main ul .layim-chat-system {
 min-height:0;
 margin:20px 0 5px;
 padding:0
}
.layim-chat-system {
 margin:10px 0;
 text-align:center
}
.layim-chat-system span {
 display:inline-block;
 line-height:30px;
 padding:0 15px;
 border-radius:3px;
 background-color:#ddd;
 color:#fff;
 font-size:14px;
 cursor:pointer
}
.layim-chat-footer {
 position:fixed;
 bottom:0;
 left:10px;
 right:10px;
 margin-bottom: 10px;
}
.layim-chat-send {
 display:-webkit-box;
 display:-webkit-flex;
 display:flex
}
.layim-chat-send input {
 -webkit-box-flex:1;
 -webkit-flex:1;
 flex:1;
 margin-left: 10px;
 padding: 0 10px;
 border:0;
 background-color:#fff;
 border-radius:3px
}
.layim-chat-send button {
 border-radius:3px;
 height:40px;
 padding:0 20px;
 border:0;
 margin-left:10px;
 background-color:#5FB878;
 color:#fff
}
.layim-chat-tool {
 position:relative;
 width:100%;
 overflow-x:auto;
 padding:0;
 height:38px;
 line-height:38px;
 margin-top:3px;
 font-size:0;
 white-space:nowrap
}
.layim-chat-tool span {
 position:relative;
 margin:0 15px;
 display:inline-block;
 *display:inline;
 *zoom:1;
 vertical-align:top;
 font-size:28px;
 cursor:pointer
}
.layim-chat-tool .layim-tool-log {
 position:absolute;
 right:5px;
 font-size:14px
}
.layim-tool-log i {
 position:relative;
 top:2px;
 margin-right:5px;
 font-size:20px;
 color:#999
}
.layim-tool-image input {
 position:absolute;
 font-size:0;
 left:0;
 top:0;
 width:100%;
 height:100%;
 opacity:.01;
 filter:Alpha(opacity=1);
 cursor:pointer
}
.layim-layer {
 position:fixed;
 bottom:85px;
 left:10px;
 right:10px;
 margin:0 auto
}
.layui-layim-face {
 position:relative;
 max-height:180px;
 overflow:auto;
 padding:10px;
 font-size:0
}
.layui-layim-face li {
 cursor:pointer;
 display:inline-block;
 vertical-align:bottom;
 padding:5px 2px;
 text-align:center;
 width:10%;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important
}
.layui-layim-face li img {
 width:22px;
 height:22px
}
.layim-about {
 font-size:17px
}
.layim-about .layui-m-layercont {
 text-align:left
}
.layim-about .layui-m-layercont p {
 line-height:30px
}
.layim-about .layui-m-layercont a {
 color:#01AAED
}