.bgload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 1992;
}

#layui-layim-close {
  display: none !important
}

.bgloadimg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px;
  z-index: 9;
  background: #fff;
}

body .layui-layim-chat .layui-layer-title {
  background: linear-gradient(0deg, rgba(3, 117, 214, 0.96), rgba(0, 153, 255, 0.96));
  color: #fff;
  height: 70px;

}


body .layui-layer-setwin .layui-layer-min cite,
body .layui-layer-setwin .layui-layer-min cite:hover {
  background-color: #fff !important;
}

.layim-chat-text a {
  color: #fff !important;
}

.layim-chat-mine .layim-chat-text a {
  color: #333 !important;
}

.layui-layim-photos {
  cursor: pointer !important;
}

body .layim-chat-title {
  position: absolute;
  top: -70px;
  height: 70px;
}

body .layim-chat-status {
  margin-top: 0px;
}

body .layim-chat-other img {
  top: -10px;
}

body .layim-chat-other span {
  color: #fff;
}

body .layim-chat-other .Sessionstate {
  color: #00FCFF;
  font-size: 16px;
}

body .layim-chat-username {
  top: -5px;
}

body .layim-chat-mine .layim-chat-text {
  background-color: #fff;
  border: 1px solid #E3E3E3;
  color: #333;
}

body .layim-chat-mine .layim-chat-text:after {
  /* border-top-color: #fff; */
  /* border: 1px solid #E3E3E3; */

}


body .layim-chat-mine .layim-chat-text {
  padding: 8px 15px;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  word-break: break-word;
}

body .layim-chat-mine .layim-chat-text:before,
body .layim-chat-mine .layim-chat-text:after {
  content: "";
  border: 8px solid #E3E3E3;
  width: 0;
  height: 0;
  position: absolute;
}

body .layim-chat-mine .layim-chat-text:after {
  content: "";
  border: 8px solid #ffffff;
  width: 0;
  height: 0;
  position: absolute;
}

body .layim-chat-mine .layim-chat-text:before,
body .layim-chat-mine .layim-chat-text:after {
  border-top-color: transparent;
  border-bottom-color: transparent;
  top: calc(75% - 19px);
}

body .layim-chat-mine .layim-chat-text:before {
  border-right-color: transparent;
  left: calc(100% + 0px);
}

body .layim-chat-mine .layim-chat-text:after {
  border-right-color: transparent;
  left: calc(100% - 2px);
}

body .layim-chat-text {
  background-color: #12B7F5;
  color: #fff;
  word-break: break-word;
}

body .layim-chat-text:after {
  border-top-color: #12B7F5
}

body .layim-chat-tool span {
  color: #B3B3B3;
}

.editname {
  font-size: 14px;
}

.readstatus {
  color: #999999;
  font-size: 12px;
}



.readicon {
  margin-right: 5px;
}

body .layim-chat-send span {
  background-color: #fff;
  color: #333333;
  border: 1px solid #E6E6E6;
}

body .layim-chat-send .layim-send-btn {
  background-color: #12B7F5;
  color: #fff;
}

body .layim-chat-send span:hover {
  background-color: #12B7F5;
  color: #fff;
}

body .layim-chat-send .layim-send-set {
  background-color: #12B7F5;
  height: 31px;
}

body .layim-chat-send .layim-menu-box {
  width: 248px;
}

body .layim-menu-box li i {
  color: #12B7F5;
}

body .layui-mainbox .layui-layer-title {
  background: url("/im/js/layui/images/topbac-d52ba3b8f4f97f3e01f28a2928022cbb.png") no-repeat !important;
  background-color: #5CB4FC !important;
  height: 118px;
}

body .layui-layim-info {
  height: initial;
  color: #fff;
  padding: 0 15px 15px;
}

body .layui-layim-tab li {
  height: initial;
  line-height: initial;
  font-size: 16px;
}

body .layui_tabtext {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: 7px;
  color: #fff;
}

body .layui-layim-tab li.layim-this:after {
  background-color: #00f0ff;
  margin-left: -32px;
  width: 64px;
  left: 50%;
  bottom: -5px;
}

body .layim-tab-content {
  height: 423px;
}

body .layui-layim-main {
  top: -103px;
}

body .layui-layim-tab {
  margin-top: 0px;
  padding: 0;
  margin-bottom: 5px;
}

body .layui-mainbox .layui-layer-setwin {
  top: 5px;
}

body .layui-mainbox .layui-layer-setwin .layui-layer-close1 {
  margin-top: 4px;
}

