
.main{padding:0;}
.chatDetail{padding-top:20px;margin-bottom:50px;}
.chatDetail ul .head{width:80px;height:80px;padding:10px;}
.chatDetail ul .head img{border-radius:50%;}
.chatDetail ul li{position:relative;min-height:80px;}
.chatDetail ul li.other .head{float:left;}
.chatDetail ul li.other .txt{background:#fff;display:block;float:left;padding:10px;max-width:60%;border-radius:12px;margin:16px 0 0 8px;border-top-left-radius:0;}
.chatDetail ul li.other .txt p{line-height:1.8rem;}
.chatDetail ul li.other:after{display: block;  position: absolute;background:#f5f5f5;top:16px;left:78px;width: 0;height: 0; border-width: 0 10px 8px 0;border-style:solid; border-color:transparent #fff;}
.chatDetail ul li.me .head{float:right;}
.chatDetail ul li.me .txt{background:#77c23a;display:block;float:right;padding:10px;max-width:60%;border-radius:12px;margin:16px 4px 0 8px;border-top-right-radius:0;}
.chatDetail ul li.me:after{display: block;  position: absolute;background:#77c23a;top:16px;right:76px;width: 0;height: 0; border-width: 10px 8px 0 0;border-style:solid; border-color:transparent #f5f5f5;}
.chatDetail ul li.me .txt p{color:#fff;line-height:1.8rem;}
.main_ft form{height:51px;position:fixed;bottom:0;width:100%;border-top:1px solid #ededed;}
.main_ft form input{float:left; width:100%;margin-right: -200px;height:51px;padding-left:16px;}
.main_ft form button{float: right; width: 100px;margin:8px 10px 0 0;}
input:focus{outline:none;}

.



@media screen and (max-width: 767px){
    .table-responsive   {border:none;}
}

.pagination{float:right;}

@media screen and (max-width: 840px) {
    .breadcrumb{margin-top:44px;}
    #titleBar{position: fixed;}
    #titleBar .logo{width:80px;margin:0 auto;padding-top:0;}
    #titleBar .backBtn{position: absolute;left:15px;top:0;/*border:1px solid #0d73ab;border-radius:8px;background-image: -moz-linear-gradient(top,#1cadff,#0495e9);
        background-image: -webkit-linear-gradient(top,#1cadff,#0495e9);
        background-image: -ms-linear-gradient(top,#1cadff,#0495e9);
        background-image: linear-gradient(top,#1cadff,#0495e9);-moz-box-shadow:inset 0 1px 0 #5bdcff,0 1px 0 rgba(0,0,0,0.24); -webkit-box-shadow:inset 0 1px 0 #5bdcff,0 1px 0 rgba(0,0,0,0.24); box-shadow:inset 0 1px 0 #5bdcff,0 1px 0 rgba(0,0,0,0.24);*/}
    #titleBar .addBtn{position: absolute;right:15px;top:0;}
    #titleBar .backBtn:hover{transform:scale(0.9);}
    #titleBar .addBtn:hover{transform:scale(0.9);}
    .notice .addBtn{display:none;}


}

