.scrollbarHide::-webkit-scrollbar{width:0;height:1px}
.scrollbarHide::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ddd}
.scrollbarHide::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px;background:#fefefe}
.xyz-chatquestion-box{font-size:15px;background:#f6f6f6;margin:0;position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh}
.xyz-chatquestion-box *{box-sizing:border-box;padding:0;margin:0}
.xyz-chatquestion-box .scrollbarHide{padding:0 10px;overflow-y:auto;height:calc(100vh - 170px);padding-top:20px}
.xyz-chatquestion-box .scrollbarHide li{position:relative;margin-bottom:20px}
.xyz-chatquestion-box .scrollbarHide .kefu{padding:0 30px 0 50px}
.xyz-chatquestion-box .scrollbarHide .user{padding:0 50px 0 30px}
.xyz-chatquestion-box .scrollbarHide .kefu-avatar{position:absolute;bottom:0;left:0;width:40px;height:40px}
.xyz-chatquestion-box .scrollbarHide .kefu-avatar img{width:40px;height:40px;border-radius:50%}
.xyz-chatquestion-box .scrollbarHide .kefuCont{position:relative;display:block;padding:12px;line-height:1.5;font-size:18px;background:#fff;border:1px solid #e8e8e8;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:4px}
.xyz-chatquestion-box .scrollbarHide .userImg{position:absolute;bottom:0;right:0;width:40px;height:40px}
.xyz-chatquestion-box .scrollbarHide .userImg img{width:40px;height:40px;border-radius:50%}
.xyz-chatquestion-box .scrollbarHide .userCont{position:relative;display:block;float:right;padding:12px;line-height:1.5;font-size:18px;background:#9eea6a;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:4px;border-bottom-left-radius:20px}
.xyz-chatquestion-box .footBtns{min-height:48px;text-align:center;padding-bottom:40px;position:fixed;bottom:0;display:flex;width:100%;justify-content:center;flex-wrap:wrap;max-width: 650px;}
.xyz-chatquestion-box .footBtns button{display:inline-block;width:45%;border:none;border-radius:12px;white-space:nowrap;text-align:center;font-weight:700;color:#fff;cursor:pointer;background-color:#4cb050;margin:5px;height:40px;line-height:40px;padding:0 10px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xyz-chatquestion-box .footBtns button:hover{opacity:.8}
.xyz-chatquestion-box .headBar{line-height:60px;text-align:center;border-bottom:1px solid #d5d5d5;font-weight:400;position:relative}
.xyz-chatquestion-box .headBar .close-area{position:absolute;top:0;right:0;padding:18px;font-size:20px;color:#717171;text-align:center;line-height:20px}
.xyz-chatquestion-box .headBar .close-area .close-icon{width:24px;height:24px;border-radius:50%;border:1px solid #717171}
.xyz-chatquestion-box .chat-head-img{margin: -20px -10px 0;}
.xyz-chatquestion-box .clearfix{height:auto;display:block}
.xyz-chatquestion-box .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.xyz-connecting-loading{text-align:center;font-size:14px;color:#a0e75a;display:none}
@-webkit-keyframes loading{
0%{opacity:1;-webkit-transform:scale(1.3)}
100%{opacity:.2;-webkit-transform:scale(.3)}
}
@keyframes loading{
0%{opacity:1;-webkit-transform:scale(1.3)}
100%{opacity:.2;-webkit-transform:scale(.3)}
}
.xyz-connecting-loading span{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%;background:#a0e75a;-webkit-animation:loading 1.04s ease infinite;animation:loading 1.04s ease infinite}
.xyz-connecting-loading span:last-child{margin-right:0}
.xyz-connecting-loading span:nth-child(1){-webkit-animation-delay:.13s;animation-delay:.13s}
.xyz-connecting-loading span:nth-child(2){-webkit-animation-delay:.26s;animation-delay:.26s}
.xyz-connecting-loading span:nth-child(3){-webkit-animation-delay:.39s;animation-delay:.39s}
.xyz-connecting-loading span:nth-child(4){-webkit-animation-delay:.52s;animation-delay:.52s}
.xyz-connecting-loading span:nth-child(5){-webkit-animation-delay:.65s;animation-delay:.65s}

.popup-wrap{width:100%;height:100%;position:fixed;display:none;top:0;left:0;content:"";z-index:99999999;background-color:rgba(51,51,51,.5)}
.popup-wrap .popup-box{width:320px;top:65%;background:#fff;position:absolute;-webkit-transform:translate(-50%,-80%);transform:translate(-50%,-80%);left:50%;font-size:18px;text-align:center;border-radius:5px}
.popup-wrap .popup-box .title{width:100%;height:40px}
.popup-wrap .popup-box .content{width:100%;left:0;text-align:center;vertical-align:middle;font-size:18px;line-height:24px;padding:10px 24px}
.popup-wrap .popup-box .popup-cancle{font-size:14px;color:#999;line-height:30px;width:40px;height:40px;margin:0;float:right}
.popup-wrap .popup-box .popup-cancle img{width:40px;height:40px}
.popup-wrap .popup-box .clipboard-huoke{background:#ffa041;color:#fff;height:30px;line-height:30px;padding:0 10px;border-radius:5px}
.weixin_box{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;background:#fff;border-radius:20px}
.weixin_title{font-size:18px;line-height:27px;color:#000;margin-bottom:25.362px;margin-top:10.87px;text-align:center;font-weight:600}
.weixin_number{font-size:18px;color:#666;text-align:center;height:45px;line-height:45px;background:#f7f7f7;border-radius:10px;font-weight:400;padding:0 10px}
.weixin_qrcode{width:300px;margin:10px auto 0}
.weixin_footer{color:#999;font-size:16px;line-height:1.2;font-weight:400;margin-top:20px;margin-bottom:20px}
.dj-modalBox-open {overflow: hidden;}
@media (min-width:1000px) {
.xyz-chatquestion-box { font-size: 15px; background: #f6f6f6; position: fixed; z-index: 1000; width: 750px; height: 100vh; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -1px; border: 1px solid #ddd; }
.xyz-chatquestion-box .footBtns{max-width: 750px;}
}

/* contact_list */
.mask-add-global-fd {
  position: fixed;
  width: 100%;
  height: 100%;
  --tw-bg-opacity: 0.5;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  display: block;
  z-index: 999999;
  left: 0;
  top: 0;
}
.container .btn-box {
  position: fixed;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container .btn {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: red;
  color: #fff;
  border-radius: 40px;
  padding: 5px 0;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
}
.lianjie-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 360px;
  padding: 5px 20px 20px;
  border-radius: 20px;
  box-sizing: border-box;
  font-size: 14px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  z-index: 9999999;
}
.lianjie-container .close-add-friend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 20px;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  --tw-text-opacity: 1;
  font-weight: 700;
  cursor: pointer;
}

.lianjie-container .title {
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 5px;
}
.lianjie-container .en-title {
  font-size: 14px;
  color: #6f6f6f;
  margin-bottom: 10px;
}
.lianjie-container .triangle-box {
  position: relative;
  height: 14px;
}
.lianjie-container .triangle {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid #000;
}
.lianjie-container .contact-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-content: center;
  align-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.lianjie-container .contact-list .contact-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80px;
  text-align: center;
  border-radius: 8px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px;
  cursor: pointer;
}

.lianjie-container .contact-list .contact-item .des {
  font-weight: bold;
  line-height: 1.5;
}
.lianjie-container .contact-list .contact-item .line-wx {
  margin: 0 2px;
    font-size: 18px;
}
.lianjie-container .contact-list .contact-item.Wechat .des {
  line-height: 1.2;
}

.lianjie-container .contact-list .WhatsApp {
  background: #5ccf67;
  color: #fff;
}
.lianjie-container .contact-list .Messager {
  background: #f8f8f8;
  color: #1878f1;
}
.lianjie-container .contact-list .WhatsApp .WhatsApp-icon,
.lianjie-container .contact-list .Messager .Messager-icon,
.lianjie-container .contact-list .Wechat .Wechat-icon {
  width: 40px;
  height: 40px;
  vertical-align: bottom;
}
.lianjie-container .contact-list .Line {
  background: linear-gradient(to bottom, #469d34, #4dca14);
  color: #fff;
}
.lianjie-container .contact-list .Line .Line-icon {
  width: 50px;
  height: 50px;
  vertical-align: bottom;
}
.lianjie-container .contact-list .Wechat {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom, #f5f5f5, #f8f8f8);
  color: #2aae67;
}