body .main_search_box {
  position: relative;
}

body .main_search_box img {
  position: absolute;
  left: 16px;
  top: 7px;
  width: 16px;
  height: 16px;
}

body .main_search_box input {
  width: 280px;
  outline: none;
  border: none;
  height: 30px;
  background: #5CB4FC !important;
  padding-left: 38px;
  box-sizing: border-box;
  color: #fff;
}

body .main_search_box input::-webkit-input-placeholder {
  color: #fff;
}

body .getmsgtime {
  float: right;
  font-size: 12px;
  color: #999;
}

body .layui-layim-list li .moremenu {
  position: absolute;
  width: 10px;
  height: 6px;
  top: inherit;
  left: inherit;
  display: none;
  bottom: 1px;
  right: 10px;
  padding: 10px;
}

.linkman_row {
  position: relative;
}

body .layui-layim-list .link_row_menu {
  width: 120px;
  position: absolute;
  right: 15px;
  z-index: 2;
  background: #FFFFFF;
  border: 1px solid rgba(230, 230, 230, 1);
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.16);
  display: none;
}

.link_row_menu div {
  display: block;
  font-size: 12px !important;
  padding: 5px 10px;
}

.link_row_menu .none {
  display: none;
}

.bluemodal .layui-layer-title {
  background: #12B7F5;
  color: #fff;
  height: 40px;
  line-height: 40px;
}

.bluemodal2 .layui-layer-title {
  background: #0099FF;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.layui-layer-title {
  background: #0099FF;
}
.bluemodal3 .layui-layer-title {
  background: #0099FF;
  color: #fff;
  height: 40px;
  line-height: 40px;
}
.layui-layer .layui-layer-title {
  font-size: 16px;
}

.editnamebox {
  padding: 20px;
}

.editinput {
  width: 100%;
  border: 1px solid #E6E6E6;
  height: 40px;
  padding-left: 15px;
  box-sizing: border-box;
}

.bluemodal .layui-layer-setwin a {
  margin-top: -2px;
}

.fr {
  float: right;
}

.clearfloat {
  display: flow-root;
}

.disabledbtn {
  background: #B3B3B3;
  color: #fff;
}

.disabledbtn:hover {
  border: none;
}

.mar_r7 {
  margin-right: 7px;
}

.layui-btn-primary:hover {
  border-color: #12B7F5;
}

.layui-btn-primary {
  border: 1px solid #E6E6E6 !important;
}

.textnum {
  margin: 8px 0 20px;
  color: #999999;
  font-size: 10px;
}

.layim-chat-main-info {
  display: none;
}

.verifclick .msgbadge,
.systemrow .msgbadge {
  display: none;
}

.linkman_row .msgbadge {
  min-width: 18px;
  height: 18px;
  background: #FF3030;
  border-radius: 50%;
  margin: 0;
  text-align: center;
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 38px;
  top: 4px;
  z-index: 1;
  padding: 0;
  line-height: 18px;
  font-weight: 100;
}

.Validationbox {
  margin: 0;
}

.Validationbox .layui-tab-content {
  padding: 0;
}

.layui-tab-brief>.layui-tab-title .layui-this,
.layui-tab-brief>.layui-tab-title .layui-this:after,
.layui-tab-brief>.layui-tab-more li.layui-this:after {
  color: #333;
  /* border: none; */
  font-weight: bold;
}

.layui-tab-brief>.layui-tab-title .layui-this:after,
.layui-tab-brief>.layui-tab-more li.layui-this:after {
  border-bottom: 2px solid #0099FF;
}

.layui-tab-title .layui-this:after {
  /* width: 120px;
  left: 50%;
  margin-left: -60px; */
}

.verif_row {
  padding: 20px;
  position: relative;
  border-bottom: 1px solid #E6E6E6;
}

.verif_touxiang {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}

.verif_text_info {
  display: inline-block;
  vertical-align: middle;
  width: 83%;
}

.verif_rejinfo {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: sub;
}
.contactTabItem{
  height: 380px;
  overflow-y: auto;
}

.verif_btn_row {
  position: absolute;
  right: 20px;
  top: 34px;
}

