.online-chat-box{display:none;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.online-chat-box.show{display:-webkit-box;display:-webkit-flex;display:flex}.online-chat-box .chat-content{position:relative;width:866px;height:556px;background:url(../../images/chat-bg.png) no-repeat top;background-size:100% 100%;border-radius:6px}.online-chat-box .chat-close{position:absolute;top:15px;right:15px;z-index:2;width:24px;height:24px;line-height:24px;text-align:center;font-size:24px;color:#fff;cursor:pointer}.online-chat-box .chat-tit{padding-top:28px;padding-bottom:16px;text-align:center;font-weight:600;font-size:24px;color:#fff;line-height:34px}.online-chat-box .chat-main{width:809px;height:425px;position:relative;background:#fff;border-radius:30px;margin:0 auto}.online-chat-box .chat-main-box{padding:4px;position:absolute;top:0;left:0;z-index:1;background:-webkit-linear-gradient(top,rgba(243,221,23,.4),rgba(244,68,68,.4));background:linear-gradient(180deg,rgba(243,221,23,.4),rgba(244,68,68,.4));border-radius:30px}.online-chat-box .chat-main-box .chat-main-inner{width:100%;height:100%;background:#fff;border-radius:26px;overflow:hidden}.online-chat-box .chat-top{padding:28px 0 0 108px;display:-webkit-box;display:-webkit-flex;display:flex}.online-chat-box .chat-top .chat-person{width:280px;height:195px}.online-chat-box .chat-top .chat-person img{display:block;width:100%;height:100%}.online-chat-box .chat-top .chat-qr{width:180px;height:180px;margin-left:50px;margin-right:15px}.online-chat-box .chat-top .chat-qr img{display:block;width:100%;height:100%;border:1px solid #f0f0f0}.online-chat-box .chat-top .chat-arrow{width:74px;height:50px;margin-top:63px}.online-chat-box .chat-top .chat-arrow img{display:block;width:100%;height:100%}.online-chat-box .chat-bottom{width:801px;height:194px;margin:0 auto;background:#fff9ef;border-radius:26px}.online-chat-box .chat-bottom .chat-bottom-tit{padding-top:18px;padding-bottom:10px;text-align:center}.online-chat-box .chat-bottom .chat-bottom-tit img{display:inline-block;vertical-align:top;width:432px}.online-chat-box .chat-bottom .chat-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 25px}.online-chat-box .chat-bottom .chat-list li{width:180px;height:127px;background:-webkit-linear-gradient(top,#faf1a2,#fbb5b4);background:linear-gradient(180deg,#faf1a2,#fbb5b4);border-radius:16px;text-align:center}.online-chat-box .chat-bottom .chat-list .chat-item-img{width:174px;height:94px;margin:3px auto 0;border-radius:12px;overflow:hidden}.online-chat-box .chat-bottom .chat-list .chat-item-img img{display:block;width:100%;height:100%;border-radius:12px}.online-chat-box .chat-bottom .chat-list p{margin-top:5px;font-size:14px;color:#3c1203;line-height:20px;font-weight:300}