/*

 @Name: layim WebIM 1.0.0
 @Author：贤心
 @Date: 2014-04-25
 @Blog: http://sentsin.com

 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form{margin:0; padding:0;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline: 0;}
li{list-style:none;}
.xxim_icon, .xxim_main i, .layim_chatbox i{position:absolute; background:url(icon.png) no-repeat;}
.loading{background:url(../images/loading.gif) no-repeat center center;}
.layim_chatbox a, .layim_chatbox a:hover{color:#fff; text-decoration:none; }
.layim_zero{position:absolute; width:0; height:0; border-style:dashed; border-color:transparent; overflow:hidden; z-index:99}

.xxim_main{position:fixed; right:1px; bottom:1px; width:230px; border:1px solid #BEBEBE; background-color:#fff; font-size:12px; box-shadow: 0 0 10px rgba(0,0,0,.2); z-index:1989}
.layim_chatbox textarea{resize:none;}
.xxim_main em, .xxim_main i, .layim_chatbox em, .layim_chatbox i{font-style:normal; font-weight:400;}
.xxim_main h5{font-size:100%; font-weight:400;}

/* 搜索栏 */
.xxim_search{position:relative; padding-left:40px; height:40px; border-bottom:1px solid #DCDCDC; background-color:#fff;}
.xxim_search i{left:10px; top:12px; width:16px; height:16px; background-position:-175px -40px;}
.xxim_search input{border:none; background:none; width: 180px; margin-top:10px; line-height:20px;}
.xxim_search span{display:none; position:absolute; right:10px; top:10px; height:18px; line-height:18px; padding:0 2px; background-color:#AFAFAF; color:#fff; cursor:pointer; border-radius:2px; font-size:12px; font-weight:900;}
.xxim_search span:hover{background-color:#FCBE00;}

/* 主面板tab */
.xxim_tabs{height:45px; border-bottom:1px solid #DBDBDB; background-color:#F4F4F4; font-size:0;}
.xxim_tabs span{position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:76px; height:45px; border-right:1px solid #DBDBDB; cursor:pointer; font-size:12px;}
.xxim_tabs span i{top:13px; left:50%; width:19px; margin-left:-10px; height:18px;}
.xxim_tabs .xxim_tabnow{height:46px; background-color:#fff;}
.xxim_tabs .xxim_latechat{border-right:none;}
.xxim_tabs .xxim_tabfriend i{width:14px; margin-left:-7px; background-position:-45px -40px;}
.xxim_tabs .xxim_tabgroup i{background-position:-65px -40px;}
.xxim_tabs .xxim_latechat i{background-position:-90px -40px;}

/* 主面板列表 */
.xxim_list{display:none; height:320px; padding:5px 0; overflow:hidden;}
.xxim_list:hover{ overflow-y:auto;}
.xxim_list h5{position:relative; padding-left:32px; height:26px; line-height:26px; cursor:pointer; color:#000; font-size:0;}
.xxim_list h5 span{display:inline-block; *display:inline; *zoom:1; vertical-align:top; max-width:140px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-size:12px;}
.xxim_list h5 i{left:15px; top:10px; width:7px; height:8px; background-position:-20px -5px;}
.xxim_list h5 *{font-size:12px;}
.xxim_list .xxim_chatlist{display:none;}
.xxim_list .xxim_liston h5 i{width:8px; height:7px; background-position:-5px -5px;}
.xxim_list .xxim_liston .xxim_chatlist{display:block;}
.xxim_chatlist {}
.xxim_chatlist li{position:relative; height:30px; line-height:30px; padding:5px 10px; font-size:0; cursor:pointer;}
.xxim_chatlist li:hover{background-color:#F2F4F8}
.xxim_chatlist li *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-size:12px;}
.xxim_chatlist li span{padding-left:10px; max-width:120px;  overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.xxim_chatlist li img{width:30px; height:30px;}
.xxim_chatlist li .xxim_time{position:absolute; right:10px; color:#999;}
.xxim_list .xxim_errormsg{text-align:center; margin:50px 0; color:#999;}
.xxim_searchmain{position:absolute; width:230px; height:491px; left:0; top:41px; z-index:10; background-color:#fff;}

/* 主面板底部 */
.xxim_bottom{height:32px; border-top:1px solid #D0DCF3; background-color:#F2F4F8;}
.xxim_expend{border-left:1px solid #D0DCF3; border-bottom:1px solid #D0DCF3;}
.xxim_bottom li{position:relative; width:50px; height:32px; line-height:32px; float:left; border-right:1px solid #D0DCF3;  cursor:pointer;}
.xxim_bottom li i{ top:11px;}
.xxim_bottom .xxim_hide{border-right:none;}
.xxim_bottom .xxim_online{width:42px; padding-left:35px;}
.xxim_online i{left:13px; width:12px; height:12px; background-position:-50px -5px;}
.xxim_setonline{display:none; position:absolute; left:-79px; bottom:-1px;  border:1px solid #DCDCDC; background-color:#fff;}
.xxim_setonline span{position:relative; display:block; width:32px; padding:0 10px 0 35px;}
.xxim_setonline span:hover{background-color:#F2F4F8;}
.xxim_offline .xxim_nowstate, .xxim_setoffline i{background-position:-35px -5px;}
.xxim_mymsg i{left:18px; width:13px; height:13px; background-position:-105px -5px;}
.xxim_mymsg a{position:absolute; left:0; top:0; width:50px; height:32px;}
.xxim_seter i{left:18px; width:13px; height:13px; background-position:-84px -5px;}
.xxim_hide i{left:18px; width:14px; height:14px; background-position:-115px -40px;}
.xxim_show i{background-position:-135px -40px;}
.xxim_bottom .xxim_on{position:absolute; left:-15px; top:50%; width:13px; height:97px; margin-top:-49px; background-position:-25px -65px;}
.xxim_bottom .xxim_off{background-position:-5px -65px;}

/* 聊天窗口 */
.layim_chatbox{width:837px;background-color:#EFF2F4;font-size:12px;box-shadow: 0 0 10px rgba(0,0,0,.2);color:#666;overflow: hidden;}
.layim_chatbox h6{position:relative;height:65px;border-bottom:1px solid #D9D9D9;background-color: #978183;text-align: center;}
.layim_move{position:absolute; height:65px; width: 620px; z-index:0;}
.layim_face{position:absolute; bottom:-1px; left:10px; width:60px; height:60px; padding:1px; border:1px solid #ccc; background:#FFF}
.layim_face img{width:60px; height:60px; border:0px;}
.layim_names{/* position:absolute; left:90px; */ max-width:300px; line-height:65px; color:#000; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-size:18px;}
.layim_qq{/* position:absolute; left:90px; top:20px; */ display:none; position: relative;top:-2px;}
.layim_qq img{ vertical-align:middle;}
.layim_rightbtn{position:absolute; right:15px; top:23px; font-size:0;}
.layim_rightbtn i{position:relative; width:16px; height:16px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; cursor:pointer; transition: all .3s;}
.layim_rightbtn .layim_close{ background-position:-5px -40px;}
.layim_rightbtn .layim_close:hover{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.layim_rightbtn .layer_setmin{margin-right:15px; background-position:-275px -2px;}
.layim_chat, .layim_chatmore,.layim_groups{width:484px;height: 490px;overflow:hidden;border-right: 1px solid #BEBEBE;}
.layim_chatmore{float:left; width:135px; border-right:1px solid #BEBEBE; background-color:#E0E2EB}
.layim_chatlist li, .layim_groups li{position:relative; height:30px; line-height:30px; padding:0 10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; cursor:pointer;}
.layim_chatlist li{padding:0 20px 0 10px;}
.layim_chatlist li:hover{background-color:#CCC;}
.layim_chatlist li:hover em{display:inline;background-color:#E3E3E3; color:#000}
.layim_chatlist li span{ color:#000;display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:90px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.layim_chatlist li em{display:none; position:absolute; top:6px; right:10px; height:18px; line-height:18px; padding:0 3px; font-weight:900; border-radius:3px;}
.layim_chatlist li em:hover{background-color: #FCBE00; color:#fff; }
.layim_chatlist .layim_chatnow,.layim_chatlist .layim_chatnow:hover{/*border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9;*/ background-color:#fff;}
.layim_chat{
    float: left;
}
.layim_chatarea{height: 280px;}
.layim_chatview{display:none;height: 280px;overflow:hidden;}
.layim_chatmore:hover, .layim_groups:hover, .layim_chatview:hover{overflow-y:auto;}
.layim_chatview {overflow-y:auto;}
.layim_chatview li{margin-bottom:5px; clear:both; *zoom:1;}
.layim_chatview li:after{content:'\20'; clear:both; *zoom:1; display:block; height:0;}

.layim_chatthis{display:block;}
.layim_chatuser{float:left; padding:5px; font-size:0;}
.layim_chatuser *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; line-height:30px; font-size:15px; padding-right:10px;}
.layim_chatuser img{width:30px; height:30px;}
.layim_chatuser .layim_chatname{max-width:230px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.layim_chatuser .layim_chattime{color:#999; padding-left:10px;}
.layim_chatsay {float: left;border-radius: 3px;line-height: 24px;background:white;color: #4a5183;clear: both;max-width: 83%;padding: 3px 8px;/* border: 1px solid #d6d8dd; */margin: 8px 0 0 48px;overflow: hidden;}
/* .layim_chatsay {border-radius: 3px;line-height: 24px;float: left;margin-bottom: 5px;background:#F44336!important;background:-webkit-linear-gradient(left,#F44336,#F97619)!important;background:-moz-linear-gradient(left,#F44336,#F97619)!important;background:-ms-linear-gradient(left,#F44336,#F97619)!important;background:-o-linear-gradient(left,#F44336,#F97619)!important;background:linear-gradient(to right,#F44336,#F97619)!important;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#F44336,endcolorstr=#F97619,gradientType=1)!important;color: #333;padding: 0 8px;word-break: break-all;} */
.uadminborder{ border: 1px solid #FF7755 !important; }

.sllayim_chatsay { min-width:20px; min-height:23px; position:relative; float:left; margin:0 5px; padding:3px 10px; line-height:33px; background-color:#FFF; border-radius:5px; clear:both; color:#666; font-size: 15px;box-shadow: 0 0 3px 2px #DDE2EA;}
.layim_chatsay img{vertical-align:text-bottom;max-width: 200px;max-height:250px;margin-top: 4px;cursor: pointer;}
.sllayim_chatsay img{ vertical-align:text-bottom;max-width:580px; max-height:250px;}
.layim_chatsay .layim_zero{left:5px; top:-8px; border-width:8px; border-right-style:solid; border-right-color:#FFF;}
.sllayim_chatsay .layim_zero{left:5px; top:-8px; border-width:8px; border-right-style:solid; border-right-color:#FFF;}
.layim_chateme .layim_chatuser{float:right;}
.layim_chateme .layim_chatuser *{padding-right:0; padding-left:10px;}
.layim_chateme .layim_chatsay .layim_zero{left:auto; right:10px;}
.layim_chateme .layim_chatuser .layim_chattime{padding-left:0; padding-right:10px;}
.layim_chateme .layim_chatsay{float:right; background-color:#FFF}
.layim_chateme .sllayim_chatsay{float:right; background-color:#FFF}
.layim_chateme .layim_zero{border-right-color:#FFF; z-index:999; top:-6px;}
.layim_chatehe .layim_chatsay{ background-color:#FFF}
.layim_chatehe .sllayim_chatsay{ background-color:#FFF}
.layim_chatehe .layim_zero{border-right-color:#FFF; z-index:999;top:-6px;}
.layim_groups{display:none; float:right; width:130px; border-left:1px solid #D9D9D9; background-color:#fff;}
.layim_groups ul{display:none;}
.layim_groups ul.layim_groupthis{display:block;}
.layim_groups li *{display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:10px;}
.layim_groups li img{width:20px; height:20px; margin-top:5px;}
.layim_groups li span{max-width:80px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.layim_groups li:hover{background-color:#F3F3F3;}
.layim_groups .layim_errors{text-align:center; color:#999;}
.layim_tool{position:relative;height:35px;line-height:35px;padding-left:10px;background-color:#EFEFEF;border-bottom: 1px solid #d4d4d4;border-top:1px solid #d4d4d4;}
.layim_tool i{position:relative; top:10px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:15px; height:15px; margin-right:10px; cursor:pointer;}
.layim_tool .layim_addface{background-position:-5px -20px;}
.layim_tool .layim_addimage{background-position:-47px -20px;}
.layim_tool .layim_addfile{background-position:-25px -20px;}
.layim_tool .layim_seechatlog{position:absolute;right:15px;/* display: none; */}
.layim_tool .layim_seechatlog i{background-position:-70px -20px;}
.layim_write{display:block; border:none; width:98%; height:85px; line-height:20px; padding:5px; overflow-y:auto;outline: none;color:#666;background: white;font-size: 15px;}
.layim_send{position:relative; height:40px; background-color:#F3F3F3;border-top: 1px solid #d4d4d4}
.layim_sendbtn{position:absolute;height:26px;line-height:26px;right:10px;top:8px;padding:0 20px 0 20px;background-color: #a8d8d8;color:#fff;border-radius:3px;cursor:pointer;}
.layim_enter{position:absolute; right:0; border-left:1px solid #FFB94F; width:24px; height:26px;}
.layim_enter:hover{background-color:#E68A00; border-radius:0 3px 3px 0;}
.layim_enter .layim_zero{left:7px; top:11px; border-width:5px; border-top-style:solid; border-top-color:#FFE0B3;}
.layim_sendtype{display:none; position:absolute; right:10px; bottom:37px; border:1px solid #D9D9D9; background-color:#fff; text-align:left;}
.layim_sendtype span{display:block; line-height:24px; padding:0 10px 0 25px; cursor:pointer;}
.layim_sendtype span:hover{background-color:#F3F3F3;}
.layim_sendtype span i{left:5px; background-position:-999px -999px;}

.layim_min{display:none; position:absolute; left:-190px; bottom:-1px; width:160px; height:32px; line-height:32px; padding:0 10px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; border:1px solid #ccc; box-shadow: 0 0 5px rgba(0,0,75,.2); background-color:#FCFDFA; cursor:pointer;}

.layim_msgnum{ font-size:9px;border-radius: 5px; background:#F00; font-weight:normal; margin:2px; padding:2px; color:#FFF;}


/*快捷回复*/
.layim_seechatlog{ color: #4571e7 !important; }

/*快捷提问*/
.layim_tool_quick{position:relative;height:35px;background-color: #EFEFEF;border-top:1px solid #d4d4d4;display: flex;align-items: center;overflow: hidden;width: 100%;/* visibility: hidden; *//* display: none; */}
.layim_tool_quick>a{padding: 0 16px;line-height: 24px;background: #FFFFFF;border: 1px solid #4571E7;border-radius: 12px;margin-left: 10px;color: #666;height: 24px;display: inline-block;}
.layim_tool_quick>a:hover{ color: #4571E7; }

/*右侧介绍*/
.layim_desc{width: 215px;height: 490px;float: right;background: white;}
.layim_desc>p{

height: 32px;

line-height: 32px;

color: #333333;

font-size: 14px;

text-align: center;

border-bottom: 1px solid #DBE1EF;
}
.layim_desc .desc_container{width: 92%;margin: 0 auto;padding: 10px 0;font-size: 12px;line-height: 20px;color: #4A4F85;height: 220px;overflow: hidden;}
.layim_desc .desc_code{

margin: 0 auto;

/* margin-top: 30px; */

text-align: center;
}
.layim_desc .desc_code>img{
    width: 115px;
}
.layim_desc .desc_code>div{
    
display: flex;
    
flex-direction: column;
}
.layim_desc .desc_code span{
    
line-height: 20px;
}
.layim_desc .desc_code span.current_serve{
    
/* font-size: 15px; */
    
/* font-weight: bold; */
    
/* color: #4A4F85; */
}