::-webkit-scrollbar {width: 5px;height: 5px;background-color: #f5f5f5;}
::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background-color: #999;}

.chat-box{width: 95%;max-width: 700px;border: 1px solid #C6C8C9;margin-left: auto;margin-right: auto;margin-top: 0px;box-shadow: 0px 3px 10px 1px #D1D3D3;border-radius: 3px;}
.chat-box.active{width:calc(100% - 40px);max-width:100%;}
.div-hid {width: 98%; max-width: 700px; margin: 0 auto; margin-bottom: 5px; margin-top: 5px; }
.input-small {width: 50px;}
.title {background: linear-gradient(270deg,#1ab1ec 7%, #0566a8 97%);height: 40px;line-height: 36px;margin: 0 auto;font-size: 16px;border-radius: 3px 3px 0 0;color: #fff;}
.bg-header1{background: linear-gradient(to right,#358CF6,#17DDD7);}
.bg-header2{background: linear-gradient(to right,#15426b,#a2c9e5);}
.bg-header3{background: linear-gradient(to right,#F388BD,#FFACB1);}
.bg-header4{background: #fff;color: #333;border-bottom: 1px solid #d0d0d0;}

.history {background-color: white; height:calc(100vh - 213px); margin: 0 auto; overflow-y: scroll;}
.operate {background-color: white;  padding-bottom: 10px; margin: 0 auto; border-top: 1px solid #eaeaea;}
.operate textarea{width: calc(100% - 20px);padding:5px 10px; height: 80px; border: none; resize: none;}
.chat-user-t {color: blue; font-size: 14px; padding-bottom: 3px; padding-top: 2px; margin-top: 20px;}
.chat-user-s {color: green; font-size: 14px; padding-bottom: 3px; padding-top: 2px; margin-top: 20px;}
.chat-msg {line-height: 24px;font-size: 14px; padding-bottom: 3px; padding-top: 2px; word-break: break-all;position: relative;}
.chat-msg>div{width: 100%;}
.send-fail{background: url(../img/warn.png) no-repeat 0 7px;background-size: 14px 14px;}
.full-screen{background: url(../img/full-screen.png) no-repeat;width: 23px;height: 23px;background-size: contain;top: 8px;right: 10px;}
.chat-box.active .full-screen{background: url(../img/compress.png) no-repeat;width: 20px;height: 20px;background-size: contain;top: 8px;right: 10px;}
.send {border: 1px solid #509EE1;padding: 4px 25px;color: #fff;font-size: 14px;background: #509EE1;margin-right: 10px;border-radius: 2px;}
.textright .chat-user-s{text-align: right;}
.textright .chat-msg{text-align: right;padding-right: 16px;}
.send-fail{color:red;}
.upload-box a{padding: 2px;margin: 3px 3px 0 7px;}
.upload-box a img{width: 20px;}
.upload-box a:hover{background: #E7E8E9;}

.point{background: #8D9BA0;width: 5px;height: 5px;border-radius: 50%;position: absolute;left: -10px;top: calc(50% - 1px);}
.full-title,.exit-title{display: none;background: #435361;border-radius: 4px;padding: 0px 0px;color: #fff;font-size: 11px;top: 7px;left: 34px;width: 60px;text-align: center;height: 24px;line-height: 24px;z-index: 10;}
.full-title::after,.exit-title:after{content: '';border: 5px solid transparent;border-right: 5px solid #435361;position: absolute;top: 6px;left: -10px;}
.full-screen:hover .full-title{display: block;}
.chat-box.active .full-screen:hover .exit-title{display: block;}
.chat-box.active .full-screen:hover .full-title{display: none;}
.display_n{display: none;}

.recall-box p{background: #D9DADC;display: inline-block;padding: 2px 12px;border-radius: 4px;color: #777777;font-size: 12px;margin: 5px 0;}
.send-chat{border:none;padding: 0px 16px;line-height: 28px;height: 28px;color: #fff;font-size: 13px;background: #1E6FFF;border-radius: 2px 0 0 2px;}
.btnway-msg{position: relative;background: #1E6FFF;line-height: 28px;height: 28px;padding: 0 6px;color: #fff;margin-right: 10px;border-radius: 0 2px 2px 0;}
.btnway-msg::after{position: absolute;content: '';background: #5793FF;width: 1px;height: 20px;top: 5px;left: 0;}
.btnway-msg>img{width: 13px;}
.popway-msg{width: 200px;box-shadow: 0px 3px 10px 1px #D1D3D3;border: 1px solid #C6C8C9;border-radius: 2px;bottom: 10px;left: -200px;background: #fff;z-index: 1;max-height: 300px;overflow: auto;}
.popway-msg a{padding: 1px 1px 1px 40px;color: #333;font-size: 13px;display: block;line-height: 30px;cursor: pointer;}
.popway-msg a:hover{background: #EDEDED;}
.popway-msg a.active{background: url(../img/right.png) no-repeat 13px 10px;background-size: 15px 15px;}
.popway-msg a.active:hover{background:#EDEDED url(../img/right.png) no-repeat 13px 10px;background-size: 15px 15px;}
.popway-msg .fast{border-top: 1px solid #EDEDED;}
.record-open.chat-box,.group-user-open.chat-box{max-width: 900px;}
.record-open.chat-box.active,.group-user-open.active{max-width: calc(100% - 15px);}
.left-msg{width: 100%;border-right: 1px solid #E0E0E0;}
.record-open .left-msg,.group-user-open .left-msg{width: calc(100% - 301px);}
.record-msg,.group-user-div{width: 300px;display: none;background: #fff;}
.record-open .record-msg,.group-user-open .group-user-div{display: block;}
.title-msg{font-size: 13px;border-bottom: 1px solid #E0E0E0;padding: 5px 8px;}
.title-msg img{width: 12px;}
.msg-box{height: calc(100vh - 132px);overflow: auto;padding-left: 10px;font-size: 13px;}
.msg-model a{padding-left: 15px;}
.pre-wrap{white-space:pre-wrap;}
.img-audio{width: 60px;height: 60px;margin: 0 auto;border: 2px solid #C3E1F4;background: radial-gradient(circle at 50% 50%, #80e2ff,#009BFF);border-radius: 50%;display: flex; align-items: center; justify-content: center;}
.img-audio img{width: 30px;}
.img-audio.active{transition: all 0.5s linear;border: 10px solid #C3E1F4;width: 60px;height: 60px;margin-top: -9px;}
/* 快捷回复 */
.popbox{background: #fff;box-shadow: 0px 3px 40px 1px #8A8A8A;border: 1px solid #E0E0E0;width: 400px;position: fixed;top: calc(50% - 90px);left: calc(50% - 200px);border-radius: 6px;padding: 5px 5px 10px 10px;}
.select-hf{line-height: 26px;margin-top: 5px;font-size: 13px;}
.select-hf select{border: 1px solid #BCBCBC;border-radius: 2px;width: 60px;height: 26px;margin-right: 110px;}
.text-hf{margin-top: 10px;}
.text-hf textarea{width: calc(100% - 130px);border: 1px solid #EDEDED;border-radius: 2px;padding: 10px;height: 64px;resize: none;}
.text-hf div{width: 90px;margin-left: 15px;}
.text-hf div button{width: 70px;display: block;margin-bottom: 20px;border: 1px solid #EDEDED;border-radius: 2px;height: 28px;padding: 0;text-align: center;color: #333;background: #f7f7f7;font-size: 13px;}
.text-hf div button:hover{border: 1px solid #5794ff;color: #5794ff;}
.circle-bounce {width:16px;height:16px;margin:auto;position:relative;}
.circle-bounce .child {position:absolute;left:0;top:0;width:100%;height:100%;}
.circle-bounce .child:before {content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#4D4E4F;border-radius:100%;animation:circle-bounce 1.2s infinite ease-in-out;}
.circle-bounce .circle-2 {transform:rotate(30deg);}
.circle-bounce .circle-2:before {animation-delay:-1.1s;}
.circle-bounce .circle-3 {transform:rotate(60deg);}
.circle-bounce .circle-3:before {animation-delay:-1.0s;}
.circle-bounce .circle-4 {transform:rotate(90deg);}
.circle-bounce .circle-4:before {animation-delay:-0.9s;}
.circle-bounce .circle-5 {transform:rotate(120deg);}
.circle-bounce .circle-5:before {animation-delay:-0.8s;}
.circle-bounce .circle-6 {transform:rotate(150deg);}
.circle-bounce .circle-6:before {animation-delay:-0.7s;}
.circle-bounce .circle-7 {transform:rotate(180deg);}
.circle-bounce .circle-7:before {animation-delay:-0.6s;}
.circle-bounce .circle-8 {transform:rotate(210deg);}
.circle-bounce .circle-8:before {animation-delay:-0.5s;}
.circle-bounce .circle-9 {transform:rotate(240deg);}
.circle-bounce .circle-9:before {animation-delay:-0.4s;}
.circle-bounce .circle-10 {transform:rotate(270deg);}
.circle-bounce .circle-10:before {animation-delay:-0.3s;}
.circle-bounce .circle-11 {transform:rotate(300deg);}
.circle-bounce .circle-11:before {animation-delay:-0.2s;}
.circle-bounce .circle-12 {transform:rotate(330deg);}
.circle-bounce .circle-12:before {animation-delay:-0.1s;}
@keyframes circle-bounce {
    0% {
        transform:scale(0);
    }
    40% {
        transform:scale(1);
    }
    80% {
        transform:scale(0);
    }
    100% {
        transform:scale(0);
    }
}
.more-msg{color: #1E6FFF; padding: 5px; vertical-align: middle;}
.more-msg img{width: 15px;vertical-align: middle;margin-top: -3px;}
.prompt-box{border-radius: 2px;border: 1px solid #588297;padding: 0 0 0 5px;line-height: 20px;height: 21px;position: absolute;top: -30px;right: 21px;width: 199px;background: #fff;box-shadow: 0px 0px 3px 1px #D1D3D3;font-size: 12px;}
.prompt-box span{background: #4EA9E9;display: inline-block;width: 15px;height: 15px;line-height: 15px;text-align: center;color: #fff;font-size: 12px;border-radius: 50%;}
.prompt-arrow:before,.prompt-arrow:after {
    width:0;
    height:0;
    display:block;
    position:absolute;
    content:"";
    border:solid transparent;
    line-height:0;
}
.prompt-arrow:before {
    right: 36px;
    bottom: -14px;
    border-top:solid #588297;
    border-width: 7px;
}
.prompt-arrow:after {
    right: 37px;
    bottom: -12px;
    border-top:solid #fff;
    border-width: 6px;
}
/*自定义title*/
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 56px;
    background-color: #f9f9f9;
    color: #333;
    text-align: center;
    border-radius: 2px;
    padding: 2px 0;
    position: absolute;
    z-index: 1;
    top: 29px;
    left: 0;
    font-size: 11px;
    border: 1px solid #e5e5e5;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.img-me{background: url("../img/me.png") no-repeat center;width: 30px;height: 30px;display: inline-block;background-size: 20px 20px;}
.site-box{background: #fff;border-radius: 2px;top: 27px;right: -1px;width: 90px;box-shadow: 0px 3px 10px 1px #D1D3D3;z-index: 10;}
.site-box a{display: block;padding: 0px 10px;color: #000;font-size: 12px;height: 30px;line-height: 30px;vertical-align: middle;cursor: pointer;}
.site-box a:hover{background:#ededed;}
.online{display: inline-block;width: 12px;height: 12px;background: rgb(21 197 58);border-radius: 50%;margin: -1px 10px 0 0;vertical-align: middle;}
.leave{display: inline-block;width: 12px;height: 12px;background: rgb(173,173,173);border-radius: 50%;margin: -1px 10px 0 0;vertical-align: middle;}
.busy{display: inline-block;width: 12px;height: 12px;background: rgb(253,86,60);border-radius: 50%;margin: -1px 10px 0 0;vertical-align: middle;color: #fff;line-height: 12px;text-align: center;font-size: 8px;}
.other-tatus-div .full-title{top: 31px;left: -15px;}
.other-status-div:hover .full-title{display: block;}
.other-status{color:#E0E0E0;font-size: 8px;float: left;margin-left: 10px;line-height: 12px;margin-top: 5px;}
.other-status-div .busy,.other-status-div .leave,.other-status-div .online{width:14px;height: 14px;line-height: 14px;font-size: 10px;margin: 11px 0 0 10px;}
.img-me-div{height: 20px;padding-top: 6px;}
.img-me-div>span{width: 10px;height: 10px;line-height: 10px;bottom: -6px;right: -9px;}

.chat-msg .div-mp3{border: 1px solid #F5F5F5;padding: 8px;min-width:130px;border-radius: 6px;max-height: 54px;display: inline-block;max-width: 260px;}
.mp3-player{background: rgb(3 157 252 / 80%);width: 42px;height: 42px;border-radius: 6px;}
.mp3-player img{width: 35px;margin: 7px 8px;}
.mp3-desc{width: calc(100% - 54px); }
.div-mp3 p{font-size: 14px;word-break: keep-all;line-height: 18px;color: #000;margin-top: 2px;}
.audio-stop{width: 35px;background: url("../img/stop.png") no-repeat;background-size: contain;height: 35px;margin: 4px;}
.audio-stop.player{background: url("../img/player.png") no-repeat;background-size: contain;width: 34px;height: 34px;margin: 4px 4px;}
.layui-laydate, .layui-laydate-main {
    width: 258px !important;
    height: 262px !important;
}
.chat-msg .audio-player {
    display: inline-block;
    background: #F1F3F4;
    padding: 5px 10px;
    width: 70px;
    border-radius: 6px;
}
.chat-msg .audio-player div{width:calc(100% - 30px);}
.audio-play-btn {
    width: 25px;
    height: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    vertical-align: middle;
}

.audio-non-play {
    background-image: url('../img/audio-non-play.png');
}

.audio-playing {
    background-image: url('../img/audio-playing.gif');
}

.upload{
    width: 20px;height: 20px;opacity: 0; position: absolute;top: 2px;left: 2px; cursor: pointer;
}
.file-small{width: 160px;height: auto;border: 1px solid #F5F5F5;border-radius: 6px;}


.msg-right .chat-user-s{text-align: right;}
.msg-right .chat-msg .div-mp3,.msg-right .chat-msg .audio-player{float: right;}
.msg-right .div-mp3>div{float: right;}
.msg-right .div-mp3>p{float: right;margin-left: 0;margin-right: 10px;}
.msg-right .chat-msg>div>p{float: right;background: rgb(201 246 189 / 40%);padding: 8px 10px 8px 10px;border-radius: 6px 0 6px 6px;}
.chat-msg>div>p{white-space: pre-wrap;}
.msg-right .chat-msg .div-mp3{background: rgb(201 246 189 / 40%);}
.chat-msg>div>p{background:rgb(224 242 253 / 60%);padding: 8px 10px 8px 10px;border-radius: 0 6px 6px 6px;display: inline-block;}
.chat-msg .div-mp3{background:rgb(224 242 253 / 60%);}
.msg-right .file-small{float: right;}
.div-mp3 .file-name{margin-top: 0px;}
.div-mp3 .file-size{font-size: 12px;color: #999999;margin-top: 6px;}

.fixed-copy,.fixed-one-chat{width: 95px;position: absolute;box-shadow: 0px 3px 10px 1px #D1D3D3;border: 1px solid #C6C8C9;border-radius: 2px;background: #fff;z-index: 10;}
.fixed-copy a,.fixed-one-chat a{padding: 1px 1px 1px 15px;color: #333;font-size: 14px;display: block;line-height: 38px;}
.fixed-copy a:hover,.fixed-one-chat a:hover{background: #EDEDED;}
.fixed-copy a img,.fixed-one-chat a img{width: 20px;height: 20px;margin-right: 10px;}

.chat-retreat{font-size: 13px; color: #8A8A8A; padding: 6px}
.msg-right .chat-retreat{text-align: right;}
.msg-left .chat-retreat{text-align: left;}
.fixed-copy a .img-white,.fixed-one-chat a .img-white{display: none;}

.list-msg{font-size: 14px;border-right: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;background: #fff;}
.list-msg:first-child{border-top: 1px solid #e2e2e2;}
.cp{cursor: pointer;}
.a-msg{color: #a2a2a2;text-decoration: none;}
.a-msg:hover{color: #000;}
.fb{font-weight: bold;}
.f-red{color:#fe7f62;}
.f16{font-size: 16px;}
.msgtime{color:#999;font-size: 12px;}
.redpoint{background: #fe3d3d;width: 8px;height: 8px;display: inline-block;border-radius: 50%;position: absolute;top: 0;right: -10px;}
.qunzhu{background:#f5ddcb;padding: 0 4px;border-radius: 4px;font-size: 12px;color: #EC9D00;height: 18px;line-height: 18px;display: inline-block;}
.group-user:hover{background: #f8f1f1;border-radius: 2px;}
.group-user{padding: 2px 5px;}
.group-user .busy,.group-user .online,.group-user .leave,.group-user .offline{width: 8px;height: 8px;bottom: 2px;right: 0;margin: 0;}
.group-user>div>div .full-title{top: -13px;left: -10px;}
.group-user>div>div:hover .full-title{display: block;}
.group-user .full-title::after{border-top: 5px solid #435361;border-right: 5px solid transparent;top: 24px;left: 27px;}
.btn-group{background: #f6f2f2;display: block;padding: 5px;color: #f25757;border-radius: 4px;line-height: 28px;}
.btn-group:hover{background: #e0e0e0;color: #f25757;}
.group-user-data{min-height: calc(100vh - 158px);}
.group-user-name{height: 27px;border: 1px solid #e2e2e2;border-radius: 6px;padding: 0 10px;width: 200px;margin-top: 2px;}
.group-user-name:focus{background:#f6f2f2;}
@media only screen and (max-width: 767px) {
    .chat-box{width: 100%;margin: 0;border: none;}
    .full-screen{display: none;}
    .history{height:calc(100vh - 180px);}
    .operate textarea{height:60px}
    .btnway-msg,.msg-log,.btn-model{display: none;}
    .send-chat{margin-right: 15px;display: none;}
    .prompt-box{display: none;}
    .upload-box a img{width: 25px;}
    .upload-box a{padding: 6px;margin: 0 0 0 7px;}
    .tooltiptext {display: none;}
    .fixed-copy,.fixed-one-chat{background: #4C4C4C;border-radius: 6px;padding: 7px 10px;width: 180px;transform: translateX(-50%);left: 50%!important;text-align: center;}
    .widthpop-one{width: 60px;}
    .widthpop-two{width: 120px;}
    .fixed-copy a,.fixed-one-chat a{width: 60px;color: #fff;text-align: center;padding: 5px 0 0 0;float: left;}
    .fixed-copy a img,.fixed-one-chat a img{display: block;margin: 0 auto;}
    .fixed-copy a .img-white,.fixed-one-chat a .img-white{display: block;}
    .fixed-copy a .img-black,.fixed-one-chat a .img-black{display: none;}
    .fixed-copy a:hover,.fixed-one-chat a:hover{background: #4C4C4C;color: #ffffff;}
}

html,body{overflow: auto;font-size:62.5%;height:auto;-webkit-overflow-scrolling: touch;}
body,button, input, select, textarea{font-size:14px;font-family: SourceHanSansCN-Regular;
    color: #000; background-color: white;word-break:break-all;word-wrap:break-word;text-align:justify;text-justify:inter-ideograph;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,textarea,
p,blockquote,th,td{margin:0; padding:0;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());color: #343434;}
.con_width{width: 80%;margin: 0 auto;}
.nav_top{height: 67px;width: 100%;background: transparent;position: fixed;top: 0;left: 0;z-index: 10;}
.bgnavf_top{background: #ffffff;box-shadow: 0 0 8px #d8d8d8;}
.logo_f{margin: 15px 0 0 0px;color: #fff;font-size: 26px;font-family: SourceHanSansCN-Regular;line-height: 27px;}
.logo_f:hover{color: #fff;}
.bgnavf_top .logo_f:hover,.bgnavf_top .logo_f{color: #333;}
.logo_f img{width: 38px;height: 38px;margin-right: 19px;vertical-align: middle}
.index_lbbg{overflow: hidden;text-align: center;width: 100%;height: 100vh;background: linear-gradient(to right,#399FFE,#63BEFE);position: relative;}
.imgbg{background: url(../img/index/banner-bg.png) no-repeat bottom;width: 100%;height: 100vh;background-size: contain;}
.slogan{text-align: center;padding-top: 12%;color: #fff;font-size: 50px;letter-spacing: 20px;}
.slogan-m{text-align: center;padding-top: 30px;color: #fff;font-size: 26px;letter-spacing: 5px;}
.bgwhite{background: #fff;}
.f_title{width:100%;margin: 0 auto;padding-top: 140px;text-align: center;position: relative;margin-bottom: 80px;}
.f_title::before{background:linear-gradient(to right,#fff,#C9E0FA,#fff);content: '';height: 1px;width: 100%;position: absolute;bottom: 19px;left: 0;}
.f_title span{height:42px;line-height:42px;font-size:30px;color: #000;padding: 0 21px;display: inline-block;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;}
.f_titled{width:100%;margin: 0 auto;padding-top: 140px;text-align: center;position: relative;margin-bottom: 80px;}
.f_titled::before{background:linear-gradient(to right,#fff,#C9E0FA,#fff);content: '';height: 1px;width: 100%;position: absolute;bottom: 19px;left: 0;}
.f_titled span{height:42px;line-height:42px;font-size:30px;color: #000;padding: 0 21px;display: inline-block;background: #f2f7ff;position: absolute;left:50%;transform: translateX(-50%);bottom: 0px;}
.f_number{width: 100px;height: 100px;box-shadow: 0 0 5px #e8e8e8;border-radius: 6px;padding: 10px;}
.f_number img{width:80px;height:80px;}
.f_width3{width: 33.3%;float: left;padding:30px 0 0px 0;height: 160px;}
.f_bgwhite{background: #fff;padding-bottom: 100px;}
.f_bgqing{background: #f2f7ff;padding-bottom: 100px;}
.f_wenan{width: calc(100% - 160px);margin-left: 15px;color: #999999;font-size: 15px;}
.f_wenan p{font-size: 22px;font-weight: bold;color: #000;padding: 5px 0 8px 0;margin-bottom: 0;}
.bottomed_f{height: 47px; line-height: 47px;background: #365AC1; text-align: center;color: #fff;font-size: 13px;}
.bottomed_f a{color: #fff;font-size: 13px;margin-left: 56px;}
.shiyong{width:220px;height:52px;background:#fff;box-shadow:0px 2px 9px -2px rgba(24,73,47,0.2);border-radius:8px;text-align: center;line-height: 52px;font-size:21px;color: #50ADF4;margin: 80px 66px 0 0;display:inline-block;cursor: pointer;}
.shiyong:hover,.shiyong:focus{color:#50ADF4;}
.index_iframe{width: 100%; height: 100%; border: none; overflow: hidden;scrollbar-width: none;-ms-overflow-style: none;}

.bgblue{background: #f2f7ff;padding-bottom: 100px;padding-top: 50px;}
.advisory_bd{background: #fff url(https://www.jiankangle.com/form/imgs/zixun.png) no-repeat center;width: 50px;height: 50px;border: 2px solid #ddd;border-radius: 6px;background-size:100%;padding-top:0px;text-align: center;color: #333;font-size: 12px;display: block;}
.rightside{position: fixed;right: 0px;bottom:140px;width: 61px;}
.hotline{display: block;background:#fff url(https://www.jiankangle.com/form/imgs/tel.png) no-repeat;border: 2px solid #ddd;
    border-radius: 6px;width: 50px;height: 50px;margin-top: 13px;background-size:100% 100%;}
.hotline_pic{position: absolute;right: 55px;top:-3px;width: 175px;height: 55px;display: none;}
.hotline:hover .hotline_pic{display: block;}
.advisory_bd:hover,.hotline:hover{border: 2px solid #5094FB;}

.wechart-bg{background: url(https://www.jiankangle.com/img/qrcord.png) no-repeat;right: 55px;top: 50%;transform: translateY(-50%);width: 210px;height: 210px;display: none;background-size: contain;}
.advisory_bd:hover .wechart-bg{display: block;}
.wechart-bg img{width: 188px;float: left;margin: 5px 0 0 7px;}
.wechart-bg p{color: #666;width: 200px;text-align: center;bottom: 12px;left: 0;}


.chat-divbox{display: flex;padding: 20px 50px;}
.chat-divbox>div{flex: 1;padding:20px 10px;height: 650px;}