.animImage {
    -webkit-animation-name: imageAnim;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease;
    -webkit-animation-play-state: running;
}

@-webkit-keyframes imageAnim {
    0% {
        opacity: 1;
    }

    /*50% {
        opacity: 0.5;
    }*/

    100% {
        opacity: 0;
    }
}


.rim-container{position:fixed;right:0;bottom:0;z-index:100000;width:100%;height:auto}
.rim-container li{ list-style: none; }

.rim-container .icon img{margin:10% auto;height:80%}
.rim-container .rim-narrow{position:fixed;right:5px;bottom:5px;overflow:hidden;width: 165px;height:50px;background:#fff;box-shadow: 1px 1px 50px rgba(0,0,0,.3);border: 1px solid #D9D9D9;z-index:50}
.rim-narrow .narrow_link{display:block;color:#000;overflow:hidden}
.narrow_link .face{float:left;overflow:hidden;margin:8px 15px;width:36px;height:36px;border-radius:50%}
.narrow_link .face img{width:100%;height:100%;border:0}
.narrow_link em{float:left;/* padding:8px 10px; *//* height:36px; *//* font-weight:700; */font-size: 16px;line-height: 50px;}
@keyframes fadeInUp {
    0%{ bottom:-100%; }
    100%{  bottom:0px; display: block }
}
@keyframes fadeOutDown {
    0%{  bottom:10%; }
    100%{ bottom:-110%;display: none }
}

.rim-treecontainer{  box-shadow: 1px 1px 50px rgba(0,0,0,.3);  position:fixed;right:5px;bottom:0px;overflow-x:hidden;overflow-y:auto;width:280px;height:520px;background:#fff;display:none;z-index:10}

.rim-treecontainer.fadeIn{ animation:fadeInUp 0.5s linear forwards;display:block }
.rim-treecontainer.fadeOut{ -webkit-animation: fadeOutDown 0.5s linear;
    -o-animation: fadeOutDown 0.5s linear;
    animation: fadeOutDown 0.5s linear; display:none}


.rim-treecontainer .treetitle{width:100%;height:30px}
.treetitle .title{float:left;padding-right:10px;height:30px;line-height:30px}
.treetitle .title .icon{float:left;padding:0 5px;width:auto;height:30px;text-align:center;line-height:30px}
.treetitle .title .icon img{overflow:hidden;margin:8px auto;width:14px;height:14px}
.treetitle .act{float:right;margin-right:0;width:auto}
.treetitle .act a{float:right;width:30px;height:30px;text-align:center;font-size:20px;line-height:30px;font-size:14px;}
.treetitle .act a:hover{background:#a4c9de;color:#fff}
.treetitle .act a.close img{overflow:hidden;margin:7px;height:15px}
.treetitle .act a.close:hover{background:#f57452}
.rim-treecontainer .rim-basicinfos{background:#86c6ea;color:#fff}
.rim-treecontainer .user-discription{padding:5px 10px 10px 10px;font-size:12px}
.rim-treecontainer .user-discription::after{clear:both;display:block;content:" "}
.user-discription .u-face{position:absolute;float:left;overflow:hidden;padding:2px;width:64px;height:64px;border:1px solid #fff;box-shadow:inset 0 0 0 #ddd}
.user-discription .u-face .u-face-firstname{display:block;width:58px;height:58px;background:#f57452;text-align:center;font-size:40px;line-height:58px}
.user-discription .u-infos{padding-left:70px;width:100%;height:65px}
.user-discription .u-infos .u-name{width:100%;height:30px;color:#333;font-size:18px;line-height:30px}
.user-discription .u-infos .u-motto{overflow:hidden;padding:0 5px;width:100%;height:30px;text-overflow:ellipsis;line-height:30px}
.user-discription .u-infos .u-motto>div{overflow:hidden;margin-right:5px;width:100%;height:30px;text-overflow:ellipsis}
.rim-searchfriend{position:relative;padding:0 10px;width:100%;height:30px;background:#5b96b6}
.rim-searchfriend input.text-in{float:left;padding:8px 30px 8px 0px;width:100%;height:30px;outline:0;border:none;background:0 0;color:#fff;font-size:12px}
.rim-searchfriend input.text-in::-moz-placeholder{color:#fff}
.rim-searchfriend input.text-in::-webkit-input-placeholder{color:#fff}
.rim-searchfriend .s-button{position:absolute;top:0;right:0px;width:30px;height:28px;outline:0;border:0;background:0 0}
.rim-searchfriend .s-button img{ width:16px; height:16px; margin:7px 0px; overflow:hidden; }


.rim-tree-tab{ width:100%; height:auto; position:absolute; top:140px; bottom:30px; overflow:hidden; }
.rim-tree-tab .tab-tt{ width:100%; height:35px; overflow:hidden; border-bottom:1px solid #ddd; }
.rim-tree-tab .tab-tt .tt-item{ width:33.3%; float:left; height:30px; margin-top:2px; text-align: center; line-height:30px; color:#c5cfd5; }
.rim-tree-tab .tab-tt .tt-item.curr{ color:#3b91d6; }
.rim-tree-tab .tab-tt .icon-fl-zuzhi{ font-size:25px; }
.rim-tree-tab .tab-tt .icon-qunzu{ font-size:28px; }
.rim-tree-tab .tab-tt .icon-icon_recentuse{ font-size:20px; }

.rim-tree-tab .tab-tt .tt-item:hover{ color:#3b91d6;  }
.rim-tree-tab .tab-content{ width:300%;padding: 0;box-shadow: none; position:absolute; overflow-x:hidden; overflow-y:auto; top:35px; bottom:0; }

.rim-tree-tab .content-item{ width:280px;float: left; height:100%; overflow-x:hidden; overflow-y:auto; }
.rim-tree-tab .content-item .root-tree{ width:100%; margin:5px auto; height:auto; overflow:hidden; }
.rim-tree-tab .content-item .root-tree li{ width:100%; display:block; }
.content-item .root-tree li>a{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#888; }
.content-item .root-tree li>a:hover{ color:#000; }
.content-item .root-tree li>a .im-icon { width:20px; height:20px; line-height:20px; text-align: center; margin:5px 5px; float:left; }
.content-item .root-tree li>a .im-icon  img{ width:100%; height:100%; }
.content-item .root-tree li>a .cate-name{ float:left; }
.content-item .root-tree li>a .cate-count{ color:#666; float:left; margin:0px 5px; line-height:30px; }
.content-item .root-tree li dl.friend-list{ width:100%; height:auto; overflow:hidden; }
.root-tree li.curr .friend-list dd:hover{ background: #d1e6ee; }

.root-tree .friend-list dd{ width:100%; height:0; transition:height 0.2s; padding:0 5px 0 20px; overflow:hidden; position:relative; }
.content-item .root-tree li.curr>a{ color:#000; }
.content-item .root-tree li.curr dd{ height:60px; transition:height 0.2s; }
.content-item .root-tree li.curr .im-icon{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    transition:transform 0.5s;
}
.root-tree .friend-list dd .pic{ width:40px; height:40px; margin-right:5px; position:absolute; left:20px; top:10px; border-radius:50%;overflow:hidden }
.root-tree .friend-list dd a{ height:45px; padding:8px 0 8px 45px;  width:100%; display: block; }
.root-tree .friend-list img{ width:100%; min-height:40px }
.root-tree .friend-list dd .f-name{ float:left; clear:both; height:22px; line-height:22px; font-size:14px; }
.root-tree .friend-list dd .f-basic-infos{ color:#666; font-size:10px; line-height:15px; height:15px; float:left; text-overflow: ellipsis; overflow:hidden; }
.rim-footer{ width:100%; height:30px; overflow:hidden; border-top:1px solid #7ca1ae; position:absolute; bottom:0; background: #d1e6ee; }



/** 版本二 **/
/*.rim-treecontainer2{ right:20%!important; }*/
.rim-treecontainer .cover{ width:100%; height:100%;position:absolute; z-index:1;  background: url("../images/pifu.jpg") no-repeat left; background-size: auto 100%; opacity: 0.3; }
.rim-basicinfos2{ width:100%; height:auto; overflow:hidden; padding-top:10px; position: absolute; z-index: 100; }
.rim-basicinfos2 .rim-title{ width:100%; height:30px; line-height:30px; overflow:hidden; padding:0 15px;}
.rim-basicinfos2 .rim-title .userimg{ height:30px; line-height:30px; overflow:hidden;border-radius:50%;float: left;margin-right: 10px;width:30px}
.rim-basicinfos2 .rim-title .u-name{ float:left; font-size:14px; }
.rim-basicinfos2 .rim-title .close{ float:right; }
.rim-basicinfos2 .rim-disInfo{ width:100%; padding:0 15px; height:30px; line-height:30px; }

.rim-tree-tab.rim-tree-tab2{ width:100%; height:auto; position:absolute; top:70px; bottom:30px; overflow:hidden; z-index: 100; }
.rim-tree-tab.rim-tree-tab2 .tab-tt{height:auto; }
.rim-tree-tab.rim-tree-tab2 .tab-tt .tt-item{ color:#666; padding:5px 0; height:40px; line-height:30px; border-bottom:2px solid transparent;}
.rim-tree-tab.rim-tree-tab2 .tab-tt .tt-item.curr{ color:#666; border-bottom:2px solid #3fdd86 }
.rim-tree-tab.rim-tree-tab2 .tab-tt .icon-msnui-group{ font-size:26px; }
.rim-tree-tab.rim-tree-tab2 .tab-tt .icon-im-person{ font-size:22px; }
.rim-tree-tab.rim-tree-tab2 .tab-content{ top:45px; }
.rim-tree-tab2 .tab-content .content-item .root-tree .friend-list dd:hover{  background-color: #F2F2F2; background-color: rgba(0,0,0,.05) }


.rim-footer{ background: #f6f6f6; border-top:1px solid #eee;z-index: 1000; }
.rim-footer .rim-footer-item{ width:25%; float:left; line-height:30px; overflow:hidden; text-align:center; font-size:20px; color:#888; }
.rim-footer .rim-footer-item:hover{ background: #eee; color:#333; }
.root-tree .friend-list dd .f-name{ width:100%; float:left; }
.root-tree .friend-list dd .f-basic-infos{ width:70%; float: left;margin-top:4px; }



.tab-content .content-item:first-child{ display: block; }
.content-item .group-list{ width:100%; height:auto; overflow:hidden; }
.content-item .group-list li{ width:100%; margin:0 auto; padding:0 10px 0px 20px; height:auto; overflow:hidden; position:relative; }
.content-item .group-list li:hover{ background: #f6f6f6;  }
.content-item .group-list li .pic{width:40px;height:40px;margin-right:5px;position:absolute;left: 0px;top: 3px;border-radius:50%;overflow:hidden;}
.content-item .group-list li a{padding-left:45px;height:45px;margin:8px 0;width:100%;display: block;position:  relative;}
.content-item .group-list img{ width:100%; height:100%; }
.content-item .group-list li .f-name{ float:left; clear:both; height:40px; line-height:40px; font-size:14px; }


.content-item .leastchart-list{ width:100%; height:auto; overflow:hidden; }
.content-item .leastchart-list li{ width:100%; margin:0 auto; padding:0 10px; height:auto; overflow:hidden; position:relative; }
.content-item .leastchart-list li:hover{ background: #f6f6f6;  }
.content-item .leastchart-list li .pic{ width:40px; height:40px; margin-right:5px; position:absolute; left:10px; top:10px; border-radius:50%; overflow:hidden}
.content-item .leastchart-list li a{ padding-left:45px; height:45px; margin:8px 0;  width:100%; display: block; }
.content-item .leastchart-list img{ width:100%; min-height:40px; }
.content-item .leastchart-list li .f-name{ float:left; clear:both; height:40px; line-height:40px; font-size:14px; }
.content-item .leastchart-list li .f-basic-infos{ color:#666; font-size:10px; line-height:15px; height:15px; float:left; text-overflow: ellipsis; overflow:hidden; }

.rim-chartcontainer{position: inherit;width: 100%;top: 0px;left: 0px;z-index: 1001;}

.conversation_container{ width:620px; height:520px; overflow:hidden; position:absolute; z-index:10000; left:50%; top:10%; background: #fff;   box-shadow: 1px 1px 50px rgba(0,0,0,.3);  }
.conversation_container .conversation_list{ display: none; width:200px; background:#D9D9D9; float:left; height:100%; overflow-x:hidden; overflow-y:auto; }
.conversation_container.more{ width:820px; }
.conversation_container.more .conversation_list{ display: block; }
.conversation_container.more .conversation_content{ width:620px; float:right; }

.conversation_list ul{ width:100%; height:auto; }
.conversation_list ul li{ width:96%; height:50px; overflow:hidden; margin:5px auto; position:relative;background:#E2E2E2;cursor:pointer; }
.conversation_list ul li.curr{  background-color:#fff; background-color: rgba(251, 251, 251, 1) ; opacity:1;font-weight:normal;}
.conversation_list ul li:hover{ background-color:#F1F1F1; opacity:1;font-weight:normal;}
.conversation_list ul li:hover .close{ display: block; transition:display 0.2s linear;  opacity:1;font-weight:normal;}
.conversation_list ul li.curr .close{ display: block; transition:display 0.2s linear; opacity:1;font-weight:normal;}
.conversation_list ul li.curr:hover{  background-color:#fff; background-color: rgba(251, 251, 251, 1);opacity:1; font-weight:normal;}
.conversation_list ul li .u-face{ width:40px; height:40px; border-radius:50%; float:left; margin:5px;overflow: hidden;}
.conversation_list ul li img{ width:100%;min-height: 40px;border:none; }
.conversation_list ul li .u-name{ width:120px; float:left; line-height:50px; text-align:left; font-size:16px; }
.conversation_list ul li .close{ display: none; width:20px; height:20px; line-height:20px; margin:15px auto; position:absolute; right:5px; color:#888; }
.conversation_list ul li .close:hover{ display: block; color:#333; }

.conversation_content{ width:100%; height:100%;float: left; position:relative; }
.conversation_content .content_cover{ width:100%; height:100%; overflow:hidden; position: absolute; background: url("../images/pifu.jpg") no-repeat left; background-size:cover; opacity: 0.3; z-index: 1;  }
.conversation_content .conversation_item{ width:100%; left:0; top:0; height:100%; overflow:hidden; z-index: 100;position: absolute; }
.conversation_item .s_header{ position:absolute; width: 100%; left:0;top:0; height:80px; z-index: 1000; overflow:hidden;  background-color: #F8F8F8; background-color: rgba(238,238,238,.7); }
.conversation_item .s_header .user-infos{ width:100%; height:100%; padding-left:80px;display: block; }
.conversation_item .s_header .u-face{width:60px;/* height:60px; *//*border-radius:50%;*/position:absolute;/* margin:10px; */left:0px;top:0px;overflow:hidden;cursor:move;}
.conversation_item .s_header img{ width:100%;min-height: 60px;border:none; }
.conversation_item .s_header .u-name{width: 80%;float: left;/* height: 30px; */overflow: hidden;/* line-height: 30px; */text-align: left;font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.conversation_item .s_header .u-name em{font-size:12px;color:#999;margin-left:15px}
.conversation_item .s_header .name-edit{display:none;background:none;border:none;outline:none}
.conversation_item .u-name.curr .name-edit{display:inline-block;background:#fff;width: 240px;}
.conversation_item .u-name.curr .name{display:none;}
.conversation_item .u-name:hover .icon-edit{display:inline-block;}
.conversation_item .u-name .icon-edit,
.conversation_item .u-name.curr .icon-edit{display:none;}
.conversation_item.group .u-name:hover .icon-edit{display:none;}

.drag-hand{cursor: move;position:absolute;width:100%;height:100%;top:0px;left:0px}

.conversation_item .s_header .u-discription{ width:80%; float:left;min-height:auto;margin-top:3px; line-height:26px; text-align:left; font-size:12px; color:#888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:none;border:none; }
.conversation_item .s_header .u-discription.curr{background:#fff;border:1px solid #ddd;}
.conversation_item .s_header .u-discription.error{border:1px solid #e41515;}
.conversation_item .s_header .tools{ width:90px; height:40px; overflow:hidden; position:absolute; right:0; top:0; }
.conversation_item .s_header .tools a{ width:30px; height:30px; overflow:hidden; float:right; line-height:30px; text-align: center;margin:5px 0; }
.conversation_item .s_header .tools a:hover{ background: #ddd; }
.conversation_item .s_header .tools a.close{ margin:5px 5px 5px 0; }
.conversation_item .s_content{ width:100%; position:absolute; top:80px; bottom:165px; overflow:hidden; }
.conversation_item .s_content .s_content_list{ width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }

.rim-chart-list>li{  position: relative; margin-bottom: 10px; padding-left: 60px; min-height: 68px }
.rim-chart-list>li .send_user{ width:40px; height:40px; padding:0px; position:absolute; top:0px; left:10px;border-radius: 50%;overflow: hidden;}
.rim-chart-list>li .send_user img{width:40px;min-height:40px;}
.rim-chart-list>li .create_time{position:absolute;left:60px;top:2px;width:80%;line-height:24px;font-size:12px;white-space:nowrap;color:#999;text-align:left;font-style:normal;overflow: hidden;text-overflow: ellipsis;}
.rim-chart-list>li .create_time i{padding-left:15px;font-style:normal}
.rim-chart-list>li .create_time em{font-style:normal;}
.rim-chart-list>li .rim-chart-text{display: inline-block;position:relative;max-width: 70%;color:#fff;margin-top:25px;padding:8px 15px;font-size:12px;max-width:462px\9;border-radius:3px;line-height:22px;word-break:break-all}
.rim-chart-list>li .rim-chart-text a{color:#fff;}


.rim-chart-list>li:after{ content:""; clear:both; }
.rim-chart-list>li img.pic{vertical-align: middle;width: auto;height:auto;display: block;float: right;max-width: 280px;margin: 0px auto;padding: 0;border: 0;}
.rim-chart-text .face{ display: inline-block; width:20px; height:20px; margin:0 5px; }
.rim-chart-text .face img{ width:100%; height:100%; max-width:100%; vertical-align: middle;float:none; }
.rim-chart-text{
    background-color: #5FB878;
    color: #fff;
}
.rim-chart-text:after{
    content: '';
    position: absolute;
    left: -10px;
    top: 13px;
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #e2e2e2 transparent transparent;
    overflow: hidden;
    border-width: 10px;
}
.rim-chart-list>li .rim-chart-text:after{ left: -10px; border-top-color: #5FB878; }
.rim-chart-list>li.rim-chat-mine .rim-chart-text:after{ left: auto; right: -10px; border-top-color: #5FB878; }
.rim-chart-list>li.rim-chat-mine{ padding-right:60px; padding-left:0; text-align: right; }
.rim-chart-list>li.rim-chat-mine .send_user{ left:auto; right:10px; }
.rim-chart-list>li.rim-chat-mine .create_time{text-align: right;left:auto;right:60px; }
.rim-chart-list>li.rim-chat-mine .create_time em{ float:right;padding-left:15px; }
.rim-chart-list>li.rim-chat-mine .rim-chart-text{ text-align: right; }
.s_content_list .create_time{ width:100%; height:20px; line-height:20px; color:#333; }
.s_content_list .rim-chat-mine .rim-chart-text:after{right:-10px;left:auto;border-top-color:#5FB878}

.conversation_item{ display: none; }
.conversation_item.curr{ display: block; }
.conversation_item .s_tools{width: 100%;height: 36px;line-height: 36px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;position: absolute;bottom: 130px; z-index: 1005;padding:0px 10px }
.conversation_item .s_tools .chatLog{float:right;height: 26px;line-height: 26px;margin-top: 4px;padding-right: 5px;}
.conversation_item .s_tools .chatLog.curr{background:#ddd;}
.conversation_item .s_tools .chatLog i{padding: 0 5px;/* line-height: 38px; */font-size: 18px;vertical-align: middle;}
.conversation_item .s_tools .rim-icon{display:inline-block; width:36px; padding:0 8px; height: 38px;line-height:38px; font-size:20px;overflow: hidden; }
.conversation_item .s_editCont{ width:100%; padding:0px; position: absolute; bottom:40px; height:90px; }
.conversation_item .s_editCont .editCont{ height:90px; padding:5px; overflow-x:hidden; overflow-y:auto; outline:none;background: none !important;border: none;font-size: 14px; width:100%;}

.conversation_item .s_subbtn{ width:100%; height:28px; margin:6px auto; bottom:0px; position:absolute; z-index:1009;}
.conversation_item .s_subbtn>a{ display: block; float: right; background:#5FB878; border-radius:3px; padding:0px 0px; height:28px; line-height:28px; color:#fff; margin:0px 5px; overflow:hidden; text-align: center; min-width:80px;opacity: 1;font-size: 12px;font-weight: normal;text-shadow: none; }
.conversation_item .s_subbtn>a:hover{ background:#69BC80; }
.conversation_item .s_subbtn>a span{border-left: 1px solid #85C998;    width: 30px;height: 32px;    position: relative;display: inline-block; float: right;}
.conversation_item .s_subbtn>a .rim-icon{line-height:25px;text-align:center;float:right;display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent;overflow:hidden;position:absolute;top:12px;left:9px;border-top-style:solid;border-top-color:#fff}


.lightbox_img{width:auto;min-width:800px;min-height:600px;margin:0px auto;top:10%;position:fixed;z-index:999999 !important;background-color:#000;background-color:rgba(1,1,1,0.5);text-align: center;}
.lightbox_img .close{position:absolute;top:0;right:0;width:30px;height:30px;text-align:center;font-size: 30px;line-height: 30px;color: #060606;margin-top: -10px;margin-right: -10px;background: #fff;border-radius: 100%;z-index:3;}
.lightbox_img img{position: absolute;max-width:95%;}
.lightbox_img .imgwrap{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;}

/* 群成员 */
.conversation_item.group .group_members{display:none;position:absolute;top: 120px;left:0;width:100%;min-height: 200px;background: #fcfdfb;box-shadow: 0 0 5px 1px #ccc;z-index: 10;max-height: 200px;overflow: auto;}
.conversation_item.group .group_members li{float: left;width: 16.6%;text-align: center;margin: 10px 0;}
.conversation_item.group .group_members img{width: 58px;height:58px;border-radius:50%;}
.conversation_item.group .group_members .name{width:80%;margin:6px auto 0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.conversation_item.group .group_members li:hover{color:#3fdd86;}
.conversation_item.group .group_members li:hover img{box-shadow:0 0 10px 1px #5fb878;}
.conversation_item .u-name .iconfontrim{font-size: 20px; color: #666; margin-left: 5px;cursor: pointer;}
.conversation_item.group .u-name:hover .iconfontrim{color:#333;}

.rim-msgtips{line-height: 28px;margin-left: 5px;}

/*右侧消息记录*/
.conversation_container.history{width:1000px;}
.conversation_container.history .conversation_content{width:620px;float:left;}
.conversation_container.more.history{ width:1200px; }
.conversation_history{position:relative;width:380px;height:100%;float: right;background: #eee;}
.conversation_history .h_header{padding: 0 0 0 15px;height:40px;line-height: 40px;background:#F2F2F2;}
.conversation_history .h_header .icon-guanbi1{    float: right; margin-top: 5px; margin-right: 5px; height: 30px; width: 30px; line-height: 30px; text-align: center;}
.conversation_history .h_header .icon-guanbi1:hover{background: #ddd;}
.conversation_history .h_cont{position: absolute;width: 100%;top: 40px;background: #e9f0eb;bottom: 40px;overflow: auto;}
.conversation_history .h_footer{position: absolute;width: 100%;bottom: 0;padding: 0 15px;height: 40px;line-height: 40px;background: #F2F2F2;}
.conversation_history .rim-chart-text .pic{max-width:100%;}
.h_footer .pages_ctrl{float:right;margin-top: 6px;text-align: center;}
.h_footer .pages_ctrl i{float:left;height: 28px;line-height: 26px;padding: 0 5px;margin-right: -1px;border: 1px solid #5fb878;cursor: default;}
.h_footer .pages_ctrl span{float:left;width:28px;height:28px;text-align:center;line-height: 25px;border: 1px solid #5fb878;margin-right: -1px;cursor: pointer;}
.h_footer .pages_ctrl span:hover{background: #ddd;}

.un-read-icon{position:absolute;right:15px;top:18px;color:red;font-size:20px;animation:unicon .5s linear alternate infinite;}
.rim-narrow .un-read-icon {
    right: 10px;
    top: 15px;
    font-size: 12px;
    border-radius: 15px;
    min-width: 20px;
    min-height: 20px;
    padding: 0 4px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: red;
}
.rim-chartcontainer .icon_doc{display:inline-block;width: 50px;height: 60px; background: url(../images/hui_icons.png);}
.rim-chartcontainer .icon_doc.icon-txt{background-position: -4px -1px;}/*text文档*/
.rim-chartcontainer .icon_doc.icon-pdf{background-position: -64px -1px;}
.rim-chartcontainer .icon_doc.icon-audio{background-position: -124px -1px;}/*音频*/
.rim-chartcontainer .icon_doc.icon-office{background-position: -184px -1px;}
.rim-chartcontainer .icon_doc.icon-html{background-position: -244px -1px;}
.rim-chartcontainer .icon_doc.icon-video{background-position: -304px -1px;}/*视频*/
.rim-chartcontainer .icon_doc.icon-image{background-position: -4px -61px;}/*图片*/
.rim-chartcontainer .icon_doc.icon-other{background-position: -64px -61px;}/*其他*/
.rim-chartcontainer .icon_doc.icon-docx{background-position: -124px -61px;}/*word文档*/
.rim-chartcontainer .icon_doc.icon-xlsx{background-position: -184px -61px;}/*Excel表格*/
.rim-chartcontainer .icon_doc.icon-rar{background-position: -244px -61px;}/*压缩*/

.setkey:hover{ background: #469a5e;}
.sendkey{display:none;position: fixed;background:#fff;border-radius: 4px;overflow: hidden;box-shadow: 1px 1px 50px rgba(0,0,0,.3);font-size: 14px;color: #333;z-index: 100;}
.sendkey li{height: 40px;line-height: 40px;padding: 0 10px;border-bottom:1px solid #ddd;cursor: pointer;}
.sendkey li:hover{background: #eee;}
.sendkey li.curr{color:#489c60;}

.rim-chart-text .autio{display:none;}
.video-play-btn,
.im-play-btn{margin-right: 10px;display:inline-block;width:30px;height:30px;background:url(../images/playzt.png) no-repeat;background-size: 100%;vertical-align: middle;cursor:pointer;}
.video-play-btn.on,
.im-play-btn.on{background-image:url(../images/playbf.png);}

/* 全屏样式 */
.im-fullpage{height:100%;}
.im-fullpage .conversation_container{width:100%;height:100%;left:0 !important;top:0 !important;}
.im-fullpage .conversation_container.more .conversation_content{width: auto;float: left;position: absolute;left: 200px;right:0;}
.im-fullpage .conversation_container.history .conversation_content{width: auto;float: left;position: absolute;left: 0;right: 380px;}
.im-fullpage .conversation_container.more.history .conversation_content{width: auto;float: left;position: absolute;left: 200px;right: 380px;}
.im-fullpage .conversation_container.more.history{width:100%;}
.rim-chart-text video{max-width:200px;}
.rim-chart-text .video-wrap{position:relative;overflow:hidden;}
.video-play-btn{display:none;position:absolute;width:50px;height:50px;left:50%;top:50%;margin-left:-25px;margin-top:-25px;z-index: 1;}
.rim-chart-text .video-wrap:hover .video-play-btn{display:block;}
.transpondname{color:#32964e;}

.im-layer .layui-layer-btn .layui-layer-btn0{background:#5FB878 !important;border:1px solid #5FB878 !important;}
/* 表情 */
.conversation_item .s_tools .rim-icon.on{color:#32964e;}
.rim-face {display:none;position: fixed;width: 362px;padding: 5px;border: 1px solid #D9D9D9;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.2);z-index: 100000;}
.rim-face li {cursor: pointer;float: left;border: 1px solid #e8e8e8;height: 36px;width: 36px;overflow: hidden;margin: -1px 0 0 -1px;padding: 2px;text-align: center;background: #fff;/* z-index: 1000000; */}
.rim-face li img{width:100%;height:100%;}
.rim-face li:hover {position: relative;z-index: 2;border: 1px solid #5fb878;background: #e6f7eb;}
.face-img{width:34px;vertical-align:-10px;}


@keyframes unicon{
    from{opacity:1;}
    to{opacity:0.4;}
}
/*滚动条垂直方向的宽度*/
.rim-chartcontainer ::-webkit-scrollbar{width: 6px;}
/* 垂直滚动条的滑动块 */
.rim-chartcontainer ::-webkit-scrollbar-thumb:vertical {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgb(95, 184, 120);
	background-color:rgb(95, 184, 120);
}
#show { width: 770px; margin: 20px auto; background: #fff; padding: 5px; border: 1px solid #DDD; vertical-align: top; }

.hxy_forms_tips{position:fixed;right:5px;bottom:5px;overflow:hidden;width:200px;background:#fff;z-index:100;display:none

}
.hxy_forms_tips .tt{background:#5FB878;color:#fff;height:25px;line-height:25px;padding-left:10px}
.hxy_forms_tips .tt i{font-size:14px;float:right;display:inline-block;width:25px;text-align:center;overflow:hidden;cursor:pointer}
.hxy_forms_tips .tt i:hover{background:#80ce96}
.hxy_forms_tips ul{overflow:hidden;}
.hxy_forms_tips ul li a{display:block;overflow:hidden;height:36px;}
.hxy_forms_tips ul li{overflow:hidden;position:relative;padding:5px 10px}
.hxy_forms_tips ul li .pic{height:36px;width:36px;overflow:hidden;display:inline-block;border-radius:50%;float:left;margin-right:10px}
.hxy_forms_tips ul li .pic img{height:100%;width:100%}
.hxy_forms_tips ul li .f-name{float:left;line-height:36px;font-size:14px}
.hxy_forms_tips ul li .un-read-icon{    top: 13px;}
.hxy_forms_tips ul li:hover{background:#eee}

.un-read-icon .hidden{display:none}

/********收缩******/
.shrink-Im{ display:none; position: fixed; right: 0; bottom:5px; background: #fff; padding: 5px; background: #fff; box-shadow: 1px 1px 50px rgba(0,0,0,.3); border: 1px solid #D9D9D9; cursor:pointer; overflow:hidden;}
.shrink-rim{ margin:0 15px 0 10px; line-height:50px; cursor:pointer; overflow:hidden;}
.shrink-rim img{ width:13px; height:12px; vertical-align:middle; overflow:hidden; }
/****修改*****/
.rim-treecontainer .cover{background:#fff}
.rim-basicinfos2{background:url('../images/im-top-bg.png');background-size:cover}
.rim-basicinfos2 .rim-title{height:20px;line-height:20px}
.rim-basicinfos2 .rim-logo{width:17px;height:15px}
.rim-basicinfos2 .rim-title .close{color:#fff;opacity:1}
.rim-basicinfos2 .rim-user-info{margin:5px 0;padding:0 15px;overflow:hidden}
.rim-basicinfos2 .rim-user-info .userimg{width:55px;height:55px;line-height:30px;overflow:hidden;border-radius:50%;float:left;margin-right:10px;  border: 1px solid #8699e1;margin: 5px;box-shadow: 0px 0px 5px #8699e1;}
.rim-basicinfos2 .rim-user-info .u-name{float:left;font-size:14px;color:#fff;max-width:71%;white-space:nowrap;line-height:55px;overflow:hidden;text-overflow:ellipsis}
.rim-search{position:relative;height:30px;line-height:30px;overflow:hidden}
.rim-search .icon-chaxun{position:absolute;top:0;left:15px;line-height:30px;font-size:15px;z-index:12;color:#fff;overflow:hidden}
.rim-search .icon-guanbi1{position:absolute;top:0;right:15px; z-index:10; line-height:27px;font-size:12px;z-index:12;color:#fff; cursor:pointer; overflow:hidden;}
.rim-search input{position:relative;z-index:10;padding:0 30px 0 40px !important;font-size:14px;height:30px;line-height:30px;width:100%;box-sizing:border-box;background-color:transparent;color:#fff;border:0;vertical-align:top;overflow:hidden}
.rim-search input:active,.rim-search input:focus{background-color:transparent !important;color:#fff !important;}
.rim-search:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.13)}
.rim-search .rim-sear-inp::-webkit-input-placeholder{color:#fff}
.rim-search .rim-sear-inp:-moz-placeholder{color:#fff}
.rim-search .rim-sear-inp::-moz-placeholder{color:#fff}
.rim-search .rim-sear-inp:-ms-input-placeholder{color:#fff}
.rim-tree-tab.rim-tree-tab2{top:135px}
.im-hide{display:none}
.im-sear-null{height:20px;line-height:20px;padding:0;font-size:14px;color:#999;text-align:center;cursor:default; margin-top:5px;}
.rim-tree-tab .tab-cont-sear{position:absolute;left:0;top:45px;bottom:0;width:100%;padding:0;box-shadow:none;overflow-x:hidden;overflow-y:auto;background-color:#fbfbfb}
.tab-cont-sear .search-list{width:100%;margin:5px auto;height:auto;overflow:hidden}
.tab-cont-sear .search-list li{width:100%;display:block}
.tab-cont-sear .friend-list dd{position:relative;width:100%;height:60px;transition:height .2s;padding:0 5px 0 20px;overflow:hidden}
.tab-cont-sear .friend-list dd .pic{width:40px;height:40px;margin-right:5px;position:absolute;left:20px;top:10px;border-radius:50%;overflow:hidden}
.tab-cont-sear .friend-list dd a{padding-left:45px;height:45px;margin:8px 0;width:100%;display:block}
.tab-cont-sear .friend-list img{width:100%;min-height:40px}
.tab-cont-sear .friend-list dd .f-name{float:left;clear:both;height:22px;line-height:22px;width:100%;font-size:14px}
.tab-cont-sear .friend-list dd .f-basic-infos{color:#666;font-size:10px;line-height:15px;height:15px;float:left;text-overflow:ellipsis;overflow:hidden}
.tab-tt .iconfontrim{font-size:25px;}
.tab-tt .icon-renren,.tab-tt .icon-ren31{ font-size:30px;}
.rim-tree-tab.rim-tree-tab2 .tab-tt .tt-item.curr{ color:#3db8ef; border:0;}
.conversation_item .s_content{ top:50px; bottom:140px;}
.conversation_content .content_cover{ background:#fff;}
.conversation_item .s_header{ height:45px; border-bottom:1px solid #ddd; background-color:#f8f8f8;}
.conversation_item .s_header .u-face{width:auto;height:45px;right:70px;left:70px;line-height: 45px;}
.conversation_item .s_header .u-name{ display:block; width:100%; text-align:center;}
.rim-chart-list>li .send_user img{ width:40px; height:40px; min-height:40px; border-radius:0;}
.rim-chart-list>li .rim-chart-text{ background-color:#cdd7e2; padding:4px 15px; color:#333;}
.rim-chart-text:after{ top:10px;}
.rim-chart-list>li .rim-chart-text:after{border-top-color: #cdd7e2;}
.rim-chart-list>li.rim-chat-mine .rim-chart-text{background-color:#46bae6; color:#fff;}
.rim-chart-list>li.rim-chat-mine .rim-chart-text:after{ border-top-color:#46bae6; }
.rim-chartcontainer ::-webkit-scrollbar-thumb:vertical{ -webkit-box-shadow: inset 0 0 6px transparent;background-color:#ddd;} 
.rim-chartcontainer ::-webkit-scrollbar-track{border-radius: 0px;background: #fff;} 
.rim-chartcontainer ::-webkit-scrollbar-thumb{background: #fff;} 
/****消息历史记录***/
.conversation_history{ border-left:1px solid #ebebeb;}
.conversation_history .h_cont{background:#fff;}
.conversation_history .h_header{ height:45px; line-height:45px; border-bottom:1px solid #ddd; background-color:#eee;}
.conversation_history .h_cont{ top:45px;}
.rim-chart-list>.rightRecordList .rim-chart-text{background-color: #46bae6; color:#fff;}
.rim-chart-list>.rightRecordList .rim-chart-text:after{ border-top-color:#46bae6; }
.conversation_history .h_footer{ background:#fff; border-top:1px solid #ddd;}

.s_wraper{ position:absolute; bottom:0; height:135px; width:100%; background:#f4f5f9; padding:15px; box-sizing:border-box;}
.s_box{ background-color:#fff; border:1px solid #ddd; border-radius:3px; overflow:hidden;}
.conversation_item .s_wraper .s_tools{ position:relative; bottom:0; width:auto;border:0; margin:0;}
.conversation_item .s_wraper .s_tools .icon_rim{ padding:0; width:30px; height:35px; background:url(../images/rim_icon.png) no-repeat}
.conversation_item .s_wraper .s_tools .icon_rim.icon-video{ background-position:5px 8px; }
.conversation_item .s_wraper .s_tools .icon_rim.icon-trigger{background-position:-34px 8px; }
.conversation_item .s_wraper .s_tools .icon_rim.icon-pic{background-position:-73px 10px; }
.conversation_item .s_wraper .s_tools .icon_rim.icon-file{background-position:-114px 10px; }
/*.conversation_item .s_wraper .s_tools .icon-cankaowenjian{ color:#999; font-weight:500; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); }
.conversation_item .s_wraper .s_tools .icon-cankaowenjian:hover{ color:#2a6496;}*/
.conversation_item .s_wraper .s_editCont{ position:relative; bottom:0; height:45px; margin-bottom:5px; } 
.conversation_item .s_wraper .s_editCont .editCont{ height:45px;}
.conversation_item .s_wraper .s_subbtn{ position:relative; width:auto; margin:0;}
.conversation_item .s_wraper .s_subbtn>a{ background:#3da8f5;}
.s_bomContent{ padding:6px 0; border-top:1px solid #ddd; overflow:hidden;}
.conversation_item .s_wraper .s_subbtn .chatLog{ background-color:#fff; color:#666;}
.setkey:hover{ background:#3da8f5;}
.sendkey li.curr{ color:#3da8f5;} 
/*.conversation_container .conversation_list{ display:block;}*/
.conversation_container .conversation_list{ background-color:#fff; border-right:1px solid #ddd;}

.conversation_list ul li{ width:100%; height:60px; box-sizing:border-box; padding:0 0 0 5px; background-color:#fff; border-bottom:1px dashed #ddd; margin:0 auto;} 
.conversation_list ul li .u-face{ margin:10px 5px;}
.conversation_list ul li .u-name{ width:105px; line-height:60px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.conversation_list ul li .close{ margin:22px auto;}
.conversation_list ul li.im-sear-null{height:20px;line-height:20px;padding:0;font-size:14px;color:#999;text-align:center;cursor:default; margin-top:5px; border:0;}
.conversation_list ul li.im-sear-null:hover{ background-color:transparent;}
.conversation_list .conver-rim-search{ padding:10px; border-bottom:1px solid #ddd; overflow:hidden; }
.conversation_list .conver-rim-search .rim-search{ height:25px; line-height:25px; border:1px solid #ddd; border-radius:50px; overflow:hidden; }
.conversation_list .conver-rim-search .icon-chaxun{ top:1px; line-height:25px; color:#999;}
.conversation_list .conver-rim-search .icon-guanbi1{ color:#999;}
.conversation_list .conver-rim-search  .rim-search input{ font-size:12px; height:25px; line-height:25px; color:#999 !important;min-height:25px}
.conversation_list .conver-rim-search  .rim-search input:active,.conversation_list .conver-rim-search .rim-search input:focus{background-color:transparent;color:#999;}
.conversation_list .conver-rim-search  .rim-search input::-webkit-input-placeholder{color:#999}
.conversation_list .conver-rim-search  .rim-search input:-moz-placeholder{color:#999}
.conversation_list .conver-rim-search  .rim-search input::-moz-placeholder{color:#999}
.conversation_list .conver-rim-search  .rim-search input:-ms-input-placeholder{color:#999}
.h_footer .pages_ctrl span,.h_footer .pages_ctrl i{ border:0;} 

.content-item .leastchart-list li a{ position:relative; padding-right:10px;}
.content-item .leastchart-list li .pic{ left:0; top:0; }
.content-item .leastchart-list li a .pre_point{ position:absolute; top:18px; right:0; width:5px; height:5px; border-radius:50%; background-color:red;}