.chatIndex{background:#f5f5f5;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.chatIndex .chat_left{width:15%;margin-right:5px}.chatIndex .chat_left .topSearch{height:45px}.chatIndex .chat_left .el-scrollbar{height:calc(100% - 45px)}.chatIndex .chat_left .el-scrollbar__wrap{overflow-x:hidden}.chatIndex .chat_left .user_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chatIndex .chat_left .user_list .noMsg{text-align:center;margin-top:50px}.chatIndex .chat_left .user_list .currentActive{background:#dcdfe6}.chatIndex .chat_left .user_list .list_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:5px;padding-top:10px;padding-left:5px;cursor:pointer;border-top:1px solid #dcdfe6}.chatIndex .chat_left .user_list .list_item:hover{background:#dcdfe6}.chatIndex .chat_left .user_list .list_item img{width:45px;height:45px;border-radius:50%}.chatIndex .chat_left .user_list .list_item p{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#3aa49c;margin-left:2px}.chatIndex .defalut_image{height:100%;text-align:center;border:1px solid #dcdfe6}.chatIndex .defalut_image img{width:25%;height:15%;margin-top:25%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.chatIndex .chat_right{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;border:1px solid #3aa49c;overflow-x:hidden}.chatIndex .chat_right .chat_main{height:100%;width:100%}.chatIndex .chat_right .chat_top_info{height:50px;line-height:50px;text-align:center;border-bottom:1px solid #3aa49c}.chatIndex .chat_right .chat_banner_content{height:calc(100% - 150px);padding-left:10px;padding-right:10px;overflow-y:scroll;width:100%;padding-bottom:15px}.chatIndex .chat_right .chat_banner_content .titleInfo{text-align:center}.chatIndex .chat_right .chat_banner_content .content_item{width:100%;overflow:hidden;margin-top:15px;margin-bottom:15px}.chatIndex .chat_right .chat_banner_content .content_item img{width:55px;height:55px;border-radius:50%}.chatIndex .chat_right .chat_banner_content .content_item .contetn_text{width:550px}.chatIndex .chat_right .chat_banner_content .content_item .contetn_text .time{margin-top:0}.chatIndex .chat_right .chat_banner_content .content_item .contetn_text .text{display:inline-block;padding:10px;border-radius:5px;max-width:400px;word-break:break-all;white-space:pre-line}.chatIndex .chat_right .chat_banner_content .content_left img{float:left}.chatIndex .chat_right .chat_banner_content .content_left .contetn_text{margin-left:60px}.chatIndex .chat_right .chat_banner_content .content_left .contetn_text .time{margin-top:5px}.chatIndex .chat_right .chat_banner_content .content_left .contetn_text .text{background:#fff}.chatIndex .chat_right .chat_banner_content .content_right .contetn_text{float:left;text-align:right}.chatIndex .chat_right .chat_banner_content .content_right .contetn_text .time{margin-top:5px}.chatIndex .chat_right .chat_banner_content .content_right .text{background:#cce4fc;text-align:left}.chatIndex .chat_right .chat_bottom_input{height:90px;border-top:1px solid #3aa49c}.chatIndex .chat_right .chat_bottom_input .el-textarea__inner{border-bottom:none;border-radius:0;height:70px;resize:none;border:none;word-break:break-all;background:#f5f5f5}.chatIndex .chat_right .chat_bottom_input .submitBtn{height:20px;text-align:right;padding-right:15px;color:grey;font-size:18px}.chatIndex .chat_right .chat_bottom_input .submitBtn span:hover{cursor:pointer;color:#09c}.chatIndex .chat_right .chat_bottom_input .isActive{color:#09c}.prePayBoe .operate-btn{position:absolute;bottom:10px;right:20px}