.verif_title,
.verif_country {
  margin-bottom: 8px;
}
.verif_notes {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.color999 {
  color: #999 !important;
}

.verif_time {
  margin-right: 10px;
}

.bgcred {
  background: #FF3030 !important;
}

.bgcblue {
  background: #0099FF !important;
}

.bgcbluebtn {
  background: #12B7F5 !important;
  color: #fff !important;
  border: none;
}

.bgcbluebtn2 {
  background: #0099FF !important;
  color: #fff !important;
  border: none;
}

.bgcredbtn {
  background: #FF3030 !important;
  color: #fff !important;
  border: none;
}

.bgcgarybtn {
  background: #B2B2B2 !important;
  color: #fff !important;
  border: none;
}

.colorred {
  color: #FF3030;
}

.colorblue {
  color: #0099FF;
}


.verif_btn_row button {
  width: 80px;
}

.addstatus {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -8px;
}

.vc_m {
  vertical-align: middle;
}

.mar0 {
  margin: 0;
}

.rejtext {
  margin-right: 12px;
}

.addimg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.addfriendbox {
  padding: 20px;
}

.addfriendinfo {
  display: inline-block;
  vertical-align: middle;
}

.addfriendname {
  width: 240px;
  line-height: 22px;
  font-size: 16px;
  margin-bottom: 14px;
}

.addimg {
  margin-right: 18px;
}

.nicknameinput,
.select_group {
  width: 297px;
  display: inline-block;
  margin-left: 16px;
}

.mar_t40 {
  margin-top: 40px;
}

.name_text {
  width: 73px;
  display: inline-block;
}

.mar_b10 {
  margin-bottom: 10px;
}

.im_primary_btn {
  width: 80px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  border-radius: 2px;
}

.im_primary_btn:hover {
  border-color: none !important;
}

.mar_l10 {
  margin-left: 10px;
}

.mar_t20 {
  margin-top: 40px;
}

.mar_t20s {
  margin-top: 20px;
}

.mar_t30 {
  margin-top: 30px;
}

.reasonbox {
  padding: 20px;
}

.resatitle {
  margin-bottom: 9px;
}

.notetitle {
  margin: 20px 0 10px;
}

.movefriend {
  padding: 20px;
}

.movetitle {
  font-size: 14px;
  color: #999999;
  line-height: 19px;
}

.movetitle2 {
  font-size: 14px;
  line-height: 19px;
  width: 332px;
}

.moveselect {
  width: 390px;
  margin-top: 17px;
  margin-bottom: 24px;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #e6e6e6 !important;
}

.edithint {
  font-size: 12px;
  color: #666666;
}

.edittouxiang {
  height: 80px;
  width: 80px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}

.editnameinput {
  width: 60px;
}

.edithint {
  margin-bottom: 20px;
}

.edithint img {
  vertical-align: sub;
  margin-right: 7px;
}

.edithint span {
  vertical-align: middle;
}

.inb {
  display: inline-block;
}

.editnameinput {
  height: 30px;
  width: 120px;
  line-height: 30px;
  margin-bottom: 9px;
}

.chosegroup {
  width: 285px;
  height: 40px;
  margin-top: 10px;
}

.fontsizenum {
  color: #999999;
  text-align: right;
}

.groupmembernum {
  height: 26px;
  background: #0099FF;
  padding-left: 20px;
  color: #fff;
}

.bluemodal2 .layui-layer-content {
  margin-top: -1px;
  background: #F2F2F2;
}

.groupmemberbox {
  padding: 10px;
}

.groupnametext {
  width: 434px;
  display: inline-block;
  line-height: 21px;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px;
}

.groupnamerow {
  height: 95px;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.groupnamerow img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.groupmaxnum {
  margin: 0 10px;
  font-size: 14px;
  border-bottom: 1px solid #E6E6E6;
  padding: 10px 0 10px 7.5px;
  margin-bottom: 17px;
}

.membercontent {
  background: #fff;
  height: 314px;
  margin-bottom: 10px;
  overflow: auto;
}

.memberrow {
  padding: 7px 20px;
}

.memberrow .memberimg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.mebername {
  margin-left: 10px;
  width: 226px;
  display: inline-block;
}

.groupmaster {
  height: 20px;
  background: rgba(18, 152, 245, 1);
  border-radius: 2px;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  padding: 0 5px;
  margin-right: 26px;
}

.onlinestatus2 {
  color: #1298F5;
}

.memberrow:hover {
  background: #D8F4FF;
}

.quitbtn {
  width: 286px;
  height: 40px;
  background: #FF3030;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  display: inline-block;
}

.text-center {
  text-align: center;
}

.memberrow {
  position: relative;
}

.membermenu {
  position: absolute;
  width: 120px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgba(230, 230, 230, 1);
  box-shadow: 0px 6px 6px 0px rgba(128, 128, 128, 0.16);
  right: 30px;
  top: 20px;
  display: none;
  z-index: 1;
}

.membermenu div {
  padding: 10px;

}

.mar_t60 {
  margin-top: 60px;
}

.quitebox {
  padding: 26px 20px;
}

.bgcfffmask .layui-layer-content {
  background: #fff;
}

.m_removebtn {
  color: #FF3030;
  margin-left: 34px;
  cursor: pointer;
}

.m_removebtn img {
  margin-right: 4px;
}

.remberbtnrow div {
  display: inline-block;
}

.remberbtnrow {
  display: flow-root;
}

.remberbtnrow2 {
  text-align: center;
}

.remberbtnrow .Leavebtn {
  width: 284px;
  height: 40px;
  float: left;
  margin-right: 10px;
  color: #fff;
  background: #FF3030;
  line-height: 40px;
  text-align: center;
}

.remberbtnrow2 .Leavebtn2 {
  width: 284px;
  height: 40px;
  margin-right: 10px;
  color: #fff;
  background: #FF3030;
  line-height: 40px;
  text-align: center;
  display: inline-block;
}

.remberbtnrow .addmemberbtn {
  width: 284px;
  height: 40px;
  float: left;
  color: #fff;
  background: #0099FF;
  line-height: 40px;
  text-align: center;
}

.groupmasterbox .g_hint {
  font-size: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 16px;
}

.groupmasterbox .g_hint2 {
  margin-bottom: 14px;
  font-size: 14px;
}

.groupmasterbox {
  /* padding: 20px; */
}

.pdlrt20 {
  padding: 20px 20px 0;
}

.g_memberlist {
  height: 205px;
  overflow: auto;
  padding-bottom: 6px;
}

.gm_listrow {
  padding: 5px 20px;
}

.gm_listrow .gm_touxiang {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

.gm_listrow .gm_name {
  font-size: 14px;
}

.gm_listrow:hover {
  background: #D8F4FF;
}

.gm_listrow .checkedicon {
  float: right;
  margin-top: 2px;
  display: none;
}

.groupmastebtnrow {
  border-top: 1px solid #E6E6E6;
  padding-top: 20px;
}

.groupmastebtnbox {
  display: flow-root;
  padding: 0 20px 20px;
}



.creadagroupbox {
  padding: 10px;
}

.cg_searchbox {
  background: #fff;
  padding: 12px;
  margin-bottom: 10px;
}

.f2bgc .layui-layer-content {
  background: #f2f2f2;
}

.creadagroupbox .groupnameinp {
  width: 500px;
  height: 36px;
  border: 1px solid #E6E6E6;
  margin-left: 13px;
  padding-left: 15px;
  box-sizing: border-box;
}

.cg_searchbox .sizenum,
.cg_searchbox .maxsizenum {
  font-size: 12px;
  color: #999999;
}

.shuttlebox {
  display: flow-root;
}

.shuttlebox .shuttle_content {
  width: 50%;
  float: left;
  background: #fff;
  height: 355px;
  box-sizing: border-box;
  overflow: auto;
}

.layui-tree-img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
}

.layui-tree-entry {
  padding: 6px 10px;
  height: initial;
}

/* .layui-tree-entry:hover {
  background: #D8F4FF;
} */
.shuttle_content .layui-tree-main {
  width: 100%;
}

.shuttle_content .layui-form-checkbox {
  float: right;
  margin-top: 2px !important;
}

.shuttle_content .layui-form-checkbox[lay-skin="primary"]:hover i {
  border-color: #12B7F5;
}

.shuttle_content .layui-form-checkbox[lay-skin="primary"] i {
  border-radius: 50%;
}

.shuttle_content .layui-form-checked[lay-skin="primary"] i {
  border-color: #12B7F5 !important;
  background-color: #12B7F5;
}

.selectedcontent {
  padding: 20px 9px;
  border-left: 1px solid #E6E6E6;
  color: #555;
}

.selectedcontent .selectedrow {
  padding: 5px 10px;
}

.selectedcontent .selectedrow:hover {
  background-color: #eee;
}

.selectedcontent .selectedrow .slect_touxiang {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.selectedcontent .selectedrow .removeman {
  float: right;
  cursor: pointer;
  margin-top: 3px;
}

.marb10 {
  margin-bottom: 10px;
}

.shuttle_search {
  position: relative;
  margin: 10px;
}

.shuttle_search .layui-icon {
  position: absolute;
  left: 12px;
  top: 10px;
  color: #CCCCCC;
}

.shuttle_search input {
  width: 280px;
  height: 36px;
  border: 1px solid #E6E6E6;
  padding-left: 34px;
  box-sizing: border-box;
}

.creadbtnrow {
  margin-top: 16px;
}

.systemicon {
  margin-right: 5px;
}

.nomessage {
  margin: 50px auto 22px;
}

.notext {
  color: #999;
}

.systembox {
  padding: 5px 20px 20px 20px;
  height: 83%;
  overflow-y: auto;
}

.sysrow {
  margin-bottom: 20px;
}

.systitle img {
  width: 16px;
  height: 10px;
  margin-right: 6px;
}

.systtext {
  font-size: 16px;
  width: 375px;
  vertical-align: middle;
}

.systime {
  float: right;
  font-size: 12px;
  margin-top: 3px;
}

.syscontent {
  padding: 10px;
  background: #F2F2F2;
  margin-top: 7px;
  line-height: 20px;
  color: #333;
}

.sysdetailtitle {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
}

.sysdetailtime {
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

.sysdetailcontent {
  font-size: 16px;
  line-height: 18px;
}
.sysdetail{
  margin: 10px 25px;
}
.sys-userinfo{
  display: flex;
  height: 60px;
  align-items: center;
}
.sys-userinfo img{
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.sys-userinfo-layer{
  display: flex;
  flex-direction: column;
}
.sys-userinfo-title{
  height: 13px;
  font-size: 14px;
  /* font-weight: 400; */
  color: #333333;
  line-height: 32px;
}
.sys-userinfo-content{
  height: 14px;
  font-size: 14px;
  /* font-weight: 400; */
  color: #999999;
  line-height: 24px;
}
.sys-footer-layer{
  display: flex;
  margin-top: 400px;
}
.font333 {
  color: #333;
}

.backsys {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #E6E6E6;
  color: #0099FF;
  height: 50px;
  line-height: 50px;
  left: 0;
  text-align: center;
  cursor: pointer;
}

.filetop {
  padding: 10px;
  background: #fff;
  margin-bottom: 10px;
}

.filebox {
  padding: 20px;
  height: 503px;
  background: #F2F2F2;
}

.filetop input {
  width: 180px;
  height: 34px;
  padding-left: 11px;
  box-sizing: border-box;
  border: 1px solid #E6E6E6;
  margin-right: 10px;
  border-radius: 2px;
}

.filelist {
  margin-top: 10px;
  background: #fff;
}

.totalfiletext {
  color: #666666;
  float: right;
}

.fileselect {
  padding: 10px;
  border-bottom: 1px solid #E6E6E6;
}

.filecontent {
  height: 364px;
  overflow: auto;
}

.nofiletext {
  margin-top: 10px;
  color: #999999;
}

.nofilebox {
  margin-top: 30px;
}

.layui-form-checked[lay-skin="primary"] i {
  border-color: #0099FF !important;
  background-color: #0099FF;
  color: #fff;
}

.file_row {
  padding: 10px;
}

.filetypeimg {
  margin-right: 10px;
}

.fileinfo {
  color: #999;
}

.marl10 {
  margin-left: 10px;
}

.copylink {
  margin-top: 7px;
  color: #0099FF;
}

.copylink img {
  margin-right: 6px;
  cursor: pointer;
}

.file_row:hover {
  background: #F2F2F2;
}

.filecontent .filename {
  width: 320px;
}

.ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#pagebox,
#pagebox2 {
  text-align: center;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #007DFF;
  /* background-color: #DDE2EF; */
  
}

.layui-laypage .layui-laypage-curr em {
  color: #FFFFFF !important;
  /* color: #999999 !important; */

}

.layui-laypage a:hover {
  color: #000000 !important;
  background-color: #DDE2EF !important;
  /* color: #999999 !important; */
}

.chattingrecordsbox .layui-tab {
  margin: 0;
}

.chattingrecordsbox .layui-tab-title li {
  min-width: 135px;
  font-size: 16px;
}

.chattingrecordsbox .layim-chat-others .layim-chat-text {
  padding: 8px 15px;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  position: relative;

}


.chattingrecordsbox .layim-chat-others .layim-chat-text:after {
  position: absolute;
  display: inline-block;
  left: -6px;
  top: 11px;
  width: 0;
  height: 0px;
  content: '';
  border-style: solid;
  border-width: 6px;
  border-color: #fff #fff transparent transparent;
  transform: rotate(222deg);
  box-shadow: 1px -1px 1px #E3E3E3;
}

.chattingrecordsbox .layim-chat-others .layim-chat-text:after {
  border-top-color: #fff;
}

.timeline {
  font-size: 12px;
  margin-top: 20px;
}

.timeline .dashline {
  width: 175px;
  display: inline-block;
  border-bottom: 1px dashed #999999;
  vertical-align: middle;
}

.timeline .timetext {
  margin: 0 5px;
}

.layim-filecontent {
  width: 210px;
}

.chattingrecordsbox .layim-chat-main {
  height: 100%;
  padding: 10px
}

.filecontent-name {
  display: inline-block;
}

.layim-filecontent img {
  margin-top: -19px;
}

.filedownicon {
  position: absolute;
  top: 46px;
  margin-left: 10px;
}

.filedownicon2 {
  position: absolute;
  top: 43px;
  margin-left: -72px;
}

.share_prd {
  width: 100px;
  height: 100px;
  margin: 0 !important;
}

.prd_info {
  margin-top: 13px;
}

.prdtitme,
.prdprice {
  color: #0099FF;
  width: 220px;
}

.prdreqname {
  padding-bottom: 6px;
  border-bottom: 1px solid #E6E6E6;
}

.layim-reqcontent {
  width: 280px;
}

.sharefilerow .filetypeicon {
  margin-right: 8px;
}

.sharefilerow {
  padding: 10px 20px;
  margin: 0 -10px;
}

.sharefilerow:hover {
  background: #F2F2F2;
}

.fileinfoname {
  display: inline-block;
}

.mart_10 {
  margin-top: 10px;
}

.chattingrecordsbox .layui-tab-content {
  padding: 0 10px;
}

.file-progress {
  width: 50px;
  float: right;
  margin-top: 15px;
  margin-right: 10px;
}

.layui-progress-bar {
  background-color: #0099FF;
}

.mediabox {
  padding: 20px;
}

.mediacontent {
  width: 100%;
  height: 146px;
  line-height: 145px;
  border: 1px solid #eee;
}

.mediacontent img {
  max-width: 100%;
  max-height: 100%;
}

.layim-chat-mine .layim-chat-text .chat_fileinfo a {
  color: #333 !important;
}

.chat_fileinfo {
  width: 190px;
}

.chat_filename {
  width: 120px;
}

.chat_fileinfo br {
  display: none;
}

.chat_fileinfobox {
  display: inline-block;
}

.chat_filetype {
  float: right;
  margin-top: 5px;
}

.layim-chat-text img {
  max-height: 200px;
}

.leflist .layim-chat-list {
  top: -80px;
}

.Create_btn {
  padding: 8px;
  text-align: center;
  color: #0099FF;
  font-size: 14px;
  border-bottom: 1px solid #E6E6E6;
}

.Create_btn img {
  margin-right: 10px;
}

.mainchatbox .layim-tab-content {
  padding: 0 0 20px;
}

.grouptag {
  position: relative;
}

.grouptagmenu {
  width: 120px;
  position: absolute;
  right: 15px;
  z-index: 2;
  background: #FFFFFF;
  border: 1px solid rgba(230, 230, 230, 1);
  box-shadow: 0px 5px 5px 0px rgba(128, 128, 128, 0.16);
  display: none;
  top: 10px;
}

.grouptagmenu div {
  font-size: 12px !important;
  padding: 5px 10px;
}

.syscontentbox {
  min-height: 370px;
}

.syspagebox {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}

.checkboxplaceholder {
  width: 28px;
  display: inline-block;
}

.upfilepro {
  width: 50px;
  display: inline-block;
}

.uptext {
  font-size: 12px;
  color: #999999;
}

.mar_t10 {
  margin-top: 10px;
}

.layui-form-checkbox[lay-skin="primary"] i:hover {
  border-color: #0099FF;
}

.layui-layim-list li .mart_10 {
  margin-top: 10px;
}

.treeplaceholder {
  display: inline-block;
  width: 30px;
}

.layim-chat-other2 {
  top: 30px;
}

.group_member_num {
  color: #fff;
  vertical-align: middle;
  margin-left: 5px;
  display: inline-block;
  margin-top: 2px;
}

.layim-chat-other .membericon {
  width: 18px;
  height: 16px;
  border-radius: 0;
  position: inherit;
}

.none {
  display: none;
}

.visibility_h {
  visibility: hidden;
}

.addfriendstyle {
  width: 100px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  background: #12B7F5;
  border-radius: 2px;
  text-align: center;
  display: inline-block;
  border: none;
  margin-left: 30px;
}

.temporary_row {
  padding: 10px 20px;
  font-size: 14px;
  border-bottom: 1px solid #E6E6E6;

}

.temporary_row_abs {
  position: absolute;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  z-index: 1;
  background: #fff;
}

.tc_c {
  text-align: center;
}

.nodatabox {
  color: #999;
  margin: 20px 0;
}



.offline {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

.groupreqrow {
  padding: 15px 20px;
  border-bottom: 1px solid #E6E6E6;
}

.groupreqrow img {
  width: 53px;
  height: 53px;
  margin-right: 20px;
}

.userinfobox {
  padding: 20px 10px;
}

.userinfobox .layui-form-label {
  width: 120px;
  color: #666666;
  text-align: left;
}

.userinfobox .layui-input-block {
  margin-left: 0px;
  display: inline-block;
}

.userinfobox .layui-input {
  width: 240px;
}

.addsnsbtn {
  width: 120px;
  height: 30px;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  text-align: center;
  line-height: 30px;
  margin: 20px 0 20px 150px;
  font-size: 14px;
  color: #0099FF;
  cursor: pointer;
}

.addsnsbtn img {
  margin-right: 10px;
}

.snsselectbox {
  width: 140px;
}

.userinfobox .snsselectbox input {
  width: 140px;
}

.userinfobox .snsinpbox {
  width: 220px;
  margin-left: 20px;
}

.userinfobox .snsinpbox input {
  width: 220px;
}

.layui-form-select dl dd.layui-this {
  background-color: #007DEE
}

.removesns {
  margin-left: 15px;
  cursor: pointer;
}

.userinfotitle {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666666;
  padding-left: 15px;
}

.showuserinfo {
  /* padding: 0 5px; */
  cursor: pointer;
}

.nicknameinput2,
.select_group2,
.ad_select_box .layui-unselect {
  width: 290px;
  display: inline-block;
}

.ad_select_box .layui-unselect {
  width: 200px;
}

.linkman_row .none {
  display: none !important;
}

.onlinestatus {
  color: #00FCFF !important;
  font-size: 16px;
}

.offlinestatus {
  color: #999 !important;
  font-size: 16px;
}

.onlinestatus_G {
  color: #00FCFF !important;
  font-size: 16px;
  margin-left: 12px;
}

.offlinestatus_G {
  color: #999 !important;
  font-size: 16px;
}

.layim-chat-other .linshiicon {
  width: 23px;
  height: 16px;
  position: inherit;
  border-radius: 0;
  margin-right: 6px;
  vertical-align: middle;
}

.chatmaintitle {
  max-width: 560px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}

.temporarymarke {
  margin-top: -10px;
  vertical-align: middle;
  display: inline-block;
}

.tab_fixed_content {
  padding-top: 40px;
}

.tab_fixed {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 1;
  width: 100%;
}

.cursor_p {
  cursor: pointer;
}

.layim-chat-main .layim-chat-mine .layim-chat-text .urltag {
  color: #1298F5 !important;
}

.layim-chat-main .layim-chat-text .urltag {
  color: #fff !important;
}

.chat_progress {
  position: absolute;
  bottom: -15px;
  width: 200px;
  right: 0;
  margin-bottom: 4px;
}

.hintbtn {
  margin-left: 7px;
  position: relative;
}

.layim-tab-content .lihover {
  margin-right: 0;
}

.lihover:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.sendingimg {
  width: 36px;
  height: 36px;
}

.layim-chat-text .othermsg_img {
  width: 100px;
  height: 100px;
  margin-bottom: 5px;
}

.othermsg_text {
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.layim-chat-mine .othermsg_text {
  color: #0099FF !important;
}

.othermsg_reqtitle {
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.layim-chat-text .othermsg_text a {
  font-size: 14px;
  color: #0099FF !important;
}

.hintbox {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  box-shadow: 0px 3px 3px 0px rgba(128, 128, 128, 0.16);
  position: absolute;
  top: 21px;
  left: -50px;
  background: #fff;
  border: 1px solid #E6E6E6;
  display: none;
}

.gm_listrow .show {
  display: block;
}

.layui-layim-list li .gf_hg_icon {
  left: 10px;
  z-index: 1;
  top: -2px;
  width: 25px;
  height: 25px;
}

.link_row_menu div:hover {
  background-color: #F2F2F2;
  background-color: rgba(0, 0, 0, 0.05);
}

.layim-chat-mine .chat_fileicon {
  position: absolute;
  left: -28px;
  top: 25px;
}

.layim-chat-text {
  position: relative;
}

.chat_fileicon {
  position: absolute;
  right: -28px;
  top: 25px;
  cursor: pointer;
}

.imgfileicon {
  top: initial !important;
  bottom: 0 !important;
}

.urlhide {
  display: none;
}

.layui-layim-tab li {
  width: 50%;
}

.layui-layim-tab .none {
  display: none !important;
}

.layui-layer-dialog .layui-layer-content {
  word-break: break-word !important;
}

.search_info_row .font10 {
  font-size: 10px;
  color: #999;
}

.search_info_row .font10:nth-child(1) {
  margin-right: 5px;
}

.layui-layim-list .adminsearchli {
  height: 100%;
  min-height: 42px;
}

.search_info_row .none {
  display: none;
}

.layui-layim-list li .font10 span {
  margin-top: 0px;
  font-size: 10px;
}

.searchname span {
  margin-top: 0px !important;
}

.layui-layim-list li span {
  height: 17px;
}

.chatpopmask {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 99;
  background-color: rgb(0, 0, 0);
  opacity: 0.5;
  display: none;
}

.chatmaskloading {
  margin: 126px auto 20px;
}

.addtagcircle {
  width: 20px;
  height: 20px;
  background: #12B7F5;
  border-radius: 50%;
  color: #fff;
  margin: 0 10px;
  vertical-align: middle;
  font-size: 14px;
  padding: 2px;
}

.bm_text {
  color: #0D7DEE;
}


body .layim-chat-main ul .layim-chat-mine {
  padding-right: 0px;
}

body .layim-chat-mine .layim-chat-user cite {
  right: 0;
}

body .layim-chat-mine .layim-chat-user cite i {
  padding-right: 0px;
}

body .layim-chat-main ul li,
body .layim-chat-user cite i {
  padding-left: 0px;
}

body .layim-chat-user cite {
  left: 0
}

body .layim-chat-other .gf_hg_icon {
  top: -26px;
  left: -11px;
  width: 41px;
  height: 40px;
  z-index: 1;
}

.urltypeicon {
  width: 16px;
  vertical-align: sub;
}

.open_admin_im {
  cursor: pointer;
}

.layui-layim-info .layui-layim-user {
  max-width: 150px;
  margin-right: 5px;
  font-size: 16px;
  padding: 0 0 2px 0;
}

.sysrow_sojump {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 0px 0px 4px 0px #BFE5FF;
  border-radius: 2px;
  padding: 10px;
  margin-bottom: 20px;
}

.select_line {
  margin: 10px 0px !important;
}

.checkDetail {
  font-family: Arial;
  font-weight: 400;
  color: #009AFF;
}

.checkDetail img {
  vertical-align: initial;
  margin-left: 5px;
}

.msg-tab {
  display:flex;
  justify-content:space-between;
}
.systemTabBox>.msg-tab li{
  font-size: 16px !important;
  color: #333333;
  flex: 1;
  text-align: center;
  height: 30px !important;
  line-height: 20px !important;
  box-sizing: border-box !important;
  cursor: pointer;
}
.systemTabBox .layui-tab-title{
  height: 35px;
}

.systemTabBox>.layui-tab-title .layui-this, .layui-tab-brief>.layui-tab-title .layui-this:after, .layui-tab-brief>.layui-tab-more li.layui-this:after {
  height: 36px !important;
  color: #0099ff !important;
  /* border-bottom: 2px solid #0099FF !important; */
}
.page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  height: 92%;
  padding: 20px 50px 0 50px;
}
.page-content h3{
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
  margin-bottom: 20px;
}
.friend-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.friend-content h4 {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  margin-bottom: 2px;
  margin-left: 4px;
}

.friend-avatar {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.friend-article{
  display: flex;
}

.friend-content h5{
  margin-top: 10px;
  padding-left: 4px;
  margin-bottom: 8px;
}
.friend-content p{
  padding-left: 4px;
}
.friend-userinfo {
  display: flex;
  flex-direction: column;
}

.friend-userinfo h6 {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 6px;
}
.friend-description {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-top: 10px;
}

.friend-description h5 {
  margin-bottom: 10px;
}

.friend-footer-buttom {
  margin-top: auto;
  margin-bottom: 20px;
  height: 30px;
  display: flex;
  justify-content: space-around;
}

.left-buttom {
  margin-left: 50px;
  margin-right: auto;
  height: 28px !important;
  line-height: 28px!important;
}

.right-buttom {
  margin-left: auto;
  margin-right: 50px;
  height: 28px !important;
  line-height: 28px!important;
}
.text_overflow {
  width: 340px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}