.leftsearch{min-height:60px;display:inline-block;width:100%;border-bottom:1px solid #EBEBEB;padding:20px 20px 0;color:#232323;font-size:16px;background-color:#ffffff}
.leftsearch .searchBox{height:30px;margin:20px auto 20px;width:100%;padding:0 10px;background:#EDEDED;border-radius:15px}
.leftsearch .searchBox input{height:30px;border:0;width:180px;margin-right:10px;background:transparent}
.leftsearch .searchBox i{color:#9e9e9e}
.leftsearch .addIcon{position:relative;cursor:pointer}
.useravatar40{width:40px;height:40px;color:#fff;text-align:center;line-height:42px;border-radius:50%;margin-right:10px;display:inline-block}
.useravatar34{width:34px;height:34px;color:#fff;text-align:center;line-height:34px;border-radius:50%;font-size:14px}
.useravatar24{width:24px;height:24px;color:#fff;text-align:center;line-height:24px;border-radius:50%;font-size:14px}
.useravatar30{width:30px;height:30px;color:#fff;text-align:center;line-height:30px;border-radius:50%;font-size:14px}
.useravatar50{width:50px;height:50px;color:#fff;text-align:center;line-height:50px;border-radius:50%;font-size:14px}
.squareTab{height:40px;line-height:40px;border-bottom:1px solid #EDEDED;background:#fff}
.squareTab li{cursor:pointer}
.squareTab li.fl:hover{color:#409EFF}
.squareTab li.fl{width:100px;text-align:center;color:#333}
.squareTab li.fl.active:after{content:'';background:#2E9CF1;display:inline-block;width:80px;height:2px;position:absolute;margin:auto;left:0;right:0;bottom:0}
.squareTab li.fl.active{color:#2E9CF1;height:40px;position:relative}
.squareTab li.xxqf{padding:0 20px;border-left:1px solid #EDEDED}
.squareTab li.xxcz{height:40px;margin-right:20px}
#chatWindow .el-tabs__active-bar{margin:0 10px;width:80px!important}
#chatWindow .el-tabs__item{width:100px;padding:0;text-align:center}
#chatWindow .el-tabs__nav-scroll{padding:0}
.addlist .el-tag,.setlist .el-tag{margin-right:5px}
.dialog-footer .el-button{min-width:90px;min-height:40px;padding:0}
.el-dialog .el-dialog__header .el-dialog__close{font-size:22px}
.fullscreenBtn{width:22px;height:22px;margin:auto;top:0;bottom:0}
.fullscreenBtn img{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}
.messagelist{max-width:61.8%}
.messagelist.fr{margin-right:10px}
.messagelist .msgInfo{max-width:100%;width:auto;display:inline-block;padding:10px;font-size:13px;word-wrap:break-word}
.messagelist.fr .msgInfo{color:#fff;border-radius:15px 0 15px 15px}
.messagelist.fl .msgInfo{background-color:#fff;color:#333;border-radius:0 15px 15px 15px}
.center{text-align:center}
.conversationlist li .star{display:none}
.conversationlist li:hover .star{display:inline-block}
.squaresearch{padding:30px 0;background:#E5EDF5}
.squaresearch>div{max-width:960px;margin:0 auto}
.squaresearch>div .sleft{width:780px}
.squaresearch>div .sleft .vCenter{justify-content:space-between}
.squaresearch>div .sleft .searchText{width:100%;height:40px;border:1px solid #ccc;border-radius:20px;margin-bottom:20px;padding:0 25px}
.squaresearch>div .sleft input[type="radio"] + label::before{content:"\a0";display:inline-block;vertical-align:middle;font-size:18px;width:8px;height:8px;margin-right:10px;border-radius:50%;border:1px solid #4A90E2;text-indent:.15em;line-height:1;margin-top:-2px;padding:4px}
.squaresearch>div .sleft input[type="radio"]:checked + label::before{background-color:#4A90E2;background-clip:content-box}
.squaresearch>div .sleft input[type="radio"]{position:absolute;clip:rect(0,0,0,0)}
.squaresearch>div .sleft label{margin-right:20px}
.sright{width:180px;text-align:right}
.sright button{width:150px;height:40px;line-height:40px;background:rgba(46,156,241,1);border-radius:5px;color:#fff;border:0;cursor:pointer}
.dialogWindow .avatar-uploader .el-upload-dragger img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}
.cardTop .addIconImg1 span{
  vertical-align: top;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  cursor: pointer;
}
.cardTop .addIconImg1 .addbtn{
  margin-top: -2px;
  font-size: 28px;
}
.cardTop .addIconImg1 .addtitle{
  font-size: 14px;
  color: #999;
  margin-left: 10px;
}
.userfunlist .line{
  height: 1px;
  background: #ededed;
}
.defaultPart img{
  margin-bottom: 20px;
}
.defaultPart .defaultBtn{
  margin-top: 20px;
}
.defaultPart .defaultBtn button{
  width:80px;
  height:30px;
  background:rgba(46,156,241,1);
  border-radius:3px;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.defaultPart .defaultBtn button:first-child{
  margin-right: 20px;
}
.card-left-avatar.useravatar24{
  margin: 8px 18px 8px 8px;
  border-radius:0; 